第7章 Frontpage.ppt

1、第7章 FrontPage 2003,主编：朱国华 制作人：李娟 吴婷,目 录,7.1 FrontPage 2003简介 7.2 FrontPage 2003基本操作 7.3 框 架 7.4 网页的动画效果 7.5 制作多媒体网页 7.6 管理WEB网站 7.7 HTML简介,next,prev,7.1 FrontPage 2003简介,7.1.1 FrontPage 2003的界面 7.1.2 FrontPage 2003的视图,next,prev,back,7.1.1 FrontPage 2003的界面,next,prev,back,7.1.2 FrontPage 2003的视图,Fron

2、tPage 2003提供了7种视图模式，用于组织、管理网站。这7种视图分别是: 网页视图 文件夹视图 远程网站视图 报表视图 导航视图 超链接视图 任务视图,next,prev,back,7.2 FrontPage 2003基本操作,7.2.1 网站的创建 7.2.2 网页的基本编辑 7.2.3 网页属性的设置 7.2.4 制作表格 7.2.5 布局表格,一个网站完整实例：,next,prev,back,7.2.1 网站的创建(1/2),通常所说个人主页，严格来讲指的是个人网站。一个网站是由一个或多个网页组合而成的。网站与网页的不同在于，网站注重的是结构的设计与实现，而网页注重的是功能上的实现

3、。 1.创建一个站点 【文件】【新建】，在“新建”任务窗格中选择“由一个页面组成的网站” 2. 应用主题更换网页风格 3. 网站目录中的文件(夹) FrontPage 2003会在每个新建站点下创建两个文件夹，一个是“images”，另一个是“_private” 。,next,prev,back,7.2.1 网站的创建(2/2),4. 对网站的规划设计 网站的设计步骤 ： 总体设计。 根据总体设计，收集所需的素材。 设计规划网站的结构。 制作网站的各个网页。 第步和第步是在FrontPage中实现的 5. 插入导航栏 为网站添加导航功能 打开该网页的网页视图 ，单击【插入】【导航】,next,

4、prev,back,7.2.2 网页的基本编辑,1. 创建新页面 2. 添加文本、超链接和图像 3. 应用网页主题 4. 自定义浏览器分辨率,next,prev,back,7.2.3 网页属性的设置,1. 设置网页的标题和背景音乐 2. 设置页面的背景和超链接颜色 提示：在网页中插入过多的图片会增加网络的传输时间，从而降低浏览者的兴趣。另外，设置了主题后就不能再指定这些选项，除非删除已有的主题。,next,prev,back,7.2.4 制作表格,1.自动生成表格 2.修改表格属性 3.修改单元格属性 4.调整列宽 提示：在设置表格宽度时，若指定使用百分比，则表格宽度会随着窗口大小的变化而改变

5、(保持比例不变)。而使用像素单位建立的表格宽度是固定的，它不随窗口的大小变化。,next,prev,back,7.2.5 布局表格,提示：该功能是FrontPage对HTML语法的扩充。使用该功能可能会出现在不同浏览器中浏览时效果不一致的情况。 1.创建布局表格 2.手动绘制布局表格 3.设置布局表格属性 4.布局单元格的添加 5.设置布局单元格,next,prev,back,7.3 框架,7.3.1 框架的建立 7.3.2 目标框架的设定 7.3.3 框架的调整 7.3.4 保存框架与网页,next,prev,back,7.3.1 框架的建立,单击【文件】【新建】，在“新建”任务窗格中单击“

6、其他网页模板”，弹出“网页模板”对话框，选择“框架网页”选项卡，从列表中选择一种框架布局。 如实例所示,next,prev,back,7.3.2 目标框架的设定,框架网页的每个框架区域中的超链接被单击后，新的网页信息默认显示在相同的框架区域。通常希望用框架网页中的某个固定框架区域来显示变化的信息 。 目标框架的设定如实例所示,next,prev,back,7.3.3 框架的调整,将鼠标移动到框架与框架之间的边界上，指针变成双向箭头，拖动鼠标可同时调整相邻两个框架的大小。如果某个框架中的网页内容不能同时显示，会自动出现滚动条，浏览时可通过移动滚动条来查看其中未显示部分的内容。,next,prev

7、,back,7.3.4 保存框架与网页,框架网页同时包含了多个网页的内容，因此在保存时不仅需要保存框架网页本身，还要保存其中各个框架域中的网页。 框架网页建好后，单击“常用”工具栏上的“保存”按钮，会依次出现多个保存对话框。先出现若干个保存框架域网页的对话框，此时，在对话框的图形提示框会显示该网页所处的框架位置。最后一个保存对话框用来保存框架网页本身。,next,prev,back,7.4 网页的动画效果,7.4.1 字幕(流动文字) 7.4.2 文字和图像的动态效果 7.4.3 交互式按钮 7.4.4 计数器 7.4.5 网页的过渡效果,next,prev,back,7.4.1 字幕(流动文

8、字),1. 选择“动态效果”中的“字幕”，然后单击“完成”按钮。 2. 单击【插入】【Web组件】，打开“插入Web组件”对话框。,next,prev,back,7.4.2 文字和图像的动态效果,在“网页”视图的“设计”状态下，选定需要设置动态效果的文字或图像，单击【视图】【工具栏】【DHTML效果】。,next,prev,back,7.4.3 交互式按钮,交互式按钮(FrontPage以前的版本称为悬停按钮)是具有动画和颜色效果的按钮，一般用作超链接的源。 在“网页”视图的“设计”状态下，将光标移至需插入交互式按钮处，单击【插入】【Web组件】，打开“插入Web组件”对话框，选择“动态效果”

9、中的“交互式按钮”，单击“完成”按钮。在随后打开的“交互式按钮”对话框中，可对交互式按钮进行各种设置。,next,prev,back,7.4.4 计数器,在FrontPage中可通过以下方法在网页中加入计数器。单击【插入】【Web组件】，选择“站点计数器”，在“计数器属性”对话框中选择一种计数器，设置计数器的初始值和计数位数，单击“确定”按钮。,next,prev,back,7.4.5 网页的过渡效果,网页的过渡效果用于定义打开网页或离开网页时，页面出现或消失的动态效果。设置方法是在“网页”视图的“设计”状态下，单击【格式】【网页过渡】，在打开的 “网页过渡”对话框中，选择效果执行的时机和效果

10、的具体方式。 提示：该功能同样需要Web服务器的支持，需要安装FrontPage 服务器扩展。,next,prev,back,7.5 制作多媒体网页,7.5.1 添加音频文件 7.5.2 插入Flash动画,next,prev,back,7.5.1 添加音频文件,1.嵌入法 2.链接法 提示：在“网页”视图的“预览”状态下，可以看到被嵌入到网页中的音频元素的的实际效果，并且自动播放音乐。如图7.38所示，这个播放器名字叫“Active Movie”，是IE浏览器自带的一个媒体播放插件，如果IE检测到网页中已经插入了一个音频文件，会在插入音频的位置显示一个“Active Movie”播放器，并用它来播放音频元素。,next,prev,back,7.5.2 插入Flash动画,Flash动画是一种常见的动画格式，在FrontPage 2003中可以按照如下方