（一）课程引导万维网使得浏览Internet变得非常简单，只要用鼠标单击，就可以显示图文并茂的网页，网页中可以包含声音、视频、动画等，这也是万维网在Internet中最受欢迎、使用最多的原因。学习创建网站、制作网页之前，我们先浏览几个优秀的网站，对这些网站的主页进行分析，了解优秀网页的布局结构、色彩搭配、导航栏的设计、动画效果等。（二）明确知识技能目标（1）欣赏优秀的网页，学习他人之长，激发学习网页设计的兴趣。（2）分析优秀网页的布局结构、颜色搭配、视觉效果，留下直观的第一印象，为学习制作网页奠定基础。（3）对网页的组成元素有一个初步印象。（三）知识讲解欣赏海尔集团的网站：启动IE浏览器，输入网址：www.haier.com（回车）展显在眼前便是该网站独具特色的首页。该首页给人以清新、爽朗的感受，首页的整体布局为“上、中、下”三个版块，中间的主体内容又分为“左、中、右”三个版块。1.1公司类网站赏析（三）知识讲解颜色对比较为强烈，重点突出主要采用浅蓝和玫瑰红为主，浅蓝色给人清爽、雅致的感受，玫瑰红给人温馨、浪漫的感受，。首页题头的动化效果体现了海尔集团的理念和品质，让人既想到家的感觉又能记住该品牌。导航栏的颜色鲜明，文字与背景色对比强烈，引人注目。二级导航采用横式排列，其优点是不会遮住下面正文的内容。1.1公司类网站赏析图1-1北京故宫博物院网的首页（三）知识讲解－首页欣赏欣赏“中国大众体育网”，网址是：www.chinasfa.net。该网站的引导页整体视觉感受简洁、现代感较强。背景用大块的深绿色，给人安静、稳重的感觉。在字体的运用上有大有小，有长有短，显得有对比，文字居中对齐，显得庄重。图片的动态效果突出主题，产生运动的视觉感受。该网站的首页整体视觉感受清晰、和谐。整体颜色采用绿色，既统一又有变化，主体突出。1.3体育类网站赏析（三）知识讲解图1-2中国大众体育网的引导页（三）知识讲解－首页欣赏图1-3中国大众体育网的首页（三）知识讲解－首页欣赏欣赏新东方教育网站，网址是：www.neworiental.org其首页主要列出了导航菜单和网站地图，简洁明了、排列整齐。颜色的搭配主要采用黄、绿色调，采用了类似色的搭配，给人以清新、和谐的视觉美感。该网页给人的视觉感受是和谐美观，在模块的划分上比较明显，采用“左、中、右”三个板块每个内容板块都采用了不同颜色和形式做标题装饰，在视觉方面也给人以醒目和新颖的感觉。1.4教育培训类网站赏析（三）知识讲解图1-4新东方教育网的新闻网页（三）知识讲解－首页欣赏浏览几个网站，对所浏览网站首页的特色和不足进行赏析说明，主要包括页面布局结构、颜色搭配、导航栏、文字效果、图片效果、动画效果等。从以下网站中选择两个网站进行赏析。（1）当当购物网站：www.dangdang.com/（2）南开大学网站:www.nankai.edu.cn/index.asp（3）且听风吟文学网：wind.yinsha.com/（4）叱进军个人网站：my.6to23.com（5）携程旅游网：www.ctrip.com（6）中国体育资讯网：www.sportinfo.net.cn（7）太平洋电脑网：www.pconline.com.cn（四）课堂实践（五）课堂拓展实践1．浏览以下网站，分析这些网站首页的特色和不足。（1）天津大学网站：www.tju.edu.cn（2）易趣网：www.ebay.com.cn/（3）木叶之家个人网：zhangrui.haocool.net/（4）求职网：www.chijoy.1m.cn（5）开心购物网：www.aroundsuzhou.com/（6）湖南张家界旅游网：www.zjjok.com（7）曙光人才网：www.twinssusccess.cn2．利用搜索引擎网站查找四川长虹集团、深圳TCL集团、九天音乐网的网址。（六）本章小节本章主要欣赏了几个优秀网站的首页，通过分析对这些网站的布局结构、颜色搭配、视觉效果留下了初步印象。利用搜索引擎获取广东“李宁体育用品公司”的网址和“遛狗网”的网址，并简要说明这两个网站首页的特色。（七）布置习题（一）课程引导第1章我们欣赏了多个赏心悦目的网站，重点分析了这些网站首页的结构布局、颜色搭配、视觉效果等。欣赏完这些网页后，你是否对制作网页产生了兴趣，一定想知