61网站的规划与设计.ppt

制作网站的一般步骤 一、确定网站主题 二、搜集材料 三、规划网站 四、制作网页 五、上传测试 六、推广宣传 七、维护更新 6.1 网站的规划与设计 无论是做个人网站还是商业网站，规划与设计都是第一步。网站的规划与设计好比是盖房子的图纸，有了图纸才能按照图纸进行“施工”。只有详细的规划与设计，才能避免在网站制作过程中出现返工问题，是网站能顺利进行。 在规划与设计阶段，应该完成以下工作： 1.确定主题 2.资料的收集、筛选和整理 3.网站的布局 6.1.1确定主题 网站的主题就是网站所要表达的主要思想。在动手制作自己的网站以前，首先要考虑的就是这个网站究竟要做些什么，通过这个网站我要表达一些什么内容。这个主题应该越“专”越好，要有特色、有新意。 如果网站内容太过丰富、庞杂往往没有吸引力 如何确定主题？ 1.选择自己最擅长的题材 兴趣是制作网站的动力 2.主题要精选 主题不能太宽泛，应该在某一个方面有自己独到的特色 3.贵在创新 万维网上只有第一，如果你选的题材已经有非常优秀、知名度高的网站最好绕过。 网站命名 网站的名字对网站的形象和宣传推广有很大影响 命名原则： 1.易记 2.健康 3.有特色 6.1.2资料的收集、筛选和整理 优秀的网站必须有丰富的内容，否则技术再出色花样再多，如果内容空洞乏味也不会有人愿意浏览的。 收集素材的途径： 1.书籍著作 2.影视媒体 3.因特网 4.个人原创 6.1.3网站布局 制作网站时，初学者往往在确定了主题和题材后急于开始制作，当一个一个网页制作完后才发现，网站结构不清晰，目录庞杂，不但浏览者看的糊涂，网站维护起来也麻烦。 因此，在动手制作网站之前，一定要考虑好网站的布局，包括以下几个方面： 1.确定网站的栏目和板块 栏目安排要：紧扣主题，设一个“最近更新”或“网站指南”，设定一个可以双向交流的栏目，设一个下载或常见问题回答栏目 2.确定网站的目录结构 目录名字不要用中文，名字不要太长，意义明确 3.确定网站的链接结构 4.确定网站的整体风格 Company Logo 6.2网站的制作与调试 首页的设计是一个网站成功与否的关键。 人们往往看到首页就已经对该站点有一个整体的感觉。 设计首页的步骤是： 确定首页的功能模块—设计首页的版面—处理技术上的细节 1.版面布局形式 “同”字形结构、 “口”字形结构、“三”字形结构、对称形结构、pop形布局、 “川”字形结构 2.页面色彩规划 忌讳对比强烈的颜色搭配做主色 文字颜色与链接颜色分开 不要让页面文字产生极不自然的效果刺激浏览者的眼睛 不知道用什么颜色，就用白色 配色简洁，主色应该尽量控制在三种以内 前景和内容的对比要明显少用花纹复杂的背景图片 风格设计 风格设计 包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等。 如：严肃庄重、清爽温馨、深沉厚重、生动活泼、古朴典雅。。。 Company Logo 简洁大方 Company Logo 风格独特，构图巧妙 Company Logo 生动活泼 Company Logo 色彩丰富 Company Logo 布局类型 布局方式 实例 “国”字型 上面是网站的标题及横幅广告，接下来是网站的主要内容，左右分别列一些小条，中间是主要内容，下面是一些网站的信息 人民网 拐角型 上面是标题广告，接下来在左侧是导航栏，右侧是正文，下面是网站的信息。 ?/zuopin2007/mansu 标题正文型 上面是标题，下面是正文。 ? 左右框型 左边是导航栏，右边是正文。有时最上方会有一个小标题。 ? 上下框型 上面是导航栏，下面是正文。 /show/ 综合框架型 左右、上下两种框架结构的结合。 ? 封面型（Flash型） 精美的平面或动画作为首页。 /birds 常见网页布局类型 任 务 设计自己的个人主页，确定个人主页的主题，规划栏目板块。利用表格规划出首页的布局。 为上机课制作个人主页做准备。 * * * * * * * *