第6章Dreamweave中表格和表单的应用

Dreamweaver和excel的一些使用技巧Dreamweaver和excel的一些使用技巧excel成组填充多张表格的固定单元格成组填充多张表格的固定单元格我们知道每次打开Excel,软件总是默认打开多张工作表。

由此就可看出Excel除了拥有强大的单张表格的处理能力，更适合在多张相互关联的表格中协调工作。

要协调关联，当然首先就需要同步输入。

因此，在很多情况下，都会需要同时在多张表格的相同单元格中输入同样的内容。

那么如何对表格进行成组编辑呢?首先我们单击第一个工作表的标签名"Sheetl”，然后按住Sh辻t键，单击最后一张表格的标签名“Sheet3”（如果我们想关联的表格不在一起，可以按住Ct讥键进行点选）。

此时，我们看到Excel的标题栏上的名称岀现了“工作组”字样，我们就可以进行对工作组的编辑工作了。

在需要一次输入多张表格内容的单元格中随便写点什么，我们发现，“工作组” 中所有表格的同一位置都显示出相应内容了。

但是，仅仅同步输入是远远不够的。

比如，我们需要将多张表格中相同位置的数据统一改变格式该怎么办呢?首先，我们得改变第一张表格的数据格式，再单击“编辑”菜单的“填充”选项，然后在其子菜单中选择“至同组工作表”。

这时，Excel会弹出“填充成组工作表”的对话框，在这里我们选择“格式” 一项，点“确定” 后，同组中所有表格该位置的数据格式都改变了。

Dreamweaver表格的使用Dreamweaver表格的使用1、点击插入/表格，打开表格面板进行设置。

行数、列数、宽度、边框等，“单元格填充”为单元格内侧与内容的距离；“单元格间距”为单元格之间的距离，单位均为像素。

2、插入表格后，在表格的边框上点击一下，可以全选整个表格。

然后在下而的属性面板里可以进行各种设置。

3、把光标移到其中一个单元格，此时看到的属性面板，就是单元格的属性而板。

也可以进行各种关于单元格的操作。

如背景色、背景图、边框、合并、拆分等。

dream表格的用途在网页设计和制作中，表格是一种非常常用的布局工具。

Dreamweaver中的表格主要用于对网页元素进行排版和定位，让页面布局更加规整和易于管理。

以下是Dreamweaver表格的主要用途：1. 创建页面布局：通过创建表格，可以将页面分成不同的区域，每个区域可以放置不同的内容，如导航菜单、页眉、页脚等。

这样可以让页面结构更加清晰，也有利于后期维护和修改。

2. 对齐和定位元素：在Dreamweaver中，可以使用表格的单元格对页面中的元素进行定位和调整。

通过调整单元格的大小和位置，可以精确控制元素在页面上的位置，使其对齐到相应的位置。

3. 制作复杂布局：有些网页布局比较复杂，使用简单的HTML 标记很难实现。

这时可以使用Dreamweaver的表格来创建复杂的布局，例如多列的固定宽度、弹性宽度等。

通过灵活地调整表格的大小、合并或拆分单元格，可以实现各种复杂的布局效果。

4. 管理对齐和间距：在使用表格布局时，可以很容易地调整元素的对齐方式和间距。

通过设置表格的对齐方式、单元格间距和边距等属性，可以控制元素之间的空间关系，使其看起来更加整洁美观。

5. 控制样式和外观：除了基本的布局和对齐功能外，还可以使用CSS样式来美化表格。

通过为表格或单元格添加样式，可以改变它们的背景颜色、边框样式、字体等外观属性，使页面更加美观。

总之，Dreamweaver中的表格是一种强大的布局工具，可以帮助网页设计师创建精确、整洁的页面布局。

但需要注意的是，过度使用表格可能会使代码变得复杂和难以维护。

因此，在实际开发中，应该根据具体情况选择合适的布局方法，并尽量使用CSS进行布局和样式设置。

国家开放大学《Dreamweave网页设计》章节测试参考答案第1章Dreamweaver软件基础一、单选题1.下面关于网站策划的说法错误的是：A.对于网站策划来说最重要的还是网站的整体风格B.向来总是内容决定形式的C.做网站的第一步就是确定主题D.信息的种类与多少会影响网站的表现力2.下面关于素材准备的说法错误的是：A.网站徽标的设计对于制作网站来说比较重要B.是网站制作中的重要一环C.在Dreamweaver中自带有准备素材的功能D.Adobe公司的Fireworks可以和Dreamweaver很好的结合使用第2章网页基本元素的添加一、单选题1.下列哪个是“图像占位符”的属性A.可见性(Visibility)B.z轴（z-index）C.名称(Name)D.位置(Location)2.如果要使图像在缩放时不失真，在图像显示原始大小时，按下（）键，拖动图像右下方的控制点，可以按比例调整图像大小A.CtrlB.ShiftC.Shift+AltD.Alt3.从Dreamweaver 中直接使用Fireworks 来优化图像，不能实现的操作是A.优化到指定文件大小B.增加特殊显示效果C.调整图像尺寸大小D.更换图像文件格式二、多选题4.在Dreamweaver中将文本添加到文档的方法有A.导入Microsoft Word 内容B.从现有的文本文档中拷贝和粘贴C.直接在文档窗口键入文本D.直接在Dreamweaver 中打开文本文件5.在表格单元格中可以插入的对象有A.文本B.Java程序插件C.Flash动画D.图像6.GIF图像的优点有A.支持透明背景B.支持24位真彩色C.它支持动画格式D.无损方式压缩三、简答题7.除了普通文本，还可以在页面中插入哪些和文本相关的元素？参考答案：可以插入日期时间、列表、水平线、滚动文字等。

