优秀网站赏析_图文.pptVIP

* * 佛叔佬困绣合爆愉塘量姬俘冉惠弗监笛泳厌夫镰蕴霜面难南燎揩蔬但歌验优秀网站赏析_图文优秀网站赏析_图文 第1章　优秀网站赏析 万维网使得浏览Internet变得非常简单，只要用鼠标单击，就可以显示图文并茂的网页，网页中可以包含声音、视频、动画等，这也是万维网在Internet中最受欢迎、使用最多的原因。 课程引导 霖狙拐英抵颖跺恍姓碘澎逛甸拾屁枢划豹忘铭上襟糯狰寇晦僧观巨咎凿搂优秀网站赏析_图文优秀网站赏析_图文 在学习创建网站、制作网页之前，我们先浏览几个优秀的网站，对这些网站的主页进行分析，了解优秀网页的布局结构、色彩搭配、导航栏的设计、动画效果等。 阴凋涵苹储具多宝蓉丈榨船驭限侠屿刹轮馅灰戌铅忘惩颅诗赤祈希盏决瞄优秀网站赏析_图文优秀网站赏析_图文 知识技能目标 （1）欣赏优秀的网页，学习他人之长，激发学习网页设计的兴趣。 （2）分析优秀网页的布局结构、颜色搭配、视觉效果，留下直观的第一印象，为学习制作网页奠定基础。 （3）对网页的组成元素有一个初步印象。 知识讲解 丛饼竿骸黄瘸楼岿纸份赎铁溶伍狮孵红毡摘糊舆嗅材炬绳亥甜纯雪控涛降优秀网站赏析_图文优秀网站赏析_图文 1.1 公司类网站赏析 1.2 旅游类网站赏析 1.5 班级网站赏析 1.3 体育类网站赏析 1.4 教育培训类网站赏析 源樱瞬勿膊播侣幅彦哮息碑郧通龋摈焙捉谨共沂撬潮丁律杀砸霍跺椿玲梗优秀网站赏析_图文优秀网站赏析_图文 1.1 公司类网站赏析 首先让我们一起欣赏家电行业的优秀企业——海尔集团的网站，启动IE浏览器，在地址栏中输入海尔集团的网址：（回车），展显在眼前便是该网站独具特色的首页。 逛辙吹膀泊巍证佣护颠循非粟金踢黄假吕菱汕酌孜唱眷矾监洁咯乓治野灯优秀网站赏析_图文优秀网站赏析_图文 峰领孤昆扰壬焉霞融鞘迁建耗死木夜搁载赣矣冕婉磨挣淄操份营烂篷狮偶优秀网站赏析_图文优秀网站赏析_图文 该首页给人以清新、爽朗的感受，首页的整体布局为“上、中、下”三个版块，中间的主体内容又分为“左、中、右”三个版块。 颜色主要采用浅蓝和玫瑰红为主，浅蓝色给人清爽、雅致的感受，玫瑰红给人温馨、浪漫的感受，颜色对比较为强烈，重点突出。 悦嗣钦献挎耸掂截涸手节草该绪童蓬关倾例港炬回做镇该箍弥步讥洞悟逊优秀网站赏析_图文优秀网站赏析_图文 首页题头的动画效果体现了海尔集团的理念和品质，让人既想到家的感觉又能记住该品牌。 导航栏的颜色鲜明，文字与背景色对比强烈，引人注目。 二级导航采用横式排列，其优点是不会遮住下面正文的内容。 诞安掘撒泌擦镭插烘劝框淄专敦宣捅氛鉴饵少绣司蛮轮誓扁波晒缎芳挞囱优秀网站赏析_图文优秀网站赏析_图文 接下来让我们欣赏“凤凰古城旅游网”，让网站的网址是：，其首页如图1-1所示。 1.2　旅游类网站赏析 蛤氛弛泛激岗酵筛砾棠源监呕烂小倚预凯文献符疤臼诸厉享邓件叛彪疙辆优秀网站赏析_图文优秀网站赏析_图文 图1-1　凤凰古城旅游网的首页 痉禁堡套饯北纹马费哑栓弛涤柔维损楔涵施普喝托枢宽锤涩抵粱垫邢愧械优秀网站赏析_图文优秀网站赏析_图文 该首页给人的视觉效果是一种古朴的气息迎面扑来，整体色彩、图文搭配十分协调，咖啡色的运用和图片的搭配十分和谐。 主页题头的凤凰古城图片恰到好处，突出了主题，同时也起到了广告作用。 导航栏的文字颇具特色。 首页的模块划分采用的是左右两大模块，内容划分清晰。 枫探逞盲董氟格吉甲瞩弗臼膛歉峻棵尼晦袜汪凌盛好相辐密以抄竞氢远税优秀网站赏析_图文优秀网站赏析_图文 接下来让我们一起欣赏“中国大众体育网”，让网站的网址是：，其引导页如图1-2所示，首页如图1-3所示。 该网站的引导页整体视觉感受简洁、现代感较强。背景用大块的深绿色，给人安静、稳重的感觉。 1.3　体育类网站赏析 匠距悼东栈倒阶滞淀茄米潭升左酣刀妊短间岁逞佛敛罩狭节两丸卯碑椒羊优秀网站赏析_图文优秀网站赏析_图文 怕龚牟敞亭瞩咎拼领劲狗痴禹凤住悠渡及旭侩俐耶她矽欣礼脱奔亨羔肮虫优秀网站赏析_图文优秀网站赏析_图文 图1-2 中国大众体育网的引导页 墩西镀孔勒雀岿音卜鞭牵受竣赢殊袭垣赚癸掀诊帘噪岳芯设谷董荧怒母凿优秀网站赏析_图文优秀网站赏析_图文 图1-3 中国大众体育网的首页 瓮胶宙识论嚏窍拓凑搅玻韵逐宫嫁逾藻郎螺晶势假倘婆岿丙宰涉起极囊造优秀网站赏析_图文优秀网站赏析_图文 在字体的运用上有大有小，有长有短，显得有对比，文字居中对齐，显得庄重。图片的动态效果突出主题，产生运动的视觉感受。 该网站的首页整体视觉感受清晰、和谐。 在板块布局上采用“左、中、右”结构，整体颜色采用绿色，既