网页制作工具

1、图8-1 “工作区设置”对话框 图8-2 起始页图8-3 Dreamweaver 8的主工作区图8-4 插入工具栏及其功能分类菜单插入面板插入面板n包含用于将各种类型的包含用于将各种类型的“对象对象”（如图像、（如图像、表格和层）插入到文档中的按钮。表格和层）插入到文档中的按钮。n每个对象都是一段每个对象都是一段 HTML 代码，允许插入代码，允许插入时设置不同的属性。时设置不同的属性。n“常用常用“项面板、布局（标准视图、布局项面板、布局（标准视图、布局项视图）、项视图）、“文本文本“、“表单表单“、“模板模板“、“字符字符“、“媒体媒体“、“文件头文件头“、“脚本脚本“、“应用程序应用程序

2、“项面板项面板插入面板插入面板n常用常用 ：创建和插入最常用的对象，如图像和表格；：创建和插入最常用的对象，如图像和表格； n布局布局 ：插入表格、：插入表格、divdiv 标签、层和框架。可从表格视图标签、层和框架。可从表格视图（标准、扩展表格、布局）中选择。选择（标准、扩展表格、布局）中选择。选择“布局布局”模式后，模式后，可使用可使用 布局工具：布局工具：“绘制布局单元格绘制布局单元格”和和“绘制布局表绘制布局表格格”。 n表单表单 ：用于创建表单和插入表单元素：用于创建表单和插入表单元素n文本文本 ：插入文本格式设置标签和列表格式设置标签：插入文本格式设置标签和列表格式设置标签nHTM

3、L ：插入用于水平线、头内容、表格、框架和脚本的：插入用于水平线、头内容、表格、框架和脚本的 HTML 标签。标签。 n服务器代码：适用于使用特定服务器语言（服务器代码：适用于使用特定服务器语言（ ASP、ASP.NET、JSP 和和 PHP）等的页面。）等的页面。 n应用程序：插入动态元素，例如记录集、重复区域以及记应用程序：插入动态元素，例如记录集、重复区域以及记录插入和更新表单。录插入和更新表单。nFlash 元素：插入元素：插入 Flash 元素。元素。n收藏：将收藏：将“插入插入”栏中常用按钮分组和组织到常用位置。栏中常用按钮分组和组织到常用位置。 图8-5 文档工具栏的常用命令和选

4、项 图8-12 常规参数设置中更改工作区图8-13 新建文档参数设置 图8-14 站点参数设置图8-15 站点设置 图8-16 站点结构图8-20 选择要编辑的站点图8-22 实例效果【例8-2】 页面属性页面属性设置文本格式设置文本格式 段落的格式、字体、字号、字的颜色、字体段落的格式、字体、字号、字的颜色、字体加粗倾斜、对齐方式（左对齐居中右加粗倾斜、对齐方式（左对齐居中右对齐）、文字所链接的路径或对齐）、文字所链接的路径或URL等。等。文本属性面板n格式格式设置所选文本的段落样式。n样式样式显示当前应用于所选文本的类样式。如果没有对选定内容应用过任何样式，则弹出式菜单显示“无 CSS 样

5、式”。如果已对选定内容应用了多个样式，则弹出式菜单是空的。 n粗体粗体根据在“首选参数”对话框的“常规”类别中设置的样式参数选择，将 或 应用于选定的文本。n斜体斜体根据在“首选参数”对话框的“常规”类别中设置的样式参数选择，将 或 应用于选定的文本。 编辑段落n段落：格式上统一的一段文本段落：格式上统一的一段文本n输入一段文本，按输入一段文本，按键就自动构成了键就自动构成了段落。段落。 n对齐段落有三种方式：左对齐、居中和右对齐段落有三种方式：左对齐、居中和右对齐对齐n选定要设置对齐方式的段落，使用选定要设置对齐方式的段落，使用Text菜菜单中单中Align菜单项的菜单项的Left、Cent

6、er或或Right选项，或者在属性面板中，用鼠标单击右选项，或者在属性面板中，用鼠标单击右上角的对齐按钮上角的对齐按钮n格式中的标题格式中的标题n格式中的预格式化：处理空格格式中的预格式化：处理空格文本属性面板n改变字体：改变字体： 1.选定要改变字体的文本，选择选定要改变字体的文本，选择“文本文本”菜单中菜单中“字体字体”菜单项中的相应选项；菜单项中的相应选项； 2.从属性面板上字体列表中选择相应的从属性面板上字体列表中选择相应的选项选项n如果没有选定任何文本，则改变的字体如果没有选定任何文本，则改变的字体将应用于以后输入的文字；将应用于以后输入的文字；n如果字体列表中没有需要的字体，可以如

