师：各位同学，大家好。在今天课程开始前，我们先欣赏一段视频。欣赏过程中，请大家仔细观看并思考视频内容。
（视频播放完毕）
师：这段视频表现的内容是什么？
生：互联网中的各种不同类型的网站。
师：回答得非常好。那大家知不知道构成网络世界的最基本元素是什么？
生：我认为就是各种不同类型的网站。
师：是的，互联网由网络将一个个网站连接在一起，形成庞大的网络系统，在这个系统里我们能查找任何需要的信息。说到网络的起源，可以追溯到美国国防部高级研究计划管理局当年建立的阿帕网。刚才提到网络由各个网站连接组成庞大信息系统，而网站是在因特网上，根据一定规则，使用html等工具制作，用于展示特定内容的相关网页的集合。简单来说，网站就是一种通信工具，像布告栏一样，人们可通过网站发布想公开的资讯，或提供相关网络服务。许多单位都有自己的网站用于宣传。随着时代发展，网页制作技术变简便，很多人开始制作个人网页，用于自我介绍，展现个性和兴趣爱好。那什么是网页呢？它是承载各个网站应用的平台，通俗来讲，网页是构成网站的基本元素。网页学名为html文件，是一种能在3W网上传输，并被浏览器识别翻译成页面显示出来的文件。大家觉得构成网页的元素有哪些？
生：据我观察有图片、视频、音频等等。
师：这位同学回答得非常好。老师结合这位同学的回答再补充一些，网页由文本、色彩、图标、图片、导航栏、超链接、动画、声音以及视频等元素组合而成。优秀的网页设计往往会合理组合这些构成页面的基本元素，体现出语言难以表现的情境，展现网站独特风格与个性，给浏览者留下深刻印象。在这些组成部分中，最主要的就是导航栏。那什么是导航栏呢？
生：导航栏是一组按钮，可以帮助浏览者进入各个子页面或返回到首页的虚拟按钮，起到贯穿于各个页面之间的作用。其动画效果的动态装饰也会使网页具有运动的形式美。除此之外，网页中恰当的底色能更好地突出主题，烘托氛围，而网页中的图标不仅起到了点缀、装饰的作用，同时也使得页面更加鲜明，也更具可读性。
师：在网页中，形象的图文设计便于浏览者选择和浏览相关内容。网站设计之初，我们可采用块面方式初步规划区域。像老师这样运用不同方块规划不同区域，再根据规划好的区域填充图文、视频等内容。以上介绍了网页相关内容，请大家思考一个问题，优秀的网页能吸引我们的地方在哪里？回答前，我们先欣赏几幅优秀网页设计图片。第一幅作品采用3D图形作为页面主要设计元素，以立体的中国龙作为画面主要元素，以水墨色的重山作为背景，结合主页的标语文字，烘托出诚信这一主题氛围。第二幅作品采用网格化页面设计模式，设计者运用红黑色块，按照聚散分配模式将页面中人物照片穿插其中，页面形式感非常前卫，同时文字设计也具有一定节奏和韵律感。第三幅作品设计者运用暗调高亮的颜色搭配法则，以深色为背景，衬托网页中所宣传的商品，使浏览者更清晰观察到商品特征。第四幅作品，页面设计用色简约，淡紫色与黑色搭配使整个页面给人清新甜美的感受，整幅作品较注重形式感。最后一幅页面设计给人极简风格的体会，页面中没有过多颜色，只有商品图片，通过简单页面布局凸显商品。那刚才的问题，大家有答案了吗？优秀的网页设计，吸引你的地方有哪些？
生：我觉得是颜色的搭配，页面的排版以及文字创意特征。
师：回答得非常好，颜色、排版和文字，这三元素就是确定网页风格的主要因素，我们称之为精致的色彩、极致的排版和考究的文字，三者共同构成网页特定风格。今天这节课先带领大家了解网页中精致的色彩。颜色在网页制作中作用关键，很多网站因成功的色彩搭配令人过目不忘。但刚开始了解网页制作的人，往往不易驾驭好网页颜色搭配，只有通过欣赏优秀网站的颜色搭配方法，才能少走弯路，快速提高网页颜色搭配水平。网页设计中每种颜色都有一定寓意，比如红色代表热情、奔放、喜悦和庄严，黄色代表高贵、富有、灿烂、活泼，黑色代表严肃，白色和灰色让人联想起纯洁和庄重，棕色能让我们体会到大地的厚重。了解颜色寓意后，制作网页时遇到相关主题，就可运用相近颜色配色。比如画面中第一个页面是大型篮球网站，通常此类网站以白色为背景居多，但这个网站用黑色和红褐色结合，标题部分运用橘色，这样的配色显示独特个性，又不失大型网站风采。右边是政务网站，它的配色方案是以天蓝色为背景，中间嵌套大小不一的窗口，整个页面设计给浏览者清晰亲切的感受。右下角的网站采用黄色调为主，很体现公司个性。在黄色调基础上，运用彩色字体为标头，中间再配以图像，显得个性十足但不单调。通过几幅页面作品赏析了优秀网页设计案例，下面我们再通过几幅页面设计，共同探讨页面设计中色彩运用的几个要点。第一幅作品，有哪位同学能告诉我，通过观察页面能总结出有几种颜色？