内容正文:
网页的美化与特效制作
你更喜欢哪个?
你更喜欢哪个?
后者能让人感到
耳目一新
为什么?
优秀网站
百度视频
新 浪
网 易
搜 狐
秘密花园
美化网页的作用
美化网页的方法及流程
自主学习
思考问题
http://172.22.23.2:8002/
过程评价.doc
问题1:网页美化的方法有哪些?
设置网页背景
2
插入背景音乐
1
插入Flash动画
4
设置表格背景
3
插入滚动字幕
5
1. 确定主题
问题2:能否说出网页美化的流程?
1. 确定主题
2. 搜集素材
音乐
图片
动画
问题2:能否说出网页美化的流程?
1. 确定主题
2. 搜集素材
3. 加工素材
剪裁音乐
修改图片、动画
制作图片、动画
问题2:能否说出网页美化的流程?
1. 确定主题
2. 搜集素材
3. 加工素材
4. 选择工具
FrontPage2003
问题2:能否说出网页美化的流程?
1. 确定主题
2. 搜集素材
3. 加工素材
4. 选择工具
5. 美化网页
插入所需元素
问题2:能否说出网页美化的流程?
美化网页
任务一:设置网页背景、表格背景
自主学习:浏览教学网站——
(1)网页背景;(2)表格背景。
表格背景设置为颜色RGB(cc,99,ff)。并保存,预览。
完成了任务一的同学完成任务二。
美化网页
任务二:设置单元格背景、设置背景音乐
自主学习:浏览教学网站——
(1)表格背景;(2)背景音乐。
美化网页
学生演示任务一二
教师总结
学生整改网页
1. 先打开要编辑的网页;
2. 设置表格背景必须确保光标在该表格中;
3. 设置单元格背景必须确保光标在该单元格中;
4. 看清是编辑状态还是预览状态;
5. 保存时注意图片、音乐的存放位置。
美化网页
任务三:添加滚动字幕、Flash动画、设置单元格背景
自主学习:浏览教学网站——(1)表格背景;(2)滚动字幕;(3)Flash动画。
为D:\情感小屋\Domain.htm添加滚动字幕“海内存知已,天涯若比邻”;插入Flash动画D:\素材\月亮之上.swf;设置纯文字单元格的背景色。
学生演示任务三
教师总结
学生整改网页
1. 准备素材时要分文件夹放置(imamges , sound , swf);
2. Flash影片属性的“透明”属性;
3. 字幕的表现方式、连续次数。
美化