haihongyuan.com
海量文库 文档专家
全站搜索:
您现在的位置:首页 > 小学教育 > 小学其它学科小学其它学科

第9课 动感网页

发布时间:2014-05-12 13:09:38  

第9课 动感网页

学习目标
? ? ? ? 学会制作DHTML效果 学会制作动态字幕 学会设置背景音乐 学习插入flash影片

? 制作网页时,我们可以通过插入gif格式动 画、flash影片、背景音乐等来增加网页的 动感,也可以利用frontpage的DHTML功能 或动态效果组件为网页元素设置动画效果 ,让网页更生动。

开阔视野
? 在运用frontpage制作的HTML格式的静态网页上 ,也可以实现各种动态效果,如文字飞入,图片 交换、字幕滚动等,但这些“动态效果”只是视觉 上的效果。而“动态网页”与网页上各种视觉上的“ 动态效果”没有直接关系,动态网页的内容可以是 纯文本,也可以是包含各种动画效果的,无论网 页是否具有动态效果,只要是采用动态网站技术 生成的网页都称为动态网页

什么是“DHTML效果”?
? “DHTML效果”是指访问者在浏览网页的文 本或图片时,当鼠标单击、双击、悬停或 网页加载等事件发生,文字或图片按设定 的效果发生相应的变化,从而形成动画。

让网页动起来--制作图片飞入效果
1. 2. 3. 4. 打开要添加动态效果的网页,如“zwjs.htm”。 单击菜单栏中的“视图”—“工具栏”—“DHTML效果”命令 ,打开“DHTML效果”工具栏。 选定需要添加动态效果的网页元素,如选中“海鸥”图片 。 从“DHTML效果”工具栏选一种事件,如选“网页加载”, 在“应用”中对这种事件选一种“动态效果”,如选“飞入” 。并在’DHTML效果”最右侧下拉列表中选“从右下部”。 切换预览视图方式,查看设置的动态HTML效果。

5.

什么是网页“字幕”?
? 字幕,也就是人们常说的“跑马灯”,是在 网页中按一定的轨迹运动的文本,通常用 它来显示通知内容、欢迎词或介绍公司新 产品扥个。在Frontpage中,我们可以利用 “web组件”中的阻路来实现“跑马灯”效果

让网页动起来—制作字幕
? 将光标定位到插入字幕的位置,如“zwjs.ht m”,网页中“海鸥”图片的下一行。 ? “插入”—“web组件”—“动态效果”—“字幕” ? 在“文本”输入框中输入字幕的内容 ? 单击“确定”

让网页动起来—设置背景音乐
? “文件”—“属性”命令,打开“网页属性”对 话框 ? 选“常规”选项卡的“背景音乐”

让网页动起来—插入flash影片
? 鼠标指针定位要插入flash影片的位置 ? “插入”—“图片”—“flash影片”命令,选择 所需插入flash影片 ? 单击“插入” ? 设置flash影片属性。(格式—属性)

课堂练习
? 1. 2. 3. 4. 按课本步骤完成 制作图片飞入效果 制作字幕 设置背景音乐 插入flash影片


网站首页网站地图 站长统计
All rights reserved Powered by 海文库
copyright ©right 2010-2011。
文档资料库内容来自网络,如有侵犯请联系客服。zhit326@126.com