第4讲 用表格制作网页.ppt

第4章 网页规划设计 主讲人: 4.1 网页布局的基础知识 4.1.1 网页的尺寸 不同的显示器尺寸和分辨率都会影响同一网页的显示尺寸，一般情况下， 分辨率在800×600时，网页页面尺寸为780×428像素 分辨率为640×480时，页面的显示尺寸为620×311个像素 分辨率在1024×768时，页面的显示尺寸为1007×600 4.1 网页布局的基础知识 4.1.2 常见的几种网页布局 “T”结构布局 “口”型布局 “三”型布局 对称对比布局 POP布局 4.2 插入表格 4.2.1 创建表格的方法 第一种：执行【插入】→【表格】命令 第二种：单击“常用”面板中的【表格】按钮 第三种：按【Ctrl+Alt+T】快捷键 4.2 插入表格 4.2.2 应用：创建表格进行布局 一个10行6列的表格 4.3 选择表格元素 4.3.1选取表格 执行【修改】→【表格】→【选择表格】命令 鼠标指针移动到表格的外边框处，当鼠标指针的下方出现一个小表格图标，边框显示为红色线框时，单击鼠标左键 光标在表格的任意位置单击，定位于表格中。单击“标签”选择器中的table标签，便可选中表格 4.3 选择表格元素 4.3.2 选择行和列 将光标置于表格左边的某一行位置，当鼠标显现为一个指向右边的黑色箭头时单击 垂直拖动鼠标可以选择连续的多行 4.3 选择表格元素 4.3.3 选取单元格 方法一：将光标置于某个单元格中，然后在文档窗口左下角的标签选择器中选择td标签，即可以选中该单元格。 方法二：按住【Ctrl】键的同时，单击要选择的单元格，便可选中该单元格。 方法三：将光标在要选中的单元格内单击，按快捷键【Ctrl+A】，便可选中单元格。 方法四：把光标定位在要选择的单元格内，按住鼠标左键进行拖动选择，便可选中该单元格 4.4 设置表格和单元格 4.4.1 编辑和调整行和列 调整行高和列宽 插入与删除行或列 删除表格 使用“可视化助理” 4.4 设置表格和单元格 4.4.2 设置表格属性 认识表格的“属性”面板 调整表格大小 4.4 设置表格和单元格 4.4.3 设置单元格属性 认识“单元格”属性 设置单元格高度和宽度 4.4 设置表格和单元格 4.4.4拆分与合并单元格 合并单元格 拆分单元格 4.5表格的嵌套技术 4.5.1 创建嵌套表格 如果嵌套表格宽度单位为百分比，将受它所在单元格的宽度限制；如果单位为像素，当宽度大于所在单元格宽度时，此单元格将被嵌套表格撑开 4.5表格的嵌套技术 4.5.2设置嵌套表格属性 主要是通过设置放置嵌套表的单元格的水平及垂直对齐方式来调整嵌套表格的位置 4.6 职业上机实战——使用表格布局网页 *