7、果字体列表中没有需要的字体，可以单击单击”编辑字体列表编辑字体列表“选项，在随后出选项，在随后出现的对话框中可以添加需要的字体到字现的对话框中可以添加需要的字体到字体列表中。体列表中。文本的字体属性n改变字号：选定要改变字号的文本，从属改变字号：选定要改变字号的文本，从属性面板上性面板上”大小大小“的下拉列表中选择相应的下拉列表中选择相应的选项。的选项。n如果没有选定任何文本，将会改变以后输如果没有选定任何文本，将会改变以后输入文字的字号；入文字的字号；n尽量不要使用自己安装的字体，用户机器尽量不要使用自己安装的字体，用户机器上可能没有安装。上可能没有安装。n改变颜色改变颜色文本属性面板此处为

8、粗体显示文本此处为粗体显示文本 此处为大字体显示文本 此处为小字体显示文本 此处为斜体文本 此处为等宽字体文本 此处为下划线文本 此处为带删除线的文本缩进n缩进段落是针对网页边距而言的，有增缩进段落是针对网页边距而言的，有增加缩进和减小缩进两种。加缩进和减小缩进两种。n增加缩进是将当前的段落向文档窗口的增加缩进是将当前的段落向文档窗口的右侧移动；减小缩进则是将当前的段落右侧移动；减小缩进则是将当前的段落向文档窗口的左侧移动，向文档窗口的左侧移动，n选定要缩进的一个或多个段落，在选定要缩进的一个或多个段落，在“文文本本”菜单中选择增加缩进或减小缩进；菜单中选择增加缩进或减小缩进；或者使用属性面板

9、中的增加缩进按钮或者使用属性面板中的增加缩进按钮 或或减小缩进按钮进行段落缩进减小缩进按钮进行段落缩进 。文本属性编辑项目列表n无序列表无序列表 n有序列表有序列表 n目录列表目录列表 n列表属性列表属性【例8-3】 超链接分类超链接分类n内部链接：在同一个站点内的不同页面之内部链接：在同一个站点内的不同页面之间相互联系的超链接。间相互联系的超链接。n 锚点链接：可以链接到网页中某个特定位锚点链接：可以链接到网页中某个特定位置的链接。置的链接。n 外部链接：把网页与外部链接：把网页与Internet中的目标相中的目标相联系的链接。联系的链接。普通文本超级链接n 文本的文本的Properties

10、面板上有面板上有Link和和Target两两项，这就与超级链接有关。项，这就与超级链接有关。n选中所需的文本，有四种方法可使它链接到选中所需的文本，有四种方法可使它链接到其它页面。其它页面。n直接在直接在Link后填入要链接到的页面的地址。后填入要链接到的页面的地址。最好用相对地址，而不用绝对地址。最好用相对地址，而不用绝对地址。n点击后面的点击后面的 图标，然后选取要链接到的页面。图标，然后选取要链接到的页面。n使用使用 图标。用快捷键图标。用快捷键F5可打开你定义的本地可打开你定义的本地站点的文件列表，用鼠标点击站点的文件列表，用鼠标点击 ，不要松开，不要松开，拖动至你要链接到的页面即可。

11、拖动至你要链接到的页面即可。n用鼠标把本地站点文件列表中的文件直接拖用鼠标把本地站点文件列表中的文件直接拖到到Properties面板上面板上Link后即可后即可文本属性面板链接n在链接栏输入链接网页的地址，单击链接文字可以直接跳到被链接的页面。n_blank:空白视窗，保留原来的窗口，新开启一个窗口浏览所链接的文件内容；n_parent:上一层页框视窗，若网页使用框架，则所链接的网页回到上一层的框架所在窗口；n_self:本身视窗，默认链接显示方式，所链接的内容取代原来窗口的内容；n_top:全视窗，以全窗口的方式出现所链接的网页，取代所有窗口内容。设置文本链接的状态设置文本链接的状态n一个

12、未被访问过的链接与一个被激活的链接在形式上肯定会有所区别，一个未被访问过的链接与一个被激活的链接在形式上肯定会有所区别，链接被访问过了也会发生变化，提示用户这是一个已经点击过的链接，链接被访问过了也会发生变化，提示用户这是一个已经点击过的链接，所有这些都是链接的状态。通过设置不同的文本颜色可以使各个状态所有这些都是链接的状态。通过设置不同的文本颜色可以使各个状态区别开来。区别开来。 n设置不同的文本颜色的具体步骤如下：设置不同的文本颜色的具体步骤如下： n打开包含文本链接的文档打开包含文本链接的文档“园丁乐园园丁乐园”，选择主菜单中的，选择主菜单中的“Modify修改）修改）”|“Page P

