《《网页滚动字幕的制作方法》教学课件.ppt》由会员分享,可在线阅读,更多相关《《网页滚动字幕的制作方法》教学课件.ppt(6页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、主讲教师:李雪梅主讲教师:李雪梅 年级:高一年级年级:高一年级教材版本:粤教版高中网络技术选修教材版本:粤教版高中网络技术选修3网页滚动字幕的制作甘肃省灵台县第一中学甘肃省灵台县第一中学学习目标:1.学习网页的美化与修饰学习网页的美化与修饰4.使用使用HTML网页特效代码制作滚动字幕网页特效代码制作滚动字幕3.了解了解HTML超文本标记语言超文本标记语言2.2.滚动字幕的制作滚动字幕的制作滚动字幕的制作(滚动字幕的制作(1.菜单法):菜单法):第一步第一步.打开打开frontpagefrontpage网页制作工具,定位光标。网页制作工具,定位光标。第二步第二步.选择选择“插入插入/web/we
2、b组件组件/动态效果动态效果/字幕字幕”打开对话打开对话框。框。第三步第三步.在字幕对话框输入字幕内容,设置速度、方向和在字幕对话框输入字幕内容,设置速度、方向和滚动方式,按滚动方式,按“确定确定”。第四步第四步.预览效果预览效果左右滚动字幕左右滚动字幕滚动字幕的制作(滚动字幕的制作(2):):上下滚动字幕上下滚动字幕第一步第一步.先制作左右滚动的字幕。先制作左右滚动的字幕。第二步第二步.切换到切换到HTMLHTML代码窗口。代码窗口。第三步第三步.找到滚动代码的标志,给代码变换找到滚动代码的标志,给代码变换 滚动的滚动的方向,在方向,在marqueen marqueen 的后面添加代码的后面添加代码direction=updirection=up即可。即可。第四步第四步.预览效果,修改保存。预览效果,修改保存。我们使用浏览器打开制作的网页,我们使用浏览器打开制作的网页,观看效果,比较静态网页和动态网页观看效果,比较静态网页和动态网页的不同效果。的不同效果。学生上机作业学生上机作业1.1.给网页添加水平滚动字幕给网页添加水平滚动字幕2.2.使用使用HTMLHTML特效代码给网页添加垂直特效代码给网页添加垂直滚动字幕,滚动字幕,3.3.练习网页动态效果的制作。练习网页动态效果的制作。完