边做边学——Dreamweaver CS3网页设计案例教程教学课件 官辛华 05.pdfVIP

第5章　使用表格 本章简介： 表格是网页设计中一个非常有用的工具， 它不仅可以将相关数据有序地排列在一起， 还可以精确地定位文字、图像等网页元素在 页面中的位置，使得页面在形式上既丰富多 彩又条理清楚，在组织上井然有序而不显单 调。使用表格进行页面布局的最大好处是， 即使浏览者改变计算机的分辨率也不会影响 网页的浏览效果。因此，表格是网站设计人 员必须掌握的工具。表格运用得是否熟练， 是划分专业制作人士和业余爱好者的一个重 要标准。 课堂学习目标 表格的简单操作 网页中的数据表格 利用表格进行页面布局 5.1　咖啡机专卖网页 案例分析 设计理念 操作步骤 相关工具 5.1.1　案例分析 酿制一杯完美的咖啡，需要借助专门的咖啡机来完成。利用因特 网可以足不出户地在网上了解咖啡机的种类和价格。因此，在咖啡 机销售网页设计上要根据功能需求，合理进行布局和制作，体现出 咖啡的口感和文化特色。 5.1.2　设计理念 在网页设计、制作过程中，将淡雅的浅咖啡色和咖啡机设计为背 景图案，表现出咖啡机的品质和咖啡的香浓美味。咖啡色的导航条 更为网页的主题增色不少。右下方的图片是咖啡机专卖产品的展示 效果，整体设计浪漫温馨，使浏览者能沉浸在咖啡的香气中。 咖啡机专卖网页效果图 5.1.3　操作步骤 1 2 3 4 5.1.4　相关工具 1. 表格的组成 表格中包含行、列、单元格、表格标题等元素。 表格的标题 名称 效果图 2.插入表格 要将相关数据有序地组织在一起，必须先插入表格，然后才能有效地 组织数据。 插入表格的具体操作步骤如下： （1）在“文档”窗口中，将插入点放到合适的位置。 （2 ）通过以下几种方法启用“表格”对话框。 选择“插入记录 表格”命令。 单击“插入”面板“常用”选项卡上的“表格”按钮。 单击“插入”布局“布局”选项卡面板上的“表格”按钮。 （3 ）根据需要选择新建表格的大小、行列数值等，单击“确定”按钮完 成新建表格的设置。 3.表格各元素的属性 插入表格后，通过选择不同的表格对象，可以在“属性”面板中看到 它们的各项参数，修改这些参数可以得到不同风格的表格。 表格的属性 单元格和行或列的属性 4.在表格中插入内容 建立表格后，可以在表格中添加各种网页元素，如文本、图像、