13、roperties（页面属性）（页面属性）”命令，打开命令，打开“Page Properties（页面属性）（页面属性）”对话框；对话框； n 单击单击“Links（链接）（链接）”项右边的图标，打开调色板，选取一种颜色；项右边的图标，打开调色板，选取一种颜色；n同样为同样为“Visited Links（访问过的链接）（访问过的链接）”、“Active（活动链接）（活动链接）”项设置不同的颜色；项设置不同的颜色；n单击单击“Ok”按钮，完成设置。按钮，完成设置。删除文本超链接删除文本超链接先用鼠标选定文本对象，将光标定位于属性面板的先用鼠标选定文本对象，将光标定位于属性面板的“Link”文本框

14、中，用文本框中，用“BackSpace”键或键或“Delete”键，将其显键，将其显示的超链接对象文件名删除，再回车，或选择示的超链接对象文件名删除，再回车，或选择“Modify”|“Remove Link”命令，都可以删除超链接而命令，都可以删除超链接而保留原文本对象。保留原文本对象。插入Email及其链接n单击“常用”对象面板上的“电子邮件”按钮；n设置邮件地址，单击确定按钮。内部超链接1 1为文字添加超链接为文字添加超链接 2 2为图片添加超链接为图片添加超链接创建锚点创建锚点（1）将光标移到需要加入锚点的地方，一般是将光标放置）将光标移到需要加入锚点的地方，一般是将光标放置在一行或是一

15、段文字的开头部分；在一行或是一段文字的开头部分；（2）单击对象面板）单击对象面板“Invisibles”类上的类上的“插入锚点插入锚点” 按钮，按钮，将弹出将弹出“Insert Named Anchor（插入命名锚点）（插入命名锚点）”对话对话框；框；（3）在对话框的）在对话框的“Anchor Name”文本框输入锚点的名称；文本框输入锚点的名称； （4）单击）单击“OK”按钮。按钮。 命名锚点命名锚点 只能使用字母和数字，锚点命名不支持中文。虽然在插入只能使用字母和数字，锚点命名不支持中文。虽然在插入锚点对话框中能输入中文，但在属性面板上显示的则是一锚点对话框中能输入中文，但在属性面板上显示

16、的则是一堆乱码，且在为锚点添加链接的时候，也无法工作。堆乱码，且在为锚点添加链接的时候，也无法工作。 锚点名称的第锚点名称的第1个字符最好是英文字母，一般不要以数字个字符最好是英文字母，一般不要以数字做为锚点名称的开头。做为锚点名称的开头。 锚点名称区别英文字母的大小写。锚点名称区别英文字母的大小写。 锚点名称间不能含有空格，也不能含有特殊字符。锚点名称间不能含有空格，也不能含有特殊字符。链接锚点链接锚点n创建锚点后，还必须链接锚点。选择想要链接到锚点创建锚点后，还必须链接锚点。选择想要链接到锚点的文字或图片，然后按如下方法中的任意一种进行操的文字或图片，然后按如下方法中的任意一种进行操作。作

17、。n 在属性面板上的在属性面板上的“Link”文本框中输入符号文本框中输入符号 # 和锚点和锚点名称。名称。n 选择文字或图片后，按住选择文字或图片后，按住Shift键，然后拖动鼠标指键，然后拖动鼠标指向锚点。在属性面板上的向锚点。在属性面板上的“Link”文本框中将自动出现文本框中将自动出现符号符号#和该锚点的名称。和该锚点的名称。n 按住属性面板上的按住属性面板上的“Point to File（指向文件）（指向文件）”按钮，并拖动鼠标指向锚点，属性面板上的按钮，并拖动鼠标指向锚点，属性面板上的“Link”文文本框中自动出现符号本框中自动出现符号 # 和该锚点的名称。和该锚点的名称。 链接锚

18、点时，应注意以下事项：链接锚点时，应注意以下事项： 在在#和锚点名之间不要留有空格，否则链接会失败。和锚点名之间不要留有空格，否则链接会失败。 在不同文件夹中为锚点创建链按时，其文件名后缀必定在不同文件夹中为锚点创建链按时，其文件名后缀必定是是“htm”，而不能写成，而不能写成“html”，否则链接也会失败。，否则链接也会失败。 符号符号#必须是半角符号，而不能为全角符号。必须是半角符号，而不能为全角符号。外部超链接外部超链接n将本站点的某个对象与将本站点的某个对象与InternetInternet上的上的目标建立一种相互的关系。目标建立一种相互的关系。 例如选中某个对象，在属性面板的例如选中

