第12课 丰富网页内容 课件（13张ppt）

第12课 丰富网页内容
01
插入水平线
02
插入滚动字幕
03
插入交替显示的图像
04
目录
DIRECTORY
插入Flash动画
1
插入水平线
01
为使网页更加清晰，方便浏览，可以在网页中插入水平线来划分浏览区域
02
操作步骤：
打开“jiben.html”网页文件
光标移动到需要插入水平线的位置
执行“插入”—“HTML”—“水平线”命令，即可完成水平线的插入
插入水平线
2
插入滚动字幕
在网页中插入具有滚动效果的文字能够增添网页的动感效果。
点击请替换文字内容
操作步骤：
在需要插入滚动字幕的单元格内输入文字
选中需要设置滚动字幕的文字，执行“插入→标签→HTML标签→marquee”,单击“插入”按钮，即可插入滚动字幕
插入滚动字幕
试一试：打开“huazhong.html”，设置文字的滚动效果，在属性面板中改变滚动文字的字体、字号、颜色等属性保存并预览网页。
3
插入交替显示的图像
在网页制作中，插入交替显示的图像能够给人动感效果，吸引人的眼球，起到很好的表现效果。
将光标定位到需要插入交替图像的单元格中，执行“插入→图像对象→鼠标经过图像”命令。
在弹出的“插入鼠标经过图像”对话框中，选择“原始图像”和“鼠标经过图像”，单击“确定”按钮。
打开“huazhong.html”，在网页左侧的单元格中插入交替显示的图像，保存并预览网页。
插入交替显示的图像
4
插入Flash动画
打开“jiben.html”
“插入→媒体→flash”，选择文件“butterfly.swf”
插入Flash动画
课堂练习
课堂练习
谢谢