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