19、某个对象，在属性面板的Link文文本框中填上本框中填上http:/再回再回车，就可以了。车，就可以了。 添加下载文件超链接 网站提供文件下载功能的方法网站提供文件下载功能的方法 首先选择主窗口的菜单站点首先选择主窗口的菜单站点站点文件命令站点文件命令 打开站点窗口，找到需要链接的目标文件打开站点窗口，找到需要链接的目标文件; 选择网页中需建立超链接的文字，按下选择网页中需建立超链接的文字，按下Shift键拖键拖动鼠标到站点窗口中的目标文件。动鼠标到站点窗口中的目标文件。创建空链接创建空链接n空链接是一个未指定目标的链接，空链接是一个未指定目标的链接，Dreamweaver 的行为的行为面板中列

20、出了许多行为，这些行为相当于使用面板中列出了许多行为，这些行为相当于使用JavaScript编写的程序或函数，要想对文本设置行为，首先为文本建编写的程序或函数，要想对文本设置行为，首先为文本建立空链接，这样行为才有效。立空链接，这样行为才有效。 n为文本建立超链接时，只要先在文档窗口选定文本，然后为文本建立超链接时，只要先在文档窗口选定文本，然后在属性面板中的在属性面板中的“链接链接”栏中输入一个数值符栏中输入一个数值符“#”即可。即可。建立空链接的目的就是为了应用行为，其他情况下不必建建立空链接的目的就是为了应用行为，其他情况下不必建立空链接。立空链接。 【例8-4】 图8-50 实例效果

21、制作特色的滚动效果将光标定位到第一副画面之前，添加如下代码 【例8-5】 图8-57 实例效果【例8-6】 图8-62 实例效果简单首页设计例子插入图片n将光标移到要插入图片文件的位置，单击将光标移到要插入图片文件的位置，单击“对象面板对象面板”上的上的“图像图像”按钮；按钮；n在弹出的在弹出的“选择图像源选择图像源”窗口里选择需要窗口里选择需要插入的图像文件插入的图像文件。添加图像添加图像插入静态图片插入静态图片使用使用Insert菜单、菜单、Object面板或者直接从资源管理器面板或者直接从资源管理器中将图象文件拖动到文档窗口中的合适位置。中将图象文件拖动到文档窗口中的合适位置。 1）In

22、sert菜单：选定菜单：选定Insert菜单中的菜单中的Image选项，选项，将会出现将会出现Select Image Source对话框，在该对话框中对话框，在该对话框中选定要插入的图片文件名及其所在的文件夹、文件选定要插入的图片文件名及其所在的文件夹、文件类型，然后单击类型，然后单击Select按钮，该图片就会被插入到插按钮，该图片就会被插入到插入点光标所在的位置。入点光标所在的位置。 2）Objects面板：单击面板：单击Object面板中的面板中的Insert Image按钮，也会出现按钮，也会出现Select Image Source对话框。对话框。在网页中插入图像在网页中插入图像1

23、。插入图像。插入图像 在在Dreamweaver中插入图像非常简单，具体操作步骤见课本。中插入图像非常简单，具体操作步骤见课本。2图像属性参数图像属性参数 在文档中插入图像后，用鼠标单击图像，图像四周出现可编辑的缩在文档中插入图像后，用鼠标单击图像，图像四周出现可编辑的缩放手柄，说明该图像被选定。这时属性面板中显示出关于图像的属性放手柄，说明该图像被选定。这时属性面板中显示出关于图像的属性信息。信息。3改变图像的尺寸改变图像的尺寸 改变图像的尺寸大小可以通过在属性面板中的改变图像的尺寸大小可以通过在属性面板中的“”和和“”直接直接输入数值来改变图像的尺寸大小输入数值来改变图像的尺寸大小 。此外

24、，还可以通过拖放图像边框。此外，还可以通过拖放图像边框来改变图像的尺寸。来改变图像的尺寸。4调整图像在网页中的相对位置调整图像在网页中的相对位置 添加图像占位符添加图像占位符n创建占位符来代替稍后添加的图像；创建占位符来代替稍后添加的图像；n在要添加图像的位置创建一个空行。单在要添加图像的位置创建一个空行。单击这个空行。击这个空行。n选择选择“插入插入”“图像对象图像对象”“图像占图像占位符位符”。n在在“图像占位符图像占位符”对话框中，输入该占对话框中，输入该占位符的名称、输入宽度和高度。位符的名称、输入宽度和高度。n单击单击“确定确定”。图像属性图像属性 n图像名称图像名称n宽和高：所选定

