第三课网页的美化设计人:马维军学校:金川区第一小学史努比之父——《哈利波特》的作者——比一比:表格背景色图片滚动字幕背景音乐背景本课学习目标1、知识目标:了解美化网页的常用方法,理解美化网页对提高网站质量的作用。2、技能目标:学会给网页设置背景、音乐和滚动字幕。3、情感态度与价值观目标:提高审美意识,善于发现美,美化生活从自身做起。设置网页的背景•依次单击“格式”“背景”出现“网页属性”对话框:在此可以选择图片作文网页背景在此选择网页背景颜色和文字颜色色彩加油站红色表示活力、健康、热情和希望;黄色代表温和、光明和快活;绿色表示青春、和平和朝气;兰色表示秀丽、清新和宁静;橙色表示兴奋、喜悦、活泼和华美……网页的背景应采用素淡清雅的颜色,不宜选用图案复杂的图片,同时背景色要与文字的颜色对比要强烈一些!如何选择对比色?先为文字定义一种颜色,然后选中它,就会看到当前颜色的对比色.练一练•1、打开你自己的网站站点,并打开主页文件Index.htm,对其设置不同的背景颜色,并进行预览。•2、在图片素材库中分别选取两个合适的图片,在网页new.page--1.htm中先后插入该图片作为背景,进行预览,体验背景对网页的美化作用插入背景音乐•将光标定位在网页中,单击鼠标右键出现右键快捷菜单A:,然后选择“网页属性”.A:B:单击浏览,选择合适乐曲作为网页的背景音乐背景音乐的格式并不是所有音频格式的文件都能当作网页的背景音乐,可以作为背景音乐的文件格式有Mp3、wam、wav、mid、ram等练一练:打开你以前建立的网站站点,并打开网页:new.page--2.htm,在音乐素材库中分别选取一个或两个合适的乐曲作为背景音乐,对其合适的设置,并进行预览。插入滚动字幕•单击“插入”“web组件”“字幕”,弹出“字幕属性”对话框对字幕进行设置。输入滚动字幕的内容字幕属性设置大显身手:1.打开你自己的网站站点,并打开网页:new.page--2.htm,2.将网页中“学无止境”和“多边形的面积”分别设置成不同方向的滚动字幕,并进行预览,体验滚动字幕对网页的动态作用。归纳总结•利用本节课所学知识将非常单调网页穿上美丽的“服装”:A.设置网页背景色B.设置背景图片C.插入背景音乐D.插入滚动字幕本节课到此结束谢谢同学们!