《网页设计与制作》 教学课件 主讲人：湖南铁道职业技术学院陈承欢 HUNAN RAILWAY PROFESSIONAL TECHNOLOGY COLLEGE
Hunan Railway Professional Technology College 主讲人：湖南铁道职业技术学院 陈承欢 《网页设计与制作》 教学课件
教学单元30：网站规划与网页设计 一、课程引导 二、 明确知识技能目标 湖南绒道顾营政御学院 三、展示网页浏览效果 主要教学环节 四、分析操作任务 五、知识讲解与操作示范 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题 网页设计与制作
教学单元30：网站规划与网页设计 主 要 教 学 环 节 五、知识讲解与操作示范 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 四、分析操作任务 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题
(一) 课程引导 厚 湖南绒道质业夜御学院 本次课重点学习网页的色彩设计、导航 设计、网页页面元素的设计、网页设计的规 范。 网页设计与制作
（一）课程引导 本次课重点学习网页的色彩设计、导航 设计、网页页面元素的设计、网页设计的规 范
(二)明确知识技能目标 湖南城道营欢似学院 (1)掌握网页色彩设计、导航设计和网 页面面元素设计的基本原理与方法。 (2)掌握网页设计的规范。 网页设计与制作
（二）明确知识技能目标 （1）掌握网页色彩设计、导航设计和网 页面面元素设计的基本原理与方法。 （2）掌握网页设计的规范
(三) 展示网页浏览效果 1. 预览网页 湖南城道業政御学院 长 级 网页设计与制作
（三）展示网页浏览效果 1．预览网页
(四)分析操作任务 运用本章所学习的方法和技巧对该网页 湖南城道营政饰学院 15.html的页面布局、颜色搭配、文字图像进行合 理调整和优化。 网页设计与制作
（四）分析操作任务 运用本章所学习的方法和技巧对该网页 15.html的页面布局、颜色搭配、文字图像进行合 理调整和优化
(五)知识讲解与操作示范（1) 湖南城 15.2.4 网页色彩设计 1 色彩的基本知识 (1)三原色 质 三原色是能够按照一些数量规定合成其他任何 种颜色的基色。所有的颜色其实都是由三原色按 爽 照不同的比例混合而来。电脑屏幕的色彩是由红、 绿、蓝三种原色组成。 (2)色彩三要素 琴 色彩三要素是指色相、饱和度和明度。 网页设计与制作
（五）知识讲解与操作示范（1） 15.2.4 网页色彩设计 1．色彩的基本知识 （1）三原色 三原色是能够按照一些数量规定合成其他任何 一种颜色的基色。所有的颜色其实都是由三原色按 照不同的比例混合而来。电脑屏幕的色彩是由红、 绿、蓝三种原色组成。 （2）色彩三要素 色彩三要素是指色相、饱和度和明度
(五)知识讲解与操作示范(2) 湖南绒道 2. 颜色的计算机表示 颜色由红、绿、蓝三原色组合而成，在网页中 采用十六进制对颜色进行定义。 (1)颜色十六进制数值 薰 (2)十进制的RGB值 (3)使用预设的颜色名称 HTML预设了一些颜色名称，在颜色文本框中直 接输入颜色名称也能设置相应颜色。 琴 网页设计当
（五）知识讲解与操作示范（2） 2．颜色的计算机表示 颜色由红、绿、蓝三原色组合而成，在网页中 采用十六进制对颜色进行定义。 （1）颜色十六进制数值 （2）十进制的RGB值 （3）使用预设的颜色名称 HTML预设了一些颜色名称，在颜色文本框中直 接输入颜色名称也能设置相应颜色
五) 知识讲解与操作示范（3) 湖 3.颜色与心里反应 当看到不同的颜色时，会产生不同的心里感觉， 这就是一种色彩意向。 道 4.】 页面色彩的搭配技巧 感 (1)特色鲜明 (2)搭配合理 (3)讲究艺术性 (4)合理使用邻近色 御拳院 (5)合理使用对比色 (6)巧妙使用背景色 (7)严格控制色彩的数量 网页设计与制作
（五）知识讲解与操作示范（3） 当看到不同的颜色时，会产生不同的心里感觉， 这就是一种色彩意向。 3．颜色与心里反应 4．页面色彩的搭配技巧 （1）特色鲜明 （2）搭配合理 （3）讲究艺术性 （4）合理使用邻近色 （5）合理使用对比色 （6）巧妙使用背景色 （7）严格控制色彩的数量
(五)知识讲解与操作示范(4) 15.2.5 网页导航设计 湖南鐵道 导航是网站设计不可缺少的元素之一，它不仅仅是信息结构 的基础分类也是浏览者浏览网站的路标。 导航作为页面的重要视觉元素，放置在明显、易找的区域是必要， 让浏览者进入网站第一时间就可以看到它。 导航样式有很多，包括横排导航、竖排导航、多排导航、图片 式导航、下拉菜单导航、隐藏式导航等。 网站导航的表现形式主要有：菜单、站内搜索引擎、当前浏览位 置等。 (1)菜单 琴 菜单是网站最常见的导航方法，一个好的菜单系统关键在于能 适应网站的层次需要，并且容易让浏览者理解网站的结构。 网顶设计与制作
（五）知识讲解与操作示范（4） 15.2.5 网页导航设计 导航是网站设计不可缺少的元素之一，它不仅仅是信息结构 的基础分类也是浏览者浏览网站的路标。 导航作为页面的重要视觉元素，放置在明显、易找的区域是必要， 让浏览者进入网站第一时间就可以看到它。 导航样式有很多，包括横排导航、竖排导航、多排导航、图片 式导航、下拉菜单导航、隐藏式导航等。 网站导航的表现形式主要有：菜单、站内搜索引擎、当前浏览位 置等。 （1）菜单 菜单是网站最常见的导航方法，一个好的菜单系统关键在于能 适应网站的层次需要，并且容易让浏览者理解网站的结构