25、图片的宽度和高度，单位为像素。宽和高：所选定图片的宽度和高度，单位为像素。源文件：图片的路径及文件名源文件：图片的路径及文件名 n链接链接n对齐：图片的对齐方式，进行图文混排时可以使用对齐：图片的对齐方式，进行图文混排时可以使用此项此项 n替代：可以在后面的文本框中输入文字，当图片在替代：可以在后面的文本框中输入文字，当图片在浏览器中不能显示时，将显示文本框中的文字浏览器中不能显示时，将显示文本框中的文字 图像属性图像属性n地图n垂直边距和水平边距：图片在垂直和水平方向的位置。 n目标n低品质源n边框：为图片指定边框的宽度 n编辑n重设大小【例8-7】 n在.添加如下代码n【例8-8】 图8-

26、64 实例效果n制作嵌入型标志视频：插入-媒体-插件，选择要播放的文件n设置标志大小n设置音频视频链接，目标为_blank图8-70 实例效果【例8-9】 表格表格 分类分类n边框值是否为边框值是否为0分为：分为：n有形表格：预览时能看见、可以填写数据、有形表格：预览时能看见、可以填写数据、按升序或降序排列按升序或降序排列n和无形表格：预览时不可见、主要用于排和无形表格：预览时不可见、主要用于排版版网页结构分析 标题栏装饰栏导航栏信息区创建新表格创建新表格利用利用Dreamweaver 创建新表格时，首先选中对象面板上创建新表格时，首先选中对象面板上“View”栏目下栏目下“Standard

27、View”（标准视图）按钮，然后可以通过下列四种方式（标准视图）按钮，然后可以通过下列四种方式中的任意一种：中的任意一种： 将对象面板调整到将对象面板调整到“Common”类上，单击类上，单击“Insert Table”（插入表（插入表格）按钮。格）按钮。 通过主窗口的菜单通过主窗口的菜单“Insert”|“Table”命令。命令。 使用快捷组合键使用快捷组合键“Ctrl+Alt+T”。 将对象面板调整到将对象面板调整到“Common”类上，拖动类上，拖动“Insert Table”按钮到主按钮到主窗口的工作区中。窗口的工作区中。 插入表格：插入表格：Insert菜单菜单-Table选项选项嵌

28、 套 表 格 ： 在 表 格 的 单 元 格 中 再 插 入 表 格 。嵌 套 表 格 ： 在 表 格 的 单 元 格 中 再 插 入 表 格 。操 作 ： 选 定 单 元 格 、操 作 ： 选 定 单 元 格 、 I n s e r t 菜 单 、菜 单 、 T a b l e 选 项选 项插入表格进行编排n在在“对象对象”面板中单击面板中单击“常用常用”选项卡上选项卡上的的“表格表格”按钮，出现一个插入表格对话按钮，出现一个插入表格对话框，在对话框内填入相应数据。单击框，在对话框内填入相应数据。单击“确确定定”，一个表格就插入到编辑窗口中。，一个表格就插入到编辑窗口中。表格属性和表格属性和

29、单元格属性单元格属性表格属性表格属性n表格的行数。表格的行数。 n表格的列数。表格的列数。 n表格的宽度表格的宽度n表格边框的宽度。表格边框的宽度。n表单元格间隙设置。表单元格间隙设置。 n表单元格内部空白表单元格内部空白。 选择表格选择表格选择表格可分为选择整个表格和选择表格中的单元格。选择表格可分为选择整个表格和选择表格中的单元格。 如果要选择整个表格，则可进行如下的操作之一：如果要选择整个表格，则可进行如下的操作之一：n将 光 标 置 于 表 格 中 的 某 个 单 元 格 中 ， 选 择将 光 标 置 于 表 格 中 的 某 个 单 元 格 中 ， 选 择“Modify”|“Table

30、”|“Select Table”命令。命令。n将光标置于表格中的某个单元格中，再按两次组合键将光标置于表格中的某个单元格中，再按两次组合键“Ctrl+A”。n将光标置于表格中的某个单元格中，单击鼠标右键，在弹出的快捷菜将光标置于表格中的某个单元格中，单击鼠标右键，在弹出的快捷菜单中选择单中选择“Select Table”命令。命令。n将光标置于表格的尾部（在表格的同一行，但不在表格之内），向左将光标置于表格的尾部（在表格的同一行，但不在表格之内），向左拖动鼠标。拖动鼠标。n单击表格的边线。单击表格的边线。 的方法有以下几种：的方法有以下几种：选择表格行或列选择表格行或列n1）选择某一表格行：在

