05表格的布局原则教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

05表格的布局原则教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）网页的常用布局工具静态网站制作教学资源课件静态网站制作教学资源课件 神威药业网站的企业介绍页面最上面是网站的标志（logo）、网站导航栏以及横幅广告条（banner），左侧列是栏目内导航，中间是网页正文用于介绍企业精神和服务宗旨，右侧是图片广告，最下面是网站的一些基本信息、联系方式、版权声明等网页布局的工具 在Dreamweaver 中实现网页布局的工具有表格、层和框架表格、层和框架等，首先介绍最简单的工具表格。表格以简洁明了和高效快捷的方式将图片、文本、数据和表单元素有序的显示在页面上，使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原貌，有较好的兼容性，所以表格仍旧是网页中最常用的布局工具。知识拓展：知识拓展：“Div+CSS”和“Table+CSS”都是合法的设计，谁更简单就用谁。虽然“W3C”规范Table是用来组织数据的，但目前仍有很多网站是用Table来布局。布局表格样例上图中网页的布局表格表格的布局原则 在制作网页时，一般采用从整体到局部、从上到下、从左到右的顺序来进行表格的布局及内容的添加。简单地概括表格布局的原则是：从大处着眼，总体布局表格应该是N行1列。可以在局部的单元格里再插入细节的布局表格。练习3：在练习站点中新建网页文件，分析并制作图中网页的布局表格表格布局练习页面布局表格实例