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

第7章 用FrontPage 2003创建站点 ;7.2 创建一个简单网站 ;7.2.2 创建一个本地站点 选择“网站”命令，打开如图7-3所示的“网站模板”对话框。 ;新站点创建完成后，屏幕界面如图7-4所示。;7.2.3 向站点中添加网页 双击新添加的index.htm空白网页文件，进入图7-5所示的页面设计状态。;上边显示网页的HTML代码，下边显示对应该代码的设计视图页面，如图7-6所示。;7.2.4 使用布局工具布局网页 ;(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 编辑与美化页面 ;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的交互式按钮功能设计出的导航栏按钮集合。 ;2. 使用字幕 执行“插入”菜单中“Web组件”命令，在图7-36所示的“插入Web组件”对话框中选择“动态效果”下的“字幕”选项后，单击【完成】按钮。 在图7-37所示的对话框中输入字幕文本（如本例的“欢迎访问初学者之家”），并按屏幕提示指定字幕滚动的方向、速度、表现方式、大小等参数。;3. 使用图片库 执行“插入”菜单中“Web组件”命令，在图7-38所示的对话框中选择“图片库”，并选择某种图片布局样式后单击【完成】按钮。 在图7-39所示的对话框中单击【添加】按钮，选择图片来源方式（如本例的“图片来自文件”），在打开的对话框中选择需要的图片添加到图片库中。;单击“布局”选项卡打开图7-40所示的对话框，用户可选择页面中