资源简介

(共22张PPT)
添加网页的动态效果
目
录
CONTENTS
1
2
3
学习目标
学习过程
知识窗
4
课堂练习
了解网页动态效果的初步知识。
学会为网页添加简单的动态效果。
学习目标
第1步：打开要设置过渡效果的网页。
第2步：打开“格式”菜单，单击其中的“网页过渡”命令，打开“网页过渡”对话框。
第3步：在“事件”框中选择所需的选项，如进入网页、离开网页、进入站点、离开站点等，在“过渡效果”框中选择一种效果，在“周期”框中输入持续的时间。
第4步：单击
按钮，然后保存并浏览网页。
一、设置网页的过渡效果
学习过程
动手做：为网页设置过渡效果。
第1步：打开“北京风光”网页。
第2步：打开“格式”菜单，单击其中的“动态HTML效果”命令，打开“DHTML效果”工具栏。
第3步：把插入点移到要添加放大镜效果的文字段落中，如“北海白塔”。
二、动态HTML效果
学习过程
动手做：为“北京风光”网页中的风光名称添加放大镜效果。
第4步：在“DHTML效果”工具栏中，单击“开启”选择框中的
按钮，打开下拉列表框，选定“鼠标悬停”选项，然后打开“应用”选择框中的下拉列表框，选择“格式”选项。
第5步：在右侧的选择框中选定“选择字体”选项，屏幕上出现“字体”对话框时，选择文字放大后要使用的字体、字号、颜色等，然后单击
按钮。
学习过程
操作后，插入点所在段落中会出现淡蓝色背景的方框，表示添加了DHTML效果。
第6步：存盘后在IE浏览器窗口中浏览这个网页，把指针移到添加了DHTML效果的名称“北海白塔”上时，文字就会显示出所设置的放大效果。
学习过程
第1步：打开要添加效果的网页，如jieshao.htm。
第2步：打开“格式”菜单，单击其中的“动态HTML效果”命令，打开“DHTML效果”工具栏。
第3步：选定网页中要添加效果的图片。
第4步：在“DHTML效果”工具栏中，在“开启”选择框选定“网页加载”选项，在“应用”选择框中选定“螺旋”选项。
学习过程
动手做：为网页中的图片添加螺旋飞入效果。
操作后，图片所在的段落会出现淡蓝色背景的方框，表示添加了DHTML动态效果。例如，下图中的图片就添加了DHTML效果。
学习过程
第1步：打开要制作标题广告的网页，把插入点移到要插入横福广告的位置上。
第2步：依次打开“插入”菜单、“组件”菜单，单击“横幅广告管理器”命令，打开“横幅广告管理器属性”对话框。
三、横幅广告管理器
学习过程
动手做：制作一幅标题广告，使几幅相关的图片轮流显示。
第3步：类似地，在表格的“年龄”“联系电话”和“E-mail地址”等提示文字右侧的单元格中插入单行文本框，并修改文本框的名称。
第4步：单击表格第1行第4列的单元格，依次打开“插入”菜单、“表单”菜单，单击“单选按钮”命令，插入一个单选按钮。
第5步：双击插入的单选按钮，打开“单选按钮属性”对话框，设置组名称为“sex”，值为“男”，初始状态为“已选”，然后单击
按钮。
学习过程
第6步：类似地，在第1行第6列的单元格中再插入一个单选按钮，并设置组名为“Sex”，值为“女”，初始状态为“未选”。
第7步：单击“文化程度”右侧的单元格，依次打开“插入”菜单、“表单”菜单，单击“下拉菜单”命令，插入一个下拉菜单。
第8步：双击插入的下拉菜单，打开“下拉菜单属性”对话框，单击对话框中的
按钮。出现“添加选项”对话框后，在“选项”框中输入“小学”，然后单击
按钮。
学习过程
第3步：单击
按钮，打开“添加横幅广告图片”对话框，找到一幅要添加的图片后双击它。
第4步：仿照第3步操作，把要轮流显示的几幅图片依次添加到“显示图片”列表框中。
第5步：设置横幅的宽度和高度值以及每幅图片显示的时间。
第6步：在“过渡效果”选择框中选择一种过渡效果，如“盒状收缩”，然后单击
按钮。
学习过程
在IE窗口中浏览网页时可以看到，横幅中首先出现添加的第一幅图片，显示设定的时间后再陆续出现第二幅、第三幅……然后又从第一幅开始重复播放。
学习过程
网页制作完成后，还需要把站点中的网页发布到因特网上，才能供浏览者访问。发布站点时，一般要先获取站点空间，然后向站点空间上传网页。通常可以有三种发布站点的途径。
一是向一些ISP（因特网服务提供商）租用站点空间。提供站点空间的ISP很多，只要向他们提出申请、注册并交纳一定的费用，就可以获得用户账号、密码和网址。在自己的计算机中建好站点后，按照ISP的要求，把站点中的网页内容上传到ISP指定的计算机中，就可以发布站点。不同的ISP有不同的要求和上传方法，一般在申请站点空间时，ISP会提供一个详细的说明。
四、发布站点
学习过程
二是在网上申请免费的站点空间。目前，有一些公司、机构可以提供免费的站点空间，只要登录他们的网站，申请并注册后，不需付费，就能获得一个网址。申请免费站点的操作与申请免费邮箱时类似。上传网页的操作可参照网站中的说明。
三是把一台计算机建成一个网络服务器，并与因特网建立连接。这种方式往往需要较多的费用和精力，对于个人用户来说不适用。
除了把网站发布到因特网上让别人浏览外，在局域网中，还可以把自己的网站设为共享文件夹，让同学、老师通过“网上邻居”找到这个文件夹并打开，再双击其中的首页文件名，就可以浏览网站中的网页内容了。
学习过程
知识窗
用FrontPage制作网页时，在页面中插入动画文件，可以使页面生动活泼。动画主要包括简单动画（如gif格式的文件）、视频动画（如avi、asf、ram、ra格式的文件）和flash动画（swf格式的文件）等，不同动画插入的方式有所不同。一般说来，依次打开“插入”菜单、“图片”菜单，单击“来自文件”命令，可以插入gif格式的动画；依次打开“插入”菜单、“图片”菜单，单击“视频”命令，可以插入各种视频动画；依次打开“插入”菜单、“图片”菜单，单击“插件”命令，可以插入Flash动画。
知识窗
除了直接在网页中插入动画文件，还可以利用多种方法制作动态网页，如设置网页过渡效果，制作横幅广告，添加动态HTML效果、JavaScript特效等。
大家已经知道，制作好一个网页或完成它的一部分以后，单击FrontPage窗口左下角的“HTML”标签，就可以看到计算机按那个网页的内容自动转换成的HTML代码。反之，在“HTML”模式下输入一系列代码，也可以生成相应的网页。JavaScript是一种脚本编写语言，把它与HTML代码结合在一起，可使网页变得生动有趣，增加许多特殊效果。当然，要使用脚本语言制作各种网页，需要先熟悉各种代码以及它们的应用规则等，有关方法这里不再介绍。
1.为自己网站中的网页添加适当的动态效果。
2.打开“DHTML效果”工具栏，再试一试其他的DHTML效果，总结有关的操作方法。
3.打开“横幅广告管理器属性”对话框，在网页中添加几幅图片，改变对话框中的有关选项，试一试有关效果。
课堂练习
4.访问以下网址，浏览有关网页特效的内容，体会网页特效的用法。
课堂练习
5.了解目前申请站点空间的几种途径，然后与其他同学交流一下自己了解的情况，并探讨发布站点的主要步骤。
6.在局域网中，把自己的网站设为共享文件夹，让同学、老师浏览。然后想一想，在局域网内部，还有哪些方法可以让其他同学浏览你的网站。
课堂练习
谢
谢

展开更多......

收起↑