Dreamweaver创建、编辑表格和单元格
Dreamweaver中如何创建表单和处理数据
Dreamweaver中如何创建表单和处理数据Dreamweaver是一种功能强大的网页开发工具，它提供了简便的界面和丰富的功能来创建网页。
在网页设计中，表单是一项重要的功能，可以让用户与网页进行交互，并收集用户提交的数据。
本文将介绍如何在Dreamweaver中创建表单，以及如何处理表单提交的数据。
第一章：创建表单Dreamweaver提供了简单的方式来创建表单。
首先，在Dreamweaver的工具栏上找到“表单”工具，点击它，然后在页面上拖动鼠标来创建一个表单区域。
接下来，通过在表单区域上点击右键，选择“插入表单元素”来添加各种表单元素，如文本框、下拉列表、复选框等。
在添加元素时，可以设置它们的属性，如名称、类型、默认值等。
第二章：表单验证表单验证是确保用户输入的数据符合预期格式和要求的重要步骤。
Dreamweaver提供了多种验证方法。
例如，可以使用Dreamweaver提供的预设验证规则，如必填字段、电子邮件格式验证等。
也可以自定义验证规则，通过正则表达式来验证输入的数据。
通过选择表单元素，然后在属性面板中选择“验证”选项，可以简单地配置表单验证。
第三章：表单布局好的表单布局可以提升用户体验，并使表单更易于阅读和填写。
Dreamweaver提供了多种布局选项。
可以使用表格布局，将表单元素放入表格单元格中。
也可以使用CSS布局，通过设置样式来控制表单元素的排列方式。
此外，Dreamweaver还提供了对响应式设计的支持，可以根据设备的屏幕尺寸来调整表单的布局。
第四章：处理表单提交数据当用户填写完表单并点击提交按钮时，需要将表单提交的数据发送到服务器进行处理。
在Dreamweaver中，可以使用服务器端脚本语言（如PHP、等）来处理表单数据。
首先，在服务器上创建一个接收数据的脚本文件，例如“process.php”。
然后，在表单的“动作”属性中设置为指向该脚本文件的URL。
这样，当用户提交表单时，表单数据将被发送到服务器上的脚本文件进行处理。
dreamweaver表格制作步骤
dreamweaver表格制作步骤dreamweaver表格制作步骤具体制作步骤如下：通过利用背景颜色与间距制作细边的表格教程的介绍，大家在Dreamweaver中插入一个表格，若设置其“边框(Border)”为1，预览时其边框线较粗。
以制作一个4行3列、边框线为红色细线的表格为例：1、在Dreamweaver的设计视图中插入一个4行3列的表格。
2、在“属性”面板中设置此表格的'属性如下：边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border) 为0;背景颜色(Bg Color)为红色。
3、选中此表格的所有单元格，在“属性”面板中设置所有单元格的属性如下：背景颜色(Bg)为白色或红色以外的其他颜色。
4、最后，保存网页，按F12预览。
怎么样，一个4行3列的红色细线表格是不是呈现在你面前?另外，如果我们照常想用表格来布局定位，但只要外边框线显示为细线，而内部单元格的分隔线不显示的效果，则可以配合使用嵌套表格。
下面以表格外边框线为红色细线为例来说明操作方法：1、在Dreamweaver的设计视图插入一个1行1列的表格。
2、在“属性”面板设置此表格的属性如下：“边距”根据需要自行设置(例如5);“间距”为1;“边框”为0;“背景颜色”为红色。
3、选中此表格唯一的单元格，在“属性”面板设置此单元格的“背景颜色”为白色或红色以外的其他颜色。
4、将光标定位在此1行1列的表格中，根据需要插入一个几行几列的嵌套表格，此嵌套表格的“边框”一定设置为0，“边距”和“间距”可以根据需要设置或不设置，其他属性可不进行设置。
就可以在嵌套表格的不同单元格内插入文字、图片等其他网页元素了。
下载全文。
用Dreamweaver制作网页中的表格
格是现代网页制作的一个重要组成部分。
表格之所以重要是因为表格可以实现网页的精确排版和定位。
虽然现在都提倡WEB标准建立网站，但是有时在网页中还是会应用到表格的。
这个教程我们给大家讲解表格操作的基本方法。
在开始制作表格之前，我们首先对表格的各部分的名称做一个介绍。
（看下图）
一张表格横向叫行，纵向叫列。
行列交叉部分就叫做单元格。
单元格中的内容和边框之间的距离叫边距。
单元格和单元格之间的距离叫间距。
整张表格的边缘叫做边框。
下面看看我们使用表格制作的页面的实例
这幅页面的排版格式，如果用以前我们所讲的对齐方式是无法实现的。
因此我们需要用到表格来做。
实际上是用两行两列的表格来制作。
1、在插入栏中选择按钮或“插入”菜单>选“表格”。
系统弹出表格对话框如下图。
这些参数我们都已经认识了。
行：2。
列：2。
其余的参数都保留其默认值。
2、在编辑视图界面中生成了一个表格。
表格右、下及右下角的黑色点是调整表格的高和宽的调整柄。
当光标移到点上就可以分别调整表格的高和宽。
移到表格的边框线上也可以调整。
（如下图）
3、在表格的第一格按住左键不放，向下拖拽选中二格单元格。
（如下图）。
DreamweaverCS5网页制作第3章 使用表格布局页面PPT课件
3.1 表格的建立和编辑
3.1.4 实战演练：网站“行星大观”页眉导航部分制作
操作步骤： 6）光标移到第2行第1个单元格，在属性面板中设单元格的“宽”为270，“高”为24。鼠标 选中该行其它所有单元格，在属性面板中设单元格设为“宽”为100，水平、垂直方向均为 居中对齐。输入对应文字，如图所示。
（3）选取行或列 从一个单元格开始，拖动鼠标选中整行和整列的单元格，单元 格所在的行或列即被选中。或将鼠标停留在一行的左边框或一列的上边框，当选择行 或列的图标出现时，单击鼠标即可选择行或列。
3.1 表格的建立和编辑
3. 设定表格和单元格属性 （1）表格属性
当选中整个表格时，属性面板会自动变成表格的设置面板。可以通过这个面板 修改表格的行数、列数、大小等属性。表格的属性面板如下图所示。其中行、列、 宽、高、填充（即单元格边距）、间距、边框在创建表格时已经介绍过。
3.1 表格的建立和编辑
2. 选取表格元素 （1）选取整个表格 将鼠标指针移动到表格的边框线上单击鼠标左键选择整个表
格。或光标放在表格中时，点击菜单“修改”→“表格”→“选择表格”命令。也可以 将光标放在单元格中，在文档窗口的左下角的标签选择器中选择“Table”标签，选取 整个表格。
（2）选取单元格 将鼠标指针移动到某个单元格上，按住Ctrl键不放，再单击， 就可以选中这个单元格。按住Ctrl键，再逐个单击要选取的单元格，就可以选中不连 续的多个单元格。光标移到某个单元格中，按住Shift键鼠标点击另外一个单元格，则 这两个单元格之间的所有单元格将被选中，形成一个连续矩形区域。也可以通过鼠标 拖拽的方法可以选取连续的一片单元格。
3.1 表格的建立和编辑
3.1.1 案例制作：2006世界杯E组对阵表
Dreamweaver CC实用教程 第5章 使用表格进行网页布局
表格排序
第5章 使用表格进行网页 布局
在Dreamweaver中，允许对表格的内容以字母和数字进行排序，对表格内容进行排序可按如下
操作步骤进行。 第1步：选定需要排序的表格。 第2步：执行“命令>排序表格”菜单命令，打开对话框。
第3步：在“排序按”下拉列表中列出了选定表格的所有列。这里选择第3列“数学”。
5.6.1 导入表格数据
Dreamweaver能与其他文字编辑软件进行数据交换，在其他软件创建的表格数据可以导入Dreamweaver
中转化为表格，同样也能将Dreamweaver中的表格数据导出。
14
5.6.2 导出表格数据
导出表格数据的操作步骤如下。 第1步：将光标放置到要导出数据的表格中。 第2步：执行“文件>导出>表格”菜单命令，打开如图所示的对话框。 第3步：在“定界符”下拉列表中选择分隔符，这里包括“空白键”、“逗号”、“ 分号”、“冒号”。 第4步：在“换行符”下拉列表中选择将要导出文件的操作系统，这里包括Windows 、Mac和UNIX。 第5步：单击 按钮，打开“表格导出为”对话框，如图所示。 第6步：在“文件名”文本框中输入导出文件的名称。 第7步：单击 按钮，表格数据文件即被导出了。
第5章 使用表格进行网页 布局
5.3.3 单元格的合并及拆分
在制作网页的过程中，有时需要合并或拆分单元格，下面将分别介绍合并或拆分单元 格的操作方法。 1.单元格的合并 2.单元格的拆分
8
即学即用：制作商品促销网页
学习使用单元格的合并及拆分来制作网页的方法。
第5章 使用表格进行网页 布局
9
5.4
第4步：在“顺序”下拉列表中选择“按字母顺序”或“按数字顺序”。当列的内容是数字时， 选择“按字母排序”可能会产生这样的顺序：2、20、3、30、4，因此这种排序方式不一定按照数字 的大小来排序。 第5步：在“升序”下拉列表框中选择按“升序”或“降序”排列。 第6步：在“再按”下拉列表中，可以选择作为第二排序依据的列。同样，也可以在“顺序”下 拉列表中排序。 第7步：在“选项”区域中，可以选择“排序包含第一行”、“排序标题行”、“排序脚注行” 和“完成排序后所有行颜色保持不变”复选框，可根据需要进行设置。 第8步：设置完成后，单击 按钮，表格即被排序，如图所示，是一个把第3列（也就是“数学”列） 按升序排列后的表格。
在dreamweaver中,表格标记的基本结构
Dreamweaver是Adobe公司推出的一款网页制作软件，它广泛应用于网页设计和开发领域。
在Dreamweaver中，表格标记是网页设计中常见的一种元素，它可以用于展示和组织网页上的各种信息。
在这篇文章中，我将介绍在Dreamweaver中使用表格标记的基本结构，希望能帮助读者更好地掌握这一技巧。
在Dreamweaver中，表格标记的基本结构包括表格标签、行标签和单元格标签。
下面我将逐一介绍它们的用法：1. 表格标签在HTML中，表格使用`<table>`标签来定义，其中包括表格的基本属性和整体样式。
在Dreamweaver中，可以通过插入菜单或者直接手动输入`<table>`来插入一个表格标签。
表格标签中可以设置一些基本属性，如边框宽度、背景颜色等。
也可以设置表格的尺寸和对齐方式等属性。
2. 行标签在表格中，使用`<tr>`标签来定义每一行，`<tr>`标签必须包含在`<table>`标签内部。
通过插入行标签，可以在表格中添加新的行，每一行中可以包含若干个单元格。
在Dreamweaver中，可以通过插入菜单或者直接手动输入`<tr>`来插入一个行标签。
3. 单元格标签在每一行中，使用`<td>`标签来定义每个单元格，`<td>`标签也必须包含在`<tr>`标签内部。
通过插入单元格标签，可以在表格中添加新的单元格，并在其中填充文本、图片或者其他元素。
在Dreamweaver 中，可以通过插入菜单或者直接手动输入`<td>`来插入一个单元格标签。
在适当的情况下，也可以使用`<th>`标签来定义表格中的表头单元格，它和`<td>`标签的用法类似，但是会显示为加粗的文本，以示区分。
通过以上介绍，我们可以看到，在Dreamweaver中使用表格标记的基本结构是通过`<table>`标签定义整个表格，然后在其中添加`<tr>`标签和`<td>`标签来定义行和单元格。
Dreamweaver对于表格操作技巧
Dreamweaver对于表格操作技巧Dreamweaver对于表格操作技巧Dreamweaver关于表格的其他操作Dreamweaver关于表格的其他操作一制作细线表格原理：1、选中整个表格，设置其背景为黑色（该颜色即表格线的颜色）。
2、选中所有单元格，设置其背景为白色。
二自动格式化表格1、先制作好一张表格，然后选中。
2、选菜单中的命令/格式化表格。
即可以其中选择预设好的一些表格样式。
三一像素分割条1、插入一个1行1列，宽为200像素，边框边距均为0的表格。
2、选中表格，设置表格高为1像素，并设置一个背景色（即所要的线条颜色）。
3、切换到代码和设计窗口，将代码Dreamweaver在页面中播放声音Dreamweaver在页面中播放声音1、在完成全页面以后，如果要为该页添加背景音乐，注意背景音乐一般是*.midi文件，这样的声音文件十分小，易于快速下载，其他格式不适合作为背景音乐。
2、在页面中所有表格之外，（注意此时编辑窗口左下方的标签选择栏中仅显示这一项，或是在左下角点一下，这样才能保证这个行为是添加在整个页面上的）。
点击行为窗口上的“+”按钮，（或用菜单窗口/行为，打开行为窗口。
）3、从弹出菜单中选择“播放声音”。
打开一个对话框。
4、在这个对话框里用“浏览”选择要播放的声音，并确定。
5、这时行为面板上自动显示了事件为onload，动作为播放声音。
点击这一行，中间出现一个按钮。
点击按钮，可以设置这个声音在什么事件下播放。
可以选择“显示事件”/“IE5.0。
6、我们常用的如Onload（当页面载入时）、OnClick（单击鼠标）、OnMouseOver（鼠标移到对象上）、OnUnload(当关闭页面时)等。
7、该行为也可以设置在图片上、文字链接上。
在文字链接上播放声音之前，先为文字添加一个空链接，即选中文字，在链接一格里输入一个“#”符号。
Dreamweaver让插入的flash动画变透明1、当网页上已经有背景，或是想要在一张图片上再插入flash动画，而flash动画本身也有背景色，所以会影响美观，这时我们要把它做成透明动画。
学会使用Dreamweaver进行网页布局
学会使用Dreamweaver进行网页布局一、Dreamweaver简介Dreamweaver是一款专业的网页设计和编程工具，由Adobe公司开发。
它提供了丰富的功能和工具，使得网页布局变得更加便捷和高效。
下面将介绍如何使用Dreamweaver进行网页布局。
二、Dreamweaver的安装和设置1. 下载和安装Dreamweaver软件：前往Adobe官网下载适合自己操作系统的Dreamweaver安装包，双击安装并按照提示操作。
2. 设置Dreamweaver：打开软件后，点击"编辑"菜单中的"首选项"选项，进行软件设置。
可以根据个人偏好设置编辑器字体、缩进等选项。
三、新建HTML文件1. 点击菜单栏的"文件"，选择"新建"，然后选择"HTML"文件类型。
2. 在弹出的对话框中，填写网页标题和保存位置，点击"创建"按钮。
四、基本布局1. 使用表格布局：点击"插入"菜单，选择"表格"选项，在弹出的对话框中设置表格的行数、列数等属性。
然后，将需要布局的内容放入表格中的每个单元格中。
2. 使用CSS布局：点击"插入"菜单，选择"CSS布局"选项，然后选择需要的布局类型。
在弹出的对话框中，设置布局的宽度、高度、对齐方式等属性。
接着，将需要布局的内容放入对应的布局区域中。
五、导航栏的创建1. 使用无序列表创建导航栏：点击"插入"菜单，选择"无序列表"选项，然后在需要放置导航栏的位置插入无序列表的代码。
接着，将每个导航项放入无序列表的列表项中。
2. 使用CSS样式创建导航栏：点击"插入"菜单，选择"CSS样式"选项，然后选择需要的导航栏样式。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实验5创建、编辑表格和单元格表格是用于在页面上显示表格式数据以及对文本和图形进行布局的强有力的工具。
通过本试验的学习，需要熟悉掌握表格的使用方法，编辑表格和单元格的基本操作。
说明表格是页面布局中极为有用的设计工具。
在使用Dreamweaver MX 2004 设计网页的过程中，大多数的情况也是使用表格来定位页面中的基本元素，以使页面中的各元素能够达到有序排列的目的。
对应知识点插入表格和牵套表格表格和单元格的属性添加单元格内容普通说明文档和表格形式文档各一份。
1．启动Dreamweaver MX 2004 程序，按Cral+N 键创建HTML为page05.htm。
2．在“文档”面板“标题”栏输入网页名称“时尚生活”。
如图5-1所示。
图5-1 输入网页标题说明在文档面板中的标题设置与在“页面属性”对话框“标题/编码”区域的标题设置，是两种设置网页标题的方法。
可以达到同样的效果。
3．在插入面板中选“常用”项，切换到“常用“面板。
单击“表格”按钮按钮，或选择菜单“插入”“表格”命令，弹出如图5-2所示的“表格”对话框。
说明如果“表格”按钮不可用，则说明当前网页编辑窗口处于模式状态，用户可单击“查看”“表格模式”“标准模式”，这样“表格”按钮即可用。
在“行数”和“列数”编辑框内分别输输入“１”；在“表格宽度”编辑框内输入100，选择“百分比”选项；在“边框粗细”编说明在“单元格边距”编辑框中设置单元格图5-2 “表格”对话框图内容与单元格边界之间的像素数，默认值为２像素；在“单元格间距”编辑框中设置为每个单元格之间的像素数，默认值为２像素；在“页眉”选项框下有四种样式，表格设置表格内标题的四种形式，分别为：无页眉、左页眉、顶部页眉和左侧、顶部都有页眉；在“标题”编辑框内输入所插入表格的标题；在“对齐标题”下拉列表中选择标题对其的方式，分别为：默认、顶部、底部、左和右；在“摘要”编辑框内输入所建表格的说明，会自动以代码形式加入<tableL>中，在编辑界面、浏览界面都不显示。
4．单击“确定”按钮，创建表格显示在Dreamweaver MX 2004文档窗口中，如图5-3所示。
5．鼠标移动到表格外边框处，出现了|| 标记，单击鼠标即可选中表格。
选中菜单“窗口”“属性”命令，然后在属性面板中设置表格样式。
6．在属性面板中显示了在创建表格时设置的行、列、宽等项。
我们在“高”编辑框内输入“60”，在后面的单位列表图5-3 在文档窗口中显示的表格中选择“像素”；在“对齐”下拉列表中选择“居中对齐”；单击“背景颜色”按钮，在调色板中选择背景颜色为绿色（色标值为#A3D900），此时表格中的属性面板显示如图5-4所示。
完成的表格样式如图5-5所示。
图5-4 表格属性面板图5-5 在属性面板中设置后表格样式7．在表格内单击鼠标，光标定位在表格内。
输入文字“时尚生活”，拖动鼠标选项中文字，在属性面板中设置大小为“36像素”，颜色为蓝色（色标值为＃0033FF），单击“居中对齐”按钮按钮和“粗体”按钮B，设置字体为“隶属”（关于“字体”的设置请参考试验4中的介绍），完成后网页文字和属性面板如图5-6所示。
图5-6 编辑文字样式说明以上是对单元格属性面板的设置，它包括了单元格内元素的设置。
单元格属性面板的上半部分和文本属性面板相似，在此不再赘述。
下面介绍该面板上主要按钮的功能。
按钮用于合并两个或多个单元格；按钮用于拆分一个单元格；在“水平”列表中有四种对其方式：默认、、做对齐、居中对齐、右对齐、一般的单元格内容居左，标题型内容居中；在“垂直”列表中有5种对其方式：默认、顶端、居中、底部、基线、默认单元格内的文字在垂直居中显示；在“宽”和“高”编辑框内设置单元格的尺寸；勾选“不换行”选项，在输入单元格内容的时候，单元格会自动扩展使得输入的文本在一条直线上显示；在“背景”区域，单击后面的文件夹图标，查找需要插入的背景背景图片，文本框中会显示图片的路径；在“背景颜色“区域可以从颜色选择器中选择单元格的背景色；在“边框”中设置单元格边框颜色，当边框设置不为０时，用户即可看到显示效果。
８．在表格外侧空白处单击鼠标，选择菜单“插入”“表格”命令，在表“表格”对话框中，输入行数为“１”，列数“5‘，表格宽度为”100%“，边框粗细为“1像素”，单击“确定”按钮，在“标题”表格下方插入一表格。
9．选中此表格，在属性面板中设置“边框颜色”为绿色（色标值为＃009900），如图5-7所示。
10．拖动鼠标选中５个单元格，在下方的单元格属性面板中“宽”编辑框内输入“20%”，在“背景颜色”调色板上选择草绿色（色标值为#CCFF66），完成后单元格效果如图5-8所示。
图5-7 插入1行5列表格，设置边框颜色为绿色图5-8 设置单元格宽度和背景颜色说明图5-8 为单元格被选中状态，在每个单元格上方显示了单元格的宽度。
在表格外任意谓之单击，即刻取消选择。
11．分别在单元格内输入网页栏目标题。
再次拖动鼠标或按住Ctrl键单击每个单元格，使单元格处于被选中状态。
在属性面板中设置大小为14像素，颜色为蓝色（色标值为#0033FF），并单击“居中对齐”按钮，取消选择，网页效果如图5-9所示。
12．在“栏目标题”下方插入２行２列，宽度为100%，边框粗细、单元格边距、单元格间距均为０的表格。
选中表格，在属性面板中设置表格居中对齐，高为200像素。
13．拖动鼠标选项中左侧两个单元格，单击属性面板“合并所选单元格”按钮按钮。
合并左侧单元格，设置其背景夜色为桔黄色（色标值为#FFCC00）。
14．设置右侧两个单元格告诉分别为20、180，设置第1行单元格背景颜色为桔黄色（色标值为#FFCC00），完成效果如图5-10所示。
图5-9 设置网页栏目标题图5-10 设置表格布局和背景颜色15．在左侧单元格内单击，选择菜单“插入”“表格”命令，插入３行１列，宽度为90%，单元格边距为１，边框粗细和单元格间距为０的嵌套表格。
选中表格，在属性面板中“对齐”下拉列表中选择“居中对齐”命令。
说明所谓嵌套表格就是在表格中插入表格。
当用户需要在一个单元格内完成比较复杂的布局时，可以设置嵌套表格。
嵌套表格的宽度会受到它外层的单元格限制。
16．选中等２行单元格，在属性面板中设置高为“20”，背景颜色为“黄色”（色标值为#FFFF99），大小为“12像素”，并单击“居中对齐”按钮，在单元格内输入栏目标题“时尚家具”，如图5-11所示。
17．选中第3行单元格，设置其背景颜色为黄色（色标值为#FFFF999）。
在单元格内插入1行1列，宽度为100%，单元格边距为8，边框粗细和单元格间距为9的嵌套表格。
选中表格，在属性面板中设置其背景颜色为桔黄色（色标值为#FFCC00），如图5-12所示。
图5-11 设置栏目标题样式图在第3个单元格内插入嵌套表格说明在这里使用嵌套单元格是为了使此单元格产生细线边框的效果。
而单元格边距的设置，会使单元格内容与边线产生一定的间距。
18．在单元格内输入若干条“时尚家具栏目小标题”，把光标定位在每个小标题前，右击中文输入图标右侧的键盘按钮，弹出选项菜单，选择“特殊符号”命令，如图5-13所示，在弹出的键盘上选择“菱形”图标。
如图5-14所示。
图5-13 选择“特殊符号”按钮图5-14 特殊符号键盘19．设置文字大小为12像素，“菱形”图标颜色为白色。
完成后如图5-15所示。
20．在“时尚家具”栏目列表右侧的第１行单元格内输入当前位置导航“当前位置：首页时尚家具阳台上的妙用”，便于浏览者清楚自己所在位置，随时返回上级菜单。
拖动鼠标，选中文字，在属性面板中设置大小为“12像素”，如图5-16所示。
图5-15 栏目小标题制作效果图5-16 输入当前位置导航21．在下面的单元格内单击，在属性面板中设置此单元格的背景颜色为浅黄色（色标值为#FFFFCC）。
然后插入２行１列，宽度为90%，边框粗细、单元格边距和单元格间距均为０的嵌套表格。
选中此表格，在属性面板中选择“对齐”下拉列表中的“居中对齐”选项。
在第２个单元格内输入文章内容，或直接将本书配套光盘\exp4-5sucai05中的电子文档粘贴到此单元格内。
22．拍板文字内容，并设置其小标题颜色为红色（色标值为#FF0000）、粗体，完成效果如图5-17所示。
23．在具体内容表格右侧单击鼠标，按Enter键换行。
选择菜单“文件”“导入”“表格式数据”命令，打开“导入表格数据”对话框。
24．单击“数据文件”编辑框右侧的“浏览”按钮，选择光盘素材“表格.txt”文件夹。
在“定界符”下拉列表中选择“逗点”选项。
在“表格宽度”区选择“指定宽度”单选钮，在显示的编辑框中输入“90”，单位为“白分比”。
在“单元格边距”和“单元格间距”编辑框内输入“０”。
在“边框”编辑框内输入“１”对话框如图5-18所示。
25．单击“确定”按钮，表格导入到网图5-17 制作具体内容页中，如图5-19所示。
图5-18 “导入表格式数据”对话框图5-19 导入表格式数据26．选中比表格，在属性面板中设置表格居中对齐，在“填充”编辑框内输入“２”，在“大小”下拉列表种选择“12”。
拖动鼠标选择第１行的４列单元格，在属性面板中设置背景颜色为居行色（色标值为#FFCC00），并单击“居中对齐”按钮。
完成后表格效果如图5-20所示。
27．选择菜单“文件”“保存”命令，保存网页。
按F12在浏览器中查看网页效果。
如图5-21所示。
图5-20 设置导入表格属性图5-21 网页完成效果模仿1．创建名为page05.htm的网页。
2．在网页中插入表格，在属性面板中设置网页背景颜色、对齐方式等属性。
3．在单元格内输入“时尚生活”标题，设置文字的字体、大小、颜色等属性。
4．制作栏目导航表格。
5．制作作侧“时尚家具”栏目标题列表。
6．制作网页具体内容，并设置相关属性。
7．导入表格数据，并设置相关属性。
创作1．使用表格设计一个网页的布局结构。
2．通过设置表格和单元格属性，设置网页背景颜色。
3．在单元格内添加文字内容，并在属性面板中设置大小、字体、颜色等。
4．导入Excel表格，并改变其风格于制作的网页统一。
5．参考光盘exp4，5\site05文件夹内的网页，练习表格布局设计方法，并使用表格制作出复杂的网页。
具体效果如图5-22~图5-25所示。
图5-22 表格在网页中的运用图5-23 表格在网页中的运用图5-24 表格在网页中的运用图5-25 表格在网页中的运用。