网页设计课件第4章 网页布局技术.ppt

第4章 网页布局技术 ;本章要点 ;表格;表格对话框内各选项的作用 ;编辑表格––选定表格;编辑表格––修改表格大小;编辑表格––设置表格相关属性 ;编辑表格––设置对齐方式 ;编辑表格––添加、删除行或列 ;编辑表格––单元格的拆分与合并 ;使用表格构造网页布局 ;① 新建一个空白的网页文档，设置网页的背景颜色为“#C1C1C1”，标题为“数码单反相机”。 ② 选择“布局”面板的“表格”按钮，在弹出的对话框中创建一个8行1列，宽度为600像素的表格，其它参数按图设置 在“表格属性”面板中设置对齐方式为“居中对齐”。 ③ 将光标定位在第一行的单元格中，单击插入图片，在教学资源文件中“ch04\素材\4-1.gif”，如图所示。 ;;④ 将光标定位在第二行单元格，在“单元格属性面板”中设置单元格的高为25像素，垂直方向为“居中”，并输入文字“ 产品-数码单反相机”，文字大小设置为9pt，如图;;创使用表格构造网页布局—案例;⑥ 在第三行、第五行和第七行中，分别输入文字“尼康”、“佳能”和“索尼”，并设置文字大小为9pt，颜色为白色，如图。;使用表格构造网页布局—案例;使用表格构造网页布局—案例;使用表格构造网页布局—案例;使用表格构造网页布局—案例;AP元素 ;创建AP元素 ;创建AP元素 ;⑤ 按上述步骤，可以画出很多的AP元素，如图所示的网页中包含了三个AP元素及图像，