网页常见布局.ppt

《网页常见布局.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第4章网页的布局目录前进结束后退本章导读上机实训知识细目本章任务本章导读本章主要介绍了网页的布局方法，包括表格的创建和布局、框架的创建及应用、AP元素的创建及属性设置、模板的创建和应用。目录前进结束后退本章任务了解使用表格、框架规划网页布局的方法；掌握表格的创建、编辑等基本操作；掌握框架的创建及属性设置的方法；学会使用框架进行网页导航的方法；学会APDiv的基本操作及属性设置；学会模板的创建方法；学会使用模板创建和更新网页的方法。目录前进结束后退知识细目4.1表格的基本操作4.2设置表格属性4.3使用表格“布局”视图4

2、.4框架(集)的基本操作4.5设置框架(集)的属性4.6APDiv的基本操作4.7设置APDiv的属性4.8APDiv在排版中的应用4.9模板的建立4.10模板的应用目录前进结束后退4.1表格的基本操作创建表格（1）打开“表格”对话框，如右图：·选择“插入记录→表格”命令。·选择插入栏“常用”类别中的“表格”按钮。·按Ctrl+Alt+T键。（2）设置表格的行数、列数、宽度和边框等属性后，单击“确定”按钮，即可创建一个表格。表格对话框“表格”对话框·行和列：设置插入表格的行数和列数。·单元格边距：指单元格内容和单元格边

3、框之间的距离，单位为像素。·单元格间距：指相邻单元格之间的距离，单位为像素。·边框：表格边框线的宽度。目录前进结束后退像素：表格的宽度是一个绝对值，大小不发生变化。百分比：表格的宽度是一个相对值，大小会随其父元素的改变而改变。表格宽度单位提示创建表格时，如果没有明确指定边框粗细、单元格间距和单元格边距的值，则大多数浏览器都按边框粗细和单元格边距为1、单元格间距为2来显示表格。表格宽度为百分比时，最外层表格的父元素为浏览器窗口，嵌套表格的父元素为其所在的单元格。目录前进结束后退选择表格元素选择整个表格标签选择器中单击

4、able>选择“修改→表格→选择表格”命令右单击某个单元格，选择“表格→选择表格”单击表格的外边框光标定位表格中，按两次Ctrl+A快捷键选择行直接用鼠标拖动单击行中的某个单元格，在标签选择器中单击鼠标指向表格行的左边缘，指针变为“→”时单击目录前进结束后退通过“列标题”菜单选择列选择列直接用鼠标拖动鼠标指向列的上边缘，当鼠标指针变为“↓”时单击选择列中的某个单元格，在“列标题”菜单中选择“选择列”命令选择单个单元格按住Ctrl键在单元格内单击将光标定位到单元格内，单击标签选择器上的将光标定位到单元格内

5、，按Ctrl+A快捷键目录前进结束后退选择不连续的多个单元格:按住Ctrl键单击要选择的单元格、行或列，再次单击取消选择。选择连续单元格用鼠标从第一个单元格拖到最后一个单元格将光标定位到第一个单元格内，然后按住Shift键单击最后一个单元格表格的基本操作鼠标指向控制柄呈双向箭头时拖动鼠标，即可调整整个表格的大小；也可用表格“属性”面板精确指定表格的宽度和高度。改变整个表格的大小（1）调整表格的大小目录前进结束后退提示当调整整个表格的大小时，表格中所有单元格将按比例更改大小。如果表格的单元格指定了明确的宽度或高度，则调整

6、表格大小将更改“文档”窗口中单元格的可视大小，但不更改这些单元格指定的宽度和高度。·更改列宽度并保持整个表格的宽度不变用鼠标拖动要更改列的右边框，同时相邻列的宽度也随之更改，但整个表格的宽度没有发生变化。·更改某个列的宽度并保持其它列的大小不变按下Shift键，用鼠标拖动要更改列的右边框，相邻列的宽度不会改变，表格的总宽度将被更改，以容纳正在调整的列。·调整行高直接用鼠标拖动行的下边框。（2）调整表格中行或列的大小目录前进结束后退（3）插入单行或单列·选中行或列，右单击，在弹出的快捷菜单中选择“表格→插入行”或“表格→

7、插入列”命令。·单击某列的“列标题”菜单，选择“左侧插入列”或“右侧插入列”。（4）插入多行或多列选中行或列，右单击，在弹出的快捷菜单中选择“表格→插入行或列”命令，弹出“插入行或列”对话框,如下图所示。设置要插入的行（列）数及位置，单击“确定”按钮。（5）删除行或列选中要删除的行或列，右单击在弹出的快捷菜单中选择“表格→删除行”或“表格→删除列”命令。“插入行或列”对话框目录前进结束后退（7）拆分单元格①将光标定位到要拆分的单元格中。②执行下列操作之一，打开“拆分单元格”对话框。·选择“修改→表格→拆分单元格”命令。

8、·按Ctrl+Alt+S快捷键。·单击属性面板上的“拆分单元格”按钮。③设置要拆分的行数或列数，单击“确定”按钮。（6）合并单元格①选择相邻的两个或两个以上的单元格②选择“修改→表格→合并单元格”命令或按Ctrl+Alt+M快捷键或单击属性面板上的“合并单元格”按钮。“拆分单元格”对话框目录前进结束后退（8）创建嵌套表格嵌套表格是