网站制作与编辑5.ppt

5.3 框架布局 5.3.1 建立框架 5.3.2 框架面板 5.3.3 设置框架的属性 5.3.4 保存框架 5.3.5 框架中的超链接 　　1．定位光标在要插入框架集的窗口中。 　　2．执行以下操作之一： 　　?单击菜单栏中“插入”|“HTML”|“框架”命令，在子菜单中单击相应的框样式。 　　?在“插入”栏的“布局” 类别中，单击框架按钮右 侧的下拉按钮，弹出下拉 菜单，单击相应的框架集 图标。建立框架网页。 5.3.1 建立框架 　　（—）打开框架面板 　　单击菜单栏中“窗口”|“框架”命令，打开框架面板。在面板中标识了每个框的名称。 　　（二）框架面板的基本操作： 　　1．选择框架集：在“框架”面板中单击最外层的边框，使其出现粗黑边显示，则选中了框架集。 　　2．选择框架：在“框架”面板中单击要选择的框架，使其出现细黑边显示，则选中了框架。 5.3.2框架面板 　　（一）设置框架集属性：选中框架集，打开框集属性 　　1．边框选项设置 　　2．框架集中框架大小设置 　　（二）设置框架属性 　　选择框架后（如选择左侧框架），打开框架属性 5.3.3 设置框架的属性 　　（一）保存框架集的操作： 　　1．在框架面板中，选择中要保存的框架集。 　　2．单击菜单栏中“文件”|“保存框架页”命令。 　　3．打开“另存为”对话框，设置保存位置和文件名，单击“保存”按钮，保存了框架集网页。 　　（二）保存框架的操作： 　　1．定位光标在要保存的框架内，或在框架面板中选择要保存的框架。 　　2．单击菜单栏中“文件”|“保存框架”命令，打开另存为对话框。 　　3．打开“另存为”对话框，设置保存位置和文件名，单击“保存”按钮，保存了框架。 5.3.4 保存框架 　　如图中的网页为“上方及左侧嵌套”框架，左侧设置为导航条，右侧为链接打开的目标窗口。 5.3.5 框架中的超链接 　　在框架中设置超链接的操作为： 　　1．选择超链接的载体，如左侧框架的“电影城”图像。 　　2．在“属性检查器”中，“链接”项中设置超链接为：dianying.html。 　　3．在“属性检查器”中的“目标”下拉菜单中选择目标框架或窗口，选择“mainFrame”如图。 5.3.5 框架中的超链接 本章小结 插入表格 框架中的超链接 网页页面布局 表 格 表格布局 框架布局 添加内容 选择表格 设置表格属性 编辑表格的基本操作 布局视图 绘制布局表格和单元格 编辑布局表格和单元格 建立框架 框架面板 设置框架的属性 保存框架 * * 网页设计与制作 $ [知识目标] 　　掌握表格及单元格的创建和编辑 　　掌握通过表格来进行网页页面的布局方法 　　掌握建立框架网页及框架属性设置的方法 8 [能力目标] 　　熟练掌握表格的基本操作 　　熟练运用表格进行网页布局 　　熟练运用框架进行网页的布局 第5章 网页页面布局 5.1 表格 5.2 表格布局 5.3 框架布局 本章小结 第5章 网页页面布局 5.1 表格 5.1.1插入表格 5.1.2添加内容 5.1.3 选择表格 5.1.4 设置表格属性 5.1.5 编辑表格的基本操作 　　在表格中横向为行，纵向为列。行列交叉部分就叫做单元格。单元格中的内容和边框之间的距离叫边距。单元格和单元格之间的距离叫间距。表格的边线叫做边框。 　　（一）插入表格 　　1．定位光标在要插入表格的位置，然后执行以下操作之一： 　　?单击菜单栏中的“插入”|“表格”命令。 　　?在“插入”栏的“常用”类别中，单击 “表格”按钮。 　　2．打开表格对话框。 5.1.1 插入表格 5.1 表格 5.1.1 插入表格 　　（二）插入嵌套表格 　　1．将光标定位在表格的一个单元格内。 　　2．执行插入表格的操作，即可在表格内嵌套表格如图。 5.1.1 插入表格 　　将插入点定位在表格内，即可输入文本、图像、动画等网页元素。 5.1.2 添加内容 　　(一)选择整个表格 　　选择整个表格执行以下操作之一： 　　?单击表格的左上角、右边或底部边缘的任意位置。 　　?单击表格单元格，在菜单栏单击“修改”|“表格”|“选择表格”命令。 　　(二)选择行或列 　　1．鼠标指向行的左边缘或列的上边缘，光标变为 或 。 　　2．单击鼠标则选择鼠标指向的行或列。 　　3．拖动鼠标，则选择连续的多行或多列。 　　4．按Ctrl同时单击鼠标，则可选择不连续的多行或多列。 5.1.3 选择表格 　　(三)选择单元格 　　1.选择单个单元格，请执行以下操作之一： 　　?单击单元格，然后在文档窗口左下角的标签选择器中选择td标签. 　　?在单元格内双击鼠标则可选择该单元格。 　　?在单元格内单击，然后按组合键Ctrl+A。 　　2．选择