31、选定行的左侧单击鼠）选择某一表格行：在选定行的左侧单击鼠标或者使用状态栏中的标或者使用状态栏中的tr按钮按钮2）选择连续的多个表格行：在要选定的第一）选择连续的多个表格行：在要选定的第一行的左侧按住鼠标左键向下拖动行的左侧按住鼠标左键向下拖动3）选择不连续的多个表格行：选择不连续的多个表格行：Ctrl键键+在选定在选定行的左侧单击鼠标左键行的左侧单击鼠标左键4）选择某一表格列：在选定行的上面单击鼠）选择某一表格列：在选定行的上面单击鼠标标5）选择连续的多个表格列：在要选定的第一）选择连续的多个表格列：在要选定的第一列的上面按住鼠标左键向右拖动列的上面按住鼠标左键向右拖动6）选择不连续的多个表格

32、列：选择不连续的多个表格列：Ctrl键键+在选定在选定列的上面单击鼠标左键列的上面单击鼠标左键选择单个单元格选择单个单元格n将 光 标 置 于 所 要 选 择 的 单 元 格 中 ， 按 一 次 组 合 键将 光 标 置 于 所 要 选 择 的 单 元 格 中 ， 按 一 次 组 合 键“Ctrl+A”。n将光标置于所要选择的单元格中，向右拖动鼠标。将光标置于所要选择的单元格中，向右拖动鼠标。n将光标置于所要选择的单元格中，选择将光标置于所要选择的单元格中，选择“Edit”|“Select All”命令。命令。n按住按住Ctrl键，单击所要选择的单元格，再单击一次则取消键，单击所要选择的单元格

33、，再单击一次则取消对单元格的选择。对单元格的选择。选择多个单元格选择多个单元格n按住按住Ctrl键，单击所要选择的所有单元格。键，单击所要选择的所有单元格。n将光标置于单元格中，拖动鼠标，选择多个单元格。将光标置于单元格中，拖动鼠标，选择多个单元格。n如果要选择整行，将光标置于该行的左边缘，当光标变成如果要选择整行，将光标置于该行的左边缘，当光标变成图标时单击鼠标左键。图标时单击鼠标左键。n如果要选择整列，如果要选择整列，选择的全部单元格选择的全部单元格n将光标置于第将光标置于第1个单元格中，并拖动鼠标至最后一个单元个单元格中，并拖动鼠标至最后一个单元格。格。n将光标置于第将光标置于第1个单元

34、格中，按住个单元格中，按住Shift键，再单击最后一键，再单击最后一个单元格。个单元格。n将光标置于第将光标置于第1行的左边缘，当光标变成行的左边缘，当光标变成图标时，向下图标时，向下拖动鼠标至最后一行。拖动鼠标至最后一行。n将光标置于第将光标置于第1列的上边缘，当光标变成列的上边缘，当光标变成图标时，向右图标时，向右拖动鼠标至最后一列。拖动鼠标至最后一列。取消选择取消选择n取消所有选定单元格的选择状态：单击鼠取消所有选定单元格的选择状态：单击鼠标左键标左键n取消某几个单元格的选择状态：取消某几个单元格的选择状态：Ctrl键键+鼠鼠标单击需要取消选择的单元格标单击需要取消选择的单元格单元格的复

35、制单元格的复制n选定单元格、选定单元格、Edit菜单、菜单、Copy选项选项n说明：要复制的单元格必须构成矩形区域；说明：要复制的单元格必须构成矩形区域；n复制整行的单元格，将被添加到目标单元格的上复制整行的单元格，将被添加到目标单元格的上方；方；n复制整列的单元格，将被添加到目标单元格的左复制整列的单元格，将被添加到目标单元格的左侧；侧；n将目标定位在文档窗口的空白处，将会创建一个将目标定位在文档窗口的空白处，将会创建一个独立的表格。独立的表格。单元格的删除单元格的删除n在单元格内设置插入点、快捷菜单、在单元格内设置插入点、快捷菜单、Table-Delete Column或或Delete R

