表格布局网页

网页布局网页版面的布局•网页的版面布局主要指网站主页的版面布局，其他网页的版面与主页风格基本一致。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。常见的版面布局有“国”字型、“厂”字型、“框架”型、“封面”型和Flash型。国字型厂字型框架型封面型Flash型网页布局常用技术–表格最常用的技术，简单可靠、兼容性好–DIV标签目前比较流行的技术，设计难度较大–框架适合将多个页面组合在一起网页布局分析有三个表格组成表格的基本操作•表格的基本操作–插入表格（table）–合并单元格(td)–修改行(tr)数、列数•表格属性的设置–宽(width)、高(height)、对齐方式(align)–边框(border)、填充(cellPadding)、间距(cellSpacing)–背景颜色(bgColor)、边框颜色(bordercolor)、背景图像(background)表格的基本操作•单元格属性的设置–宽(width)、高(height)、水平对齐方式(align)、垂直对齐方式(valign)–边框、填充、间距.(这三项是：表格的填充、间距、边框的设置)–背景颜色(bgColor)、边框颜色(bordercolor)、背景图像(background)表格1700*154700*33194表格194100%700*154700*33193表格1700*154700*33194193193*22100%表格1700*154700*33194193193*22100%94%96%96%96%*34表格1700*154700*33194193193*22100%94%96%96%96%*3495%表格1700*154700*33194193193*22100%94%96%96%96%*3495%700*20小结利用表格布局网页（1）插入表格（2）设置表格属性（table）（3）设置单元格属性（td）（4）设置行属性（tr）作业下面的两个页面任选其一注意：第一个页面的颜色必须修改作业作业预习（1）网页文本、段落设置作业上交：（1）压缩学号文件夹（2）提交学号压缩文件