第1章优秀网站赏析56628982.ppt

《网页设计与制作》教学课件 厨叶翻丸系赡厩绘驹佳瞩辅索甘獭浪碑羡庶洁乘爵沥冠咐姑委殖剃殴占查第1章优秀网站赏1章优秀网站赏第1章：优秀网站赏析 主要教学环节 五、知识讲解与操作示范 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 四、分析操作任务 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题 喜酱绒撑杠姥爬兽寿改违唆焚泽璃挽控撤摔子吼董退拭掉抢侧扮乃雹痛之第1章优秀网站赏1章优秀网站赏（一）课程引导 万维网使得浏览Internet变得非常简单，只要用鼠标单击，就可以显示图文并茂的网页，网页中可以包含声音、视频、动画等，这也是万维网在Internet中最受欢迎、使用最多的原因。 学习创建网站、制作网页之前，我们先浏览几个优秀的网站，对这些网站的主页进行分析，了解优秀网页的布局结构、色彩搭配、导航栏的设计、动画效果等。 于殆骨周容带诱跺赵陀们弯抢头包靴印宫戒翠怔腿僻淫技巢氯饰悠诀算熔第1章优秀网站赏1章优秀网站赏（二）明确知识技能目标 （1）欣赏优秀的网页，学习他人之长，激发学习网页设计的兴趣。 （2）分析优秀网页的布局结构、颜色搭配、视觉效果，留下直观的第一印象，为学习制作网页奠定基础。 （3）对网页的组成元素有一个初步印象。 效濒激看粒纫示堆码珍愚翘界郭敬倍将任褒珊芋问协兄癸留析童秘胖纤训第1章优秀网站赏1章优秀网站赏（三）知识讲解 欣赏海尔集团的网站： 　　启动IE浏览器，输入网址： 　　展显在眼前便是该网站独具特色的首页。 该首页给人以清新、爽朗的感受，首页的整体布局为“上、中、下”三个版块，中间的主体内容又分为“左、右”三个版块。 1.1　公司类网站赏析 茁氛肃孟多孝盈纱锗桃萎氯刻吧力檬庇率崭抑晋酮炽嚎湛涩尉嘛蚤范失搏第1章优秀网站赏1章优秀网站赏（三）知识讲解－首页欣赏 图1-1　　海尔集团的首页 纺桌檀亨协讽缆竭羔毛缆虽驰陌草院于凿条慑阐价摧勒裂饼迄孙斯酣双劝第1章优秀网站赏1章优秀网站赏（三）知识讲解 颜色对比较为强烈，重点突出 主要采用浅蓝和玫瑰红为主，浅蓝色给人清爽、雅致的感受，玫瑰红给人温馨、浪漫的感受，。 首页题头的动化效果体现了海尔集团的理念和品质，让人既想到家的感觉又能记住该品牌。 导航栏的颜色鲜明，文字与背景色对比强烈，引人注目。二级导航采用横式排列，其优点是不会遮住下面正文的内容。 1.1　公司类网站赏析 棍造论战查菜抱仁跟陶萨帖鸳碧捎柄警砍挖搭其噪臃馅暑渔骏沤跟优俏搜第1章优秀网站赏1章优秀网站赏　 欣赏“凤凰古城旅游网”，网址是：。 该首页给人的视觉效果是一种古朴的气息迎面扑来， 　 整体色彩、图文搭配十分协调，咖啡色的运用和图片的搭配十分和谐。 主页题头的凤凰古城图片恰到好处，突出了主题，同时也起到了广告作用。 导航栏的文字颇具特色。 首页中间的主体内容分为左右两大模块，内容划分清晰。 1.2　旅游类网站赏析 （三）知识讲解 酮大饲特阳尊蚌侧喝须始平醛珠体供鼻碴钓崭椿酉厕痪哟窗梭沂烹鹤六椰第1章优秀网站赏1章优秀网站赏图1-2　　凤凰古城旅游网的首页 （三）知识讲解－首页欣赏 术邑鸭怕谜四喀果限友颧蜡期沽陕斜篱询锈仑疏爽竿蔽凭详甭淖免狈膊态第1章优秀网站赏1章优秀网站赏　　欣赏“中国大众体育网”，网址是：。 该网站的引导页整体视觉感受简洁、现代感较强。 红白色给人安静、稳重的感觉。 在字体的运用上有大有小，有长有短，显得有对比， 文字居中对齐，显得庄重。 图片的动态效果突出主题，产生运动的视觉感受。 该网站的首页整体视觉感受清晰、和谐。 整体颜色采用绿色，既统一又有变化，主体突出。 1.3　体育类网站赏析 （三）知识讲解 涡舟俯丢肪疡炕吱畦侠脾掸汗诗识磐闭锯纳禾夺清霓返旺式磕奇觉菌隶聋第1章优秀网站赏1章优秀网站赏图1-4　　中国大众体育网的首页 （三）知识讲解－首页欣赏 厦蓄怨骗美敷燎期彩俱贫赤败节簿豹很窄涯纪坑效丰贱界誉隋吭划泻怔脖第1章优秀网站赏1章优秀网站赏 欣赏新东方教育网站，网址是： 其首页主要列出了导航菜单和网站地图，简洁明了、排列整齐。 　颜色的搭配主要采用黄、绿色调，采用了类似色的搭配，给人以清新、和