第12课 丰富网页内容 课件-2021-2022学年教科版信息技术八年级上册

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