高中信息技术 浙教版选修3 6.2网站的制作与调试(共12张PPT)

网站的制作与调试 首页的设计是一个网站成功与否的关键。 人们往往看到首页就已经对该站点有一个整体的感觉。 设计首页的步骤是： 1、 确定首页的功能模块 2、设计首页的版面 3、处理技术上的细节 网站的制作 1.版面布局形式 “同”字形结构、“口”字形结构、“三”字形结构、对称形结构、pop形布局、“川”字形结构。 2.页面色彩规划 忌讳对比强烈的颜色搭配做主色 文字颜色与链接颜色分开 不要让页面文字产生极不自然的效果刺激浏览者的眼睛 不知道用什么颜色，就用白色 配色简洁，主色应该尽量控制在三种以内 前景和内容的对比要明显少用花纹复杂的背景图片 风格设计 风格设计 包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等。如：严肃庄重、清爽温馨、深沉厚重、生动活泼、古朴典雅。 简洁大方 5 风格独特，构图巧妙 6 生动活泼 7 色彩丰富 8 布局类型 布局方式 实例 “国”字型 上面是网站的标题及横幅广告，接下来是网站的主要内容，左右分别列一些小条，中间是主要内容，下面是一些网站的信息 人民网 拐角型 上面是标题广告，接下来在左侧是导航栏，右侧是正文，下面是网站的信息。  http://www.itedu.info/zuopin2007/mansu 标题正文型 上面是标题，下面是正文。   左右框型 左边是导航栏，右边是正文。有时最上方会有一个小标题。   上下框型 上面是导航栏，下面是正文。 http://design.yesky.com/show/ 综合框架型 左右、上下两种框架结构的结合。   封面型（Flash型） 精美的平面或动画作为首页。 http://www.green-web.org/birds 常见网页布局类型 1、代码优化 2、网站的测试 （1）不同浏览器和操作系统的测试 （2）不同分辨率的测试 （3）链接有效性的测试 网站的调试 任 务 设计自己的个人主页，确定个人主页的主题，规划栏目板块。利用表格规划出首页的布局。 为上机课制作个人主页做准备。 谢谢！ $$