第7章 用FrontPage 2003创建站点 网页设计与制作教程（第3版） 教学课件.pptVIP

* 第7章 用FrontPage 2003创建站点 7.1 FrontPage 2003的窗口组成 启动FrontPage 2003后，默认创建新网页，窗口结构如图7-1所示。 7.2 创建一个简单网站 7.2.1 合理规划站点布局和内容 图7-2所示的是经过FrontPage页面布局设计技术、编辑美化技术处理后的页面在浏览器中显示出来的效果。 7.2.2 创建一个本地站点 选择“网站”命令，打开如图7-3所示的“网站模板”对话框。 新站点创建完成后，屏幕界面如图7-4所示。 7.2.3 向站点中添加网页 双击新添加的index.htm空白网页文件，进入图7-5所示的页面设计状态。 上边显示网页的HTML代码，下边显示对应该代码的设计视图页面，如图7-6所示。 7.2.4 使用布局工具布局网页 1. 布局表格和单元格 (1) 使用模板创建布局表格 执行“表格”菜单中的“布局表格和单元格”命令，在右侧将出现“布局表格和单元格”任务窗格，如图7-7所示。 (2) 手工绘制布局表格和单元格 图7-8所示的是通过手工方式创建的布局表格和布局单元格。 2. 设置布局表格中的单元格 (1) 插入、删除行或列 执行“表格”菜单“插入”下的“行或列”命令打开图7-9所示的对话框。 (2) 拆分单元格 在图7-10所示的对话框中选择“拆分成行”或“拆分成列”。 (3) 设置单元格的格式和属性 在“单元格格式”任务窗格单击“单元格属性和边框”项后，窗格中显示图7-11所示的选项。 (4) 设置单元格的表头和表尾 在“单元格格式”任务窗格单击“单元格表头和表尾”选项后，显示图7-12所示的有关选项。 (5) 设置单元格角部和阴影 在选中某单元格后，在“单元格格式”任务窗格中单击“单元格角部和阴影”项，任务窗格中将出现图7-13所示的“角部”和“阴影”参数设置选项。 7.2.5 在网页中使用表格 1. 在网页中插入表格 执行“表格”菜单中“插入”选项下的“表格”命令，在弹出图7-15所示的“插入表格”对话框。 2. 设置表格属性 (1) 间距与衬距 如图7-16所示，间距表示单元格与其他相邻单元格之间的距离。 (2) 对齐方式 (3) 浮动 (4) 指定高度和宽度 (5) 折叠表格边框 (6) 背景颜色和背景图片 3. 为表格添加标题 执行“表格”菜单中“表格属性”选项下的“标题”命令，打开图7-17所示对话框。 4. 设置单元格属性 用鼠标指向某单元格单击右键，在弹出的快捷菜单中执行“单元格属性”命令，打开图7-18所示的对话框。 其中，“水平对齐方式”和“垂直对齐方式”用来设置文字在单元格中的对齐方式；“行跨距”和“列跨距”用来设置单元格纵向扩展的行数或横向扩展的列数，如图7-19所示。 7.3 编辑与美化页面 7.3.1 设置网页属性 网页属性包括网页背景、标题、背景音乐、页边距等。 1. 设置网页标题和背景音乐 在设计视图中，右键单击页面任何位置，在弹出的快捷菜单中执行“网页属性”命令，打开图7-20所示的对话框。 2. 设置网页背景 单击“网页属性”对话框中的格式选项卡，在图7-21所示的对话框中可以设置更加生动的背景。 单击“高级”选项卡，打开图7-22所示的对话框。 选择“启动超链接翻转效果”复选框后，单击【翻转样式】按钮打开图7-23所示的“字体”对话框。 图7-24表示了使用超链接翻转效果的情况，当用户将鼠标指向超链接文字时，表现出预设的超链接效果（字体变为红色、加粗）。 7.3.2 在网页中插入文字、图片和链接 1. 向网页中添加文字 2. 向网页中插入图片 将图片设置为单元格背景时，图片将平铺到整个单元格区域。如图7-25所示。 如果插入的图片大小不符合要求，可用鼠标单击选中图片，图片被选中后四周出现8个用于调整大小的“控制点”，拖动这些控制点可调整图片的大小，如图7-26所示。 3. 向网页中添加Flash动画 当鼠标变成十字箭头样式时按下左键拖动将其移到适当的位置，如图7-27所示。 在弹出的快捷菜单中执行“Flash影片属性”命令，打开图7-28所示的对话框，选择“透明”复选框后单击【确定】按钮，它在浏览器中显示出来的效果如图7-29所示。 4. 插入超链接 在弹出的快捷菜单中执行“超链接”命令打开图7-30所示的“插入超链接”对话框。 单击对话框中“目标框架”按钮打开图7-31所示的对话框。 7.3.3 使用组件 1. 使用交互按钮 执行“插入”菜单下的“交互式按钮”命令打开图7-32所示的对话框。 单击“字体”选项卡打开图7-33所示的对话框。 单击“图像”选项卡打开图7-34所示的对话框。 图7-35所示的是使用FrontPage的