2网等站设计基础二.doc

课 题授课日期 课型 时 数 【教学目标及要求】? ⒉能力目标: 认识网站建设流程，将网站建设的原则、技巧运用到网页制作中。 ⒊德育目标: 激发学习热情与兴趣，养成良好的学习习惯。 【教学重点与难点】 【】 【教学教具】 教学 【】 【】①确定网站主题和名称 ②搜集材料 ③规划网站：设置栏目、设计目录结构、色彩搭配、网站的Logo、版面布局、图像的运用。 2、中期实际制作 ①制作网站 ②上传网站 3、后期维护 二、网站设计的原则 （1）、内容与形式统一 （2）、主题鲜明 （3）、风格统一 （4）、网页应易读 （5）、导航清晰 （6）、兼顾下载速度与美观 （7）、栏目设置合理 （8）、网站介绍 （9）、设置网页标题 三、网站设计的技巧 构建网站的VI形像 设计网站的Logo 设计网站的标准色彩 设计网站的标准字体 设计网站的宣传标语 设计网站的整体风格 确定网站的目录结构 确定网站文件的命名规则 确定网站的链接结构 四、网页版面布局 （1）、网页版面及页面尺寸： 网页版面是指在浏览器中看到的一个完整页面。因为每台显示分辨率不同，所以一个页面的大小可能出现不同的尺寸。 页面尺寸和显示器大小及分辨率有关。 分辨率（像素） 页面显示尺寸（像素） 640*480 620*311 800*600 780*428 1024*768 1007*600 （2）、布局原则： ①、平衡性 ②、对称性 ③、对比性 ④、疏密性 ⑤、反复性 ⑥、韵律感 ⑦、比例 （3）、网页布局类型 ①、“国”字型（网易收费邮箱，/） ②、拐角型（嘉丽雅化妆品有限公司网站，　③、“三”字型（/） ④、“川”字型 ⑤、标题正文型布局（） ⑥、左右框架型，（网易论坛） ⑦、上下框架型 ⑧、综合框架型 ⑨、Flash型（/cn/） ⑩、封面型（/） 五、网页色彩搭配 网页的色彩是树立网站形象的关键之一，色彩搭配是一般设计者很难把握的问题。网页的背景、文字、图标、边框、超链接等应该采用什么样的色彩、应该搭配什么色彩才能最好的表达出预想的效果？这是我们制作网页时必须考虑的问题。要解决好这些问题，就要先了解色彩的基本常识。 三原色理论，即红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页HTML语言中的色彩表达即是用这三种颜色的数值表示，例如：红色是color(255,0,0)，十六进制的表示方法为(FF0000)，白色为(FFFFFF), 我们经常看到的“bgColor=#FFFFFF”就是指背景色为白色。 分非彩色系和彩色系两类。非彩色是指黑、白、灰系统色。彩色是指除了非彩色以外的所有色彩。 色彩三要素理论，即任何色彩都有饱和度和亮度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。 由于彩色的记忆效果比黑白的好，也就是彩色页面较完全黑白页面更加吸引人。所以，在网页设计中通常的做法是：主要内容文字用非彩色(黑色)，边框、背景、图片用彩色。这样页面整体不显单调，主要内容也不会花乱。 ⑴、色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。 红色－是一种激奋的色彩。给人以刺激效果，能使人产生冲动、愤怒、热情、活力的感觉。 绿色－介于冷暖两中色彩的中间，显得和睦、宁静、健康、安全的感觉。它和金黄、淡白搭配，可以产生优雅、舒适的气氛。 橙色－也是一种激奋的色彩，具有轻快、欢欣、热烈、温馨、时尚的效果 黄色－具有快乐、希望、智慧和轻快的个性，它的明度最高。 蓝色－是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺、淡雅、浪漫的气氛(象天空的色彩) 白色－具有洁白、明快、纯真、清洁的感受。 黑色－具有深沉、神秘、寂静、悲哀、压抑的感受。 灰色－具有中庸、平凡、温和、谦让、中立和高雅的感觉。 　每种色彩在饱和度、透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春、旺盛的视觉意境，而蓝绿色则显得幽静、理智。 （2）、网页色彩搭配的原理 色彩的鲜明性。网页的色彩要鲜艳