8.怎么设置滚动文字的不同效果？参考答案：通过<marquee>标签的Behavior属性能够设置不同方式的滚动文字效果，如滚动的循环往复、交替滚动、单次滚动等。

如何使用Dreamweaver创建网页表单第一章：介绍网页表单是网站开发中常见的元素之一，它允许用户输入数据并将其提交到服务器进行处理。

在创建网页表单时，Dreamweaver 是一个非常强大和易于使用的工具。

本章将介绍Dreamweaver和网页表单的概念。

第二章：安装和配置Dreamweaver在开始创建网页表单之前，首先需要安装和配置Dreamweaver 软件。

首先，从Adobe官网上下载最新版本的Dreamweaver。

安装完成后，打开软件并按照向导进行配置。

第三章：创建网页表单在Dreamweaver中，创建网页表单非常简单。

首先，打开一个新的HTML文件。

然后，从工具栏中选择“插入”选项，并从下拉菜单中选择“表单”。

在弹出的对话框中，可以选择表单的布局和样式。

点击“确定”按钮后，将创建一个基本的表单模板。

第四章：添加表单元素在网页表单中，不同类型的信息需要使用不同的表单元素来收集。

Dreamweaver提供了一系列常用的表单元素，包括文本框、复选框、单选按钮、下拉菜单等。

在表单模板中，通过单击鼠标并将其拖动到适当的位置来添加这些元素。

第五章：设置表单属性每个表单元素都有自己的属性，这些属性决定了元素的行为和外观。

使用Dreamweaver，可以轻松地设置这些属性。

选中一个表单元素，并在属性面板中更改其属性。

例如，可以设置文本框的大小、限制输入的字符、验证用户输入等。

第六章：添加表单验证为了确保用户输入的有效性，可以在表单元素上添加验证规则。

Dreamweaver提供了常用的验证规则，如必填字段、电子邮件格式验证、数字格式验证等。

通过选择表单元素并在属性面板中设置验证规则，可以实现简单但有效的数据验证。

第七章：处理表单数据当用户提交表单时，表单数据需要被传送到服务器进行处理。

Dreamweaver提供了处理表单数据的功能。

将鼠标指针放在表单元素的提交按钮上，然后在属性面板中设置提交按钮的属性。

Dreamweaver制作表格和表单表格当初主要用于数据的格式化显示，现在表格更多地用于排列网页中的内容，今天我们就一起来看看在Dreamweaver CS3里如何创建表格，以及如何使用表格对网页中的图文进行布局。

一、什么是表格布局表格布局就是为了精确定位、合理安排网页中的文字、图片等元素，它就像网页的脸面，是在一个限定的面积范围内合理安排、布置图像、文字等元素的位置，从而设计出版式漂亮的页面。

如图1所示，就是一个使用表格布局的页面。

图1 表格布局文字和图片二、表格的使用如果我们要实现如图1所示的表格布局页面，该怎么办？不急！下面就一步一步地实现如图1所示的表格布局页面。

请执行以下步骤：(1) 新建空白文档，然后选择“插入”一“表格”命令，以显示“表格”对话框，如图2所示。

图2 “表格”对话框(2) 输入所需的行数为7和列数为4，选择“百分比”或“像素”为单位的表格宽度。

(3) 在“边框粗细”后的文本框中输入边框宽度，如果不需要显示边框，请将值设为"0"。

(4) 设置“单元格边距”和“单元格间距”。

(5) 设置的相关值如图2所示，然后单击“确定”按钮。

(6) 选中第1行所有单元格，然后右击鼠标选择“表格”一“合并单元格”命令，高度设为34。

同理，合并第3行所有单元格，合并第7行所有单元格，合并第1列第 4行、第1列第5行、第1列第6行这3个单元格，合并第2列第4行、第2列第5行、第2列第6行这3个单元格，合并第4列第4行、第4列第5行、第4列第 6行这3个单元格，合并后的效果如图3所示。

(7) 按图1添加相关文字内容。

(8) 光标定位到第4行第1个单元格里，然后依次选择“插入”一“表单”一“复选框”命令。

(9) 在第1行单元格里插入图片“commodity_tablehead.gif'’。

同理，在相应位置插入图片commodity_huaping.jpg、online_pic.gif和list_tool_favl.gif。