36、ow或者选定要删除的表格行或列、或者选定要删除的表格行或列、Edit菜单菜单-Cut或或Clear选项选项n注意：在注意：在Dreamweaver中，不能删除某一个或某中，不能删除某一个或某几个单元格，只能删除表格的某行或某列几个单元格，只能删除表格的某行或某列。n删除单元格内的文本：选定单元格、删除单元格内的文本：选定单元格、Edit菜单菜单-Cut或或Clear选项或者选定单元格、按选项或者选定单元格、按Delete键键插入表格行或列插入表格行或列n插入某一行或某一列：确定表格内插入点的位置、Modify菜单、Table选项、Insert Row或Insert Columnn插入某几个表格

37、行或列：在表格内确定插入点的位置、Modify菜单、Table选项、Insert Rows or Columnsn删除表格行或列：选定要删除的行或列、Modify菜单、Table选项、Delete Row或Delete Column在现有的表格中插入单元行在现有的表格中插入单元行n将 光 标 移 到 要 插 入 单 元 行 的 下 一 行 ， 选 择将 光 标 移 到 要 插 入 单 元 行 的 下 一 行 ， 选 择“Modify”|“Table”|“Insert Row”命令。命令。n将光标移到要插入单元行的下一行，按组合键将光标移到要插入单元行的下一行，按组合键“Ctrl+M”。n将光标

38、移到要插入单元行的下一行，单击鼠标右键，在弹将光标移到要插入单元行的下一行，单击鼠标右键，在弹出的快捷菜单中选择出的快捷菜单中选择“Table”|“Insert Row”命令。命令。在现有的表格中插入单元列在现有的表格中插入单元列n将 光 标 移 到 在 插 入 单 元 列 的 右 边 一 列 ， 选 择将 光 标 移 到 在 插 入 单 元 列 的 右 边 一 列 ， 选 择“Modify”|“Table”|“Insert Column”命令。命令。n将 光 标 移 到 要 插 入 单 元 列 的 右 边 一 列 ， 按 组 合 键将 光 标 移 到 要 插 入 单 元 列 的 右 边 一

39、列 ， 按 组 合 键“Ctrl+Shift+A”。n将光标移到要插入单元列的右边一列，单击鼠标右键，在将光标移到要插入单元列的右边一列，单击鼠标右键，在弹出的快捷菜单中选择弹出的快捷菜单中选择“Table”|“Insert Column”命令。命令。在现有的表格中添加多行或多列在现有的表格中添加多行或多列首先将光标移到要插入行或列附近的单元格中，单击鼠标右首先将光标移到要插入行或列附近的单元格中，单击鼠标右键，在弹出的下拉菜单中选择键，在弹出的下拉菜单中选择“Table”|“Insert Rows or Columns”命令，弹出命令，弹出 “Insert Rows or Columns”对

40、话对话框。在此对话框中进行相关的设置，然后单击框。在此对话框中进行相关的设置，然后单击“OK”按钮，按钮，设置的多列或多行将插入到页面中。设置的多列或多行将插入到页面中。删除整行整列删除整行整列n先选择欲删除的整行或整列，直接按先选择欲删除的整行或整列，直接按Del键，即可删除。键，即可删除。n先 将 光 标 移 到 要 删 除 的 行 或 列 中 ， 选 择先 将 光 标 移 到 要 删 除 的 行 或 列 中 ， 选 择“Modify”|“Table”|“Delete Row”或或“Delete Column”命令。命令。n将光标移到要删除的行或列中，单击鼠标右键，在弹出的将光标移到要删除

41、的行或列中，单击鼠标右键，在弹出的快捷菜单中选择快捷菜单中选择“Table”|“Delete Row”或或“Delete Column”命令。命令。编辑表格编辑表格（1）设置表格高度）设置表格高度 在创建表格时，可以通过表格对话框来设置表格的宽度，但无在创建表格时，可以通过表格对话框来设置表格的宽度，但无法设置表格的高度，如果要设置表格的高度，则必须通过表格属性面法设置表格的高度，如果要设置表格的高度，则必须通过表格属性面板来确定。板来确定。 （2）合并拆分单元格）合并拆分单元格 对表格中的单元格进行合并拆分，既可以通过菜单命令来实对表格中的单元格进行合并拆分，既可以通过菜单命令来实现，也可以

42、通过单元格属性面板（单击任意单元格，属性面板将会自现，也可以通过单元格属性面板（单击任意单元格，属性面板将会自动切换）上的快捷按钮来完成。动切换）上的快捷按钮来完成。 （3）设置单元格的宽度及高度）设置单元格的宽度及高度 在单元格属性面板上可以改变单元格默认的宽度和高度。在单元格属性面板上可以改变单元格默认的宽度和高度。分割与合并分割与合并n分割单元格：选定单元格分割单元格：选定单元格-Modify菜单菜单-Table选选项项-Split Celln或者在要分割的单元格内单击鼠标右键打开快捷或者在要分割的单元格内单击鼠标右键打开快捷菜单，使用菜单，使用Table下的下的Split Cell选项

