网页制作教程-网站设计.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 站点开发，需要掌握相应 的技术。