让网页变得多姿多彩

《让网页变得多姿多彩》由会员分享，可在线阅读，更多相关《让网页变得多姿多彩（9页珍藏版）》请在金锄头文库上搜索。

1、广州市第一中学信息技术科广州市第一中学信息技术科让网页变得多姿多彩让网页变得多姿多彩 信息技术科：姚丽勤信息技术科：姚丽勤ylq_ylq_第三章第三章 网页制作网页制作 第三节第三节 美化网页之二美化网页之二广州市第一中学广州市第一中学 陆桂华陆桂华思考：思考：方方法法要让网页变得多姿多彩，可以通过什么方法要让网页变得多姿多彩，可以通过什么方法实现？实现？插入图片插入动画插入音乐插入视频插入特效网页制作网页制作 任务一、给网页添加图片备注：站点文件路径，备注：站点文件路径，D:D:学生练习。学生练习。在首页大标题处插入一张图片在首页大标题处插入一张图片在第三行一个单元格插入一张图片在第三行一个

2、单元格插入一张图片在在“优秀学生介绍优秀学生介绍”下插入四张人物图下插入四张人物图片片网页制作网页制作 设置图形透明选中图片选中图片单击单击“透明透明”按钮按钮 ，在图形的白色背景部分，在图形的白色背景部分单击。单击。将人物图片的背景设为透明！将人物图片的背景设为透明！网页制作网页制作 学习学习“美化网页美化网页”教程中教程中“剪切图形剪切图形”、“给图形给图形添加文本添加文本”、“设置特殊效果设置特殊效果”三部分，完成任三部分，完成任务二。同桌的两位同学可以相互讨论。务二。同桌的两位同学可以相互讨论。要求：要求：给第一张图片添加给第一张图片添加“华夏学校主页华夏学校主页”几个字几个字将第二张

3、图片旋转将第二张图片旋转180度度将人物图片设置为按钮效果将人物图片设置为按钮效果任务二、设置图片效果备注：教程路径，备注：教程路径，D:D:网页教程。网页教程。网页制作网页制作 插入图片元素后，网页丰富了许多，但仍然插入图片元素后，网页丰富了许多，但仍然缺少生机，怎么让网页缺少生机，怎么让网页“动动”起来？起来？插入动画插入动画网页制作网页制作 常见动画类型常见动画类型gif动画动画Flash动画动画与图片的插入方法一样。与图片的插入方法一样。学习学习“美化网页美化网页”教程第七部教程第七部分分“插入动画插入动画”。网页制作网页制作 学习学习“美化网页美化网页”教程中教程中“插入动画插入动画”，完成任务三。，完成任务三。任务三、在网页中插入动画在第二行第一单元格插入一在第二行第一单元格插入一gifgif动画动画在第四行第二个单元格插入一在第四行第二个单元格插入一FlashFlash动画（选做）动画（选做）网页制作网页制作 小结插入图片设置图片效果插入动画网页制作网页制作