43、选项n合并单元格：选定需要合并的单元格合并单元格：选定需要合并的单元格-Modify菜菜单单-Table选项选项-Merge Cells或者单击鼠标右键打开快捷菜单，选择或者单击鼠标右键打开快捷菜单，选择Table下的下的Merge Cells选项选项表格属性的设置表格属性的设置设置表格的边框颜色设置表格的边框颜色 设置表格的边框颜色时，必须指定表格的边框线的宽度不设置表格的边框颜色时，必须指定表格的边框线的宽度不为为0。要为表格的边框指定颜色，首先选择表格，单击属性面板。要为表格的边框指定颜色，首先选择表格，单击属性面板上上“Brdr Color”的颜色框，在弹出的调色板中选择颜色，或者的颜

44、色框，在弹出的调色板中选择颜色，或者是在后面的文本框中直接输入颜色的色码，即可为表格的边框添是在后面的文本框中直接输入颜色的色码，即可为表格的边框添加颜色。加颜色。（2）设置表格的背景）设置表格的背景 表格的背景与网页背景一样，即可以设定为单一的颜色，也可表格的背景与网页背景一样，即可以设定为单一的颜色，也可以用图片作为表格的背景。要将表格背景设为单一的颜色，首先以用图片作为表格的背景。要将表格背景设为单一的颜色，首先选择整个表格，再单击属性面板上选择整个表格，再单击属性面板上“Bg Color”后面的颜色框，后面的颜色框，在弹出的调色板中选择颜色，或者是在后面的文本框中直接输入在弹出的调色板

45、中选择颜色，或者是在后面的文本框中直接输入颜色的色码；要将图像设为表格的背景，首先选择整个表格，再颜色的色码；要将图像设为表格的背景，首先选择整个表格，再在属性面板上的在属性面板上的“Bg Image”文本框中输入图像所在的路径，或文本框中输入图像所在的路径，或是单击其后的文件夹图标，在弹出的对话框中选择图像文件。是单击其后的文件夹图标，在弹出的对话框中选择图像文件。表格的嵌套表格的嵌套 在表格中嵌套表格在表格中嵌套表格将光标置于要嵌套表格的单元格中，选择将光标置于要嵌套表格的单元格中，选择InsertTable。 将光标置于要嵌套表格的单元格中，将将光标置于要嵌套表格的单元格中，将Objec

46、ts面面板切换到板切换到Common类下类下Insert Table按钮。按钮。 将将Insert Table按钮从按钮从Objects面板的面板的Common类上类上拖动到要嵌入表格的单元格中拖动到要嵌入表格的单元格中。套用表格样式套用表格样式导入表格数据文件导入表格数据文件加入外部数据加入外部数据 应用表格应用表格n使用预置表格：选定表格使用预置表格：选定表格-Command菜菜单单-Format Table选项选项n排序表格内容：选定表格或在表格的任排序表格内容：选定表格或在表格的任一单元格内容设置插入点、一单元格内容设置插入点、Command菜单的菜单的Sort Table选项选项修正

47、表格：选定表格、属性调板修正表格：选定表格、属性调板n1）将鼠标移至表格的左上角，当光标变成十字）将鼠标移至表格的左上角，当光标变成十字形的箭头时单击鼠标左键。形的箭头时单击鼠标左键。2）将鼠标移至表格的右边框，当光标变成水平）将鼠标移至表格的右边框，当光标变成水平方向的双向箭头时单击鼠标左键。方向的双向箭头时单击鼠标左键。3）将鼠标移至表格的下边框，当光标变成垂直）将鼠标移至表格的下边框，当光标变成垂直方向的双向箭头时单击鼠标左键。方向的双向箭头时单击鼠标左键。4）使用）使用Modify菜单下菜单下Table的的Select Table选项。选项。5）使用文档窗口中状态栏里的）使用文档窗口中状态栏里的Table标签。标签。用表格进行页面布局用表格进行页面布局n网页排版功能，网页排版功能，导入表格数据导入表格数据n把用把用Excel等软件处理的数据放到网上，等软件处理的数据放到网上，Dreamweaver专门提供了一个转换的功能。专门提供了一个转换的功能。n先把先把Excel等软件中将文件另存为文本格式的文等软件中将文件另存为文本格式的文件，或在件，或在Excel中保存为中保存为.csv，n然后选择然后选择File下的下的Import中的中的Import Table Data，或者选择，或