大学计算机文化基础第7章 Frontpage.ppt

大学计算机文化基础 大学计算机文化基础 第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的视图 FrontPage 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) 通常所说个人主页，严格来讲指的是个人网站。一个网站是由一个或多个网页组合而成的。网站与网页的不同在于，网站注重的是结构的设计与实现，而网页注重的是功能上的实现。 1.创建一个站点 【文件】→【新建】，在“新建”任务窗格中选择“由一个页面组成的网站” 2. 应用主题更换网页风格 3. 网站目录中的文件(夹) FrontPage 2003会在每个新建站点下创建两个文件夹，一个是“images”，另一个是“_private” 。 next prev back 7.2.1 网站的创建(2/2) 4. 对网站的规划设计 网站的设计步骤 ： 总体设计。 根据总体设计，收集所需的素材。 设计规划网站的结构。 制作网站的各个网页。 第③步和第④步是在FrontPage中实现的 5. 插入导航栏 为网站添加导航功能 打开该网页的网页视图 ，单击【插入】→【导航】 next 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.调整列宽 提示：在设置表格宽度时，若指定使用百分比，则表格宽度会随着窗口大小的变化而改变(保持比例不变)。而使用像素单位建立的表格宽度是固定的，它不随窗口的大小变化。 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 框架的建立 单击【文件】→【新建】，在“新建”任务窗格中单击“其他网页模板”，弹出“网页模板”对话框，选择“框架网页”选项卡，从列表中选择一种框架布局。 如实例所示 next prev back 7.3.2 目标框架的设定 框架网页的每个框架区域中的超链接被单击后，新的网页信息默认显示在相同的框架区域。通常希望用框架网页中的某个固定框架区域来显示变化的信息 。 目标框架的设定如实例所示 next prev back 7.3.3 框架的调整 将鼠标移动到框架与框架之间的边界上，指针变成双向箭头，拖动鼠标可同时调整相邻两个框架的大小。如果某个框架中的网页内容不能同时显示，会自动出现滚动条，浏览时可通过移动滚动条来查看其中未显示部分的内容。 next prev back 7.3.4 保存框架与网页 框架网页同时包含了多个网页的内容，因此在保存时不仅需要保存框架网页本身，还要保存其中各个框架域中的网页。 框架网页建好后，单击“常用”工具栏上的“保存”按钮，会依次出现多个保存对话框。先出现若干个保存框架域网页的对话框，此时，在对