网页设计与制作案例教程-1.ppt

第1章优秀网站赏析
变得非常简单,只要用鼠标单击,就可以显示图文并茂的网页,网页中可以包含声音、视频、动画等,中最受欢迎、使用最多的原因。
课程引导
在学****创建网站、制作网页之前,我们先浏览几个优秀的网站,对这些网站的主页进行分析,了解优秀网页的布局结构、色彩搭配、导航栏的设计、动画效果等。
知识技能目标
(1)欣赏优秀的网页,学****他人之长,激发学****网页设计的兴趣。
(2)分析优秀网页的布局结构、颜色搭配、视觉效果,留下直观的第一印象,为学****制作网页奠定基础。
(3)对网页的组成元素有一个初步印象。
知识讲解

公司类网站赏析

旅游类网站赏析

班级网站赏析

体育类网站赏析

教育培训类网站赏析
公司类网站赏析
首先让我们一起欣赏家电行业的优秀企业——海尔集团的网站,启动IE浏览器,在地址栏中输入海尔集团的网址:),展显在眼前便是该网站独具特色的首页。
该首页给人以清新、爽朗的感受,首页的整体布局为“上、中、下”三个版块,中间的主体内容又分为“左、中、右”三个版块。
颜色主要采用浅蓝和玫瑰红为主,浅蓝色给人清爽、雅致的感受,玫瑰红给人温馨、浪漫的感受,颜色对比较为强烈,重点突出。
首页题头的动化效果体现了海尔集团的理念和品质,让人既想到家的感觉又能记住该品牌。
导航栏的颜色鲜明,文字与背景色对比强烈,引人注目。
二级导航采用横式排列,其优点是不会遮住下面正文的内容。
接下来让我们欣赏“凤凰古城旅游网”,让网站的网址是:如图1-1所示。
旅游类网站赏析
图1-1 凤凰古城旅游网的首页
该首页给人的视觉效果是一种古朴的气息迎面扑来,整体色彩、图文搭配十分协调,咖啡色的运用和图片的搭配十分和谐。
主页题头的凤凰古城图片恰到好处,突出了主题,同时也起到了广告作用。
导航栏的文字颇具特色。
首页的模块划分采用的是左右两大模块,内容划分清晰。