网页设计第3章.docVIP

第3章 设计网页布局 布局设计是网页制作中一项很重要的工作，涉及到网页在浏览器中所显示的外观，网页布局往往决定着网页设计的成败。一个完美的网页，不仅要有丰富、活泼的页面内容和信息，而且还要有清晰、美观的页面布局，这样才能给浏览者留下深刻的印象。在Dreamweaver中，有一个【布局】视图功能，利用布局视图功能可以方便地在一个空白网页上随心所欲地设计布局，并能自动转换为表格。 本章将介绍Dreamweaver 8中有关表格和框架的使用方法与技巧，以及在【布局】模式下，如何绘制用于页面布局的表格和单元格，并且设置其属性，为布局表格指定一个宽度等操作。只有在全面了解、掌握这些工具的使用方法后，才能更好地编辑网页以及定位页面中的元素。 本章学习目标： 掌握表格的基本使用方法 熟悉表格的编辑 运用表格布局网页 掌握框架的实际运用 3.1 创建表格 在日常生活中接触到的表格，多是用来组织数据、方便查询和浏览的，比如我们比较熟悉的Excel中的表格。在网页设计中，表格同样具有组织数据的功能，如图3-1所示。使用表格可以清晰地以列表的形式显示网页中的元素，使浏览者一目了然。另外，表格在网页定位上还有更重要的作用，就是布局页面，平时在网上浏览时看到的排列整齐的页面，在很大程 度上就是利用表格进行布局的，如图3-2所示。 3.1.1 插入表格 3.1.2 在表格中添加内容 3.1.3 选