网页制作教程-网站设计.ppt

网页制作 第2章 网站设计 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。 一般初学者经过短暂的学习就可以学会制作网页，于是认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？ 建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 制作网站一般步骤： 确定网站主题 搜集材料 规划网站 选择合适的制作工具 网站制作 网站本地测试 上传测试 推广宣传 维护更新 2.1 确定网站主题 网站主题就是建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。 对于个人网站，必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是感兴趣的，任何内容都可以，但主题要鲜明，在主题范围内内容做到大而全、精而深。  2.2 搜集材料 明确了网站的主题以后，就要围绕主题开始搜集材料了。 要想让网站有血有肉，能够吸引住用户，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。  2.3 规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平。 网站规划包含的内容很多，如网站栏目的设置、网站的风格等。 在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。 1. 网站栏目设置 网站栏目结构： 网站首页→一级栏目首页→二级栏目首页→内容网页 网站首页 一级栏目首页 二级栏目首页 内容网页 合理的栏目设置 通过主页可以到达任何一个一级栏目首页、二级栏目首页以及最终内容页面； 通过任何一个网页可以返回上一级栏目页面并逐级返回主页； 主栏目清晰并且全站统一； 通过任何一个网页可以进入任何一个一级栏目首页。 2. 网站的风格 网站风格是抽象的，是指站点的整体形象给浏览者的综合感受。 这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。 迪斯尼网站 IBM网站 玫瑰婚典网站 2.4 选择合适的制作工具 尽管选择什么样的工具并不会影响设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。 网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得（WYSIWYG）的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了。 Macromedia Dreamweaver 8是一款专业的网站开发编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发，整个生产过程可以自动化，增强开发小组的工作效率。无论用户是喜欢可视化的网页开发环境还是喜欢手写代码，Dreamweaver 8都能提供有用的工具。 除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，可以根据需要灵活运用。 2.5 网站制作 网站制作即Web站点开发，需要掌握相应的技术。 网页程序设计： HTML语言→CSS→版面设计→脚本语言→服务器动态语言→数据库→XML相关→开发工具使用 网页美工： （美术基础）→HTML语言→CSS→版面设计→色彩构成→电脑图像处理软件使用→电脑动画软件使用 2.6 网站本地测试 网站制作完毕，要首先进行本地测试，以便检查网站是否能够正常使用。 本地测试需要在本地机器上建立Web服务器功能，通常可以使用Windows系统的IIS（Internet信息服务）软件或者Linux系统的Apache软件建立。 IIS是Windows的组件，通过Windows安装光盘进行安装。 2.7 上传测试 网站本地测试后，最后要发布到远程的Web服务器上，才能够让Internet的朋友观看。 现在上传的工具有很多，例如CuteFTP、FlashFTP等。 有些网页制作工具本身就带有FTP功能，可以很方便地把网站发布到自己申请的主页存放服务器上。 网站上传以后，在浏览器中打开网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试