Dreamweaver布局模式、模板与资源列表
Dreamweave布局与框架
2.浮动框架与超链接
浮动框架与超链接实例
点击“带您走进动画天地”进入的页面
点击“感谢你的光临”进入的页面
布局模式下的“布局单元格”按钮 将光标放到绘制单元格的位置，按下并拖 动鼠标，就完成布局单元格的绘制。
将布局转换为表格
绘制完成后，在布局面板中按下“标准模式” 按钮，将布局模式的表格转换为标准模式的表格， 如下图所示。我们可任意调整表格，也可切换回布 局模式继续绘制。
图 将布局模式转换为标准模式
第7章 Dreamweaver中 布局和框架的应用
布局表格和布局单元格
使用布局视图 1.切换到布局视模式的方法是：
在“插入”面板中的“布局”标签中，单 击“布局模式”按钮，如图所示。
布局模式”按钮 在布局面板上，有两个较为重要的按钮，
一个是“布局表格”按钮，可以让用户像绘图 一样在页面里绘制表格，进行表格布局；另一 个是“绘制布局单元格”按钮，可以在表格中 直接绘制单元格。
<a href=“url” target=“frame_name”>
1.普通框架与超链接
普通框架与超链接实例
首页程序代码
<html> <head> <title>普通框架与超链接</title> </head> <frameset cols="30%,70%"> <frame src="left.html"> <frame name="right"> </frameset> </html>
普通框架与超链接3839首页程序代码首页程序代码htmlheadtitle普通框架与超链接titleheadframesetcols3070framesrclefthtmlframenamerightframesethtml40左框架超链接代码左框架超链接代码htmlheadtitle查看图片titleheadbodyimgsrc036jpgalignleftwidth80height200你想了解北京奥运会场地phrefright1htmltargetright国家体育场abrhrefright10htmltargetright北京科技大学体育馆abrbodyhtml41右框架超链接代码右框架超链接代码htmlheadtitle普通框架与超链接titleheadbody国家体育场brimgsrc001jpgpre建设地点
Dreamweaver CC网页设计与应用 (8)
1．基于选定内容创建库项目
2．创建空白库项目
8.2.2 向页面添加库项目
当向页面添加库项目时，将把实际内容以及对该库项目的引
用一起插入到文档中。此时，无需提供原项目就可以正常显示。
在页面中插入库项目的具体操作步骤如下。 （1）将插入点放在文档窗口中的合适位置。 （2）选择“窗口 > 资源”命令，启用“资源”控制面板。 单击“库”按钮 ，进入“库”面板，将库项目插入到网页中。 将库项目插入到网页有以下几种方法。 将一个库项目从“库”面板拖曳到文档窗口中。 在“库”面板中选择一个库项目，然后单击面板底部的“插 入”按钮 。
掌握创建库的方法
掌握向页面添加库项目的方法
8.1 模板
创建空模板 创建可编辑区域 管理模板 课堂案例——电子吉他网页
8.1.1 创建空模板
创建空白模板有以下几种方法。
① 在打开的文档窗口中单击“插入”面板“模板”选项
卡中的“创建模板”按钮 ，将当前文档转换为模板文档。 ，此时列表为 ② 在“资源”面板中单击“模板”按钮 钮
8.2.3 课堂案例——律师事务所网页
使用“库”面板添加库项目；使用库中
注册的项目制作网页文档。
效果图
课堂练习——建达康集团网页
使用“创建模板”按钮，将其创建为模板；使用“可编辑区域”按 钮，制作可编辑区域效果。
效果图
课后习题——爱家纺网页
使用“库”面板添加库项目；使用库中 注册的项目制作网页文档。
（4）选择“文件 > 另存为模板”命令，弹出“另存模板”对话
框，在对话框中的“另存为”文本框中输入模板的名称，在“站点” 右侧的下拉列表中选择保存的站点。
DREAMWEAVER 官方教程 第8章
例如,假设布局在页的左边有一个较宽的图像,在右边有一列文本. 例如,假设布局在页的左边有一个较宽的图像,在右边有一列文本.可能将 左边的列设置为固定宽度,让侧栏区域自动伸展. 左边的列设置为固定宽度,让侧栏区域自动伸展. 当让某个列自动伸展时, 当让某个列自动伸展时 , Dreamweaver会在固定宽度的列中插入间隔图像 会在固定宽度的列中插入间隔图像 以确保这些列保持应有的宽度,除非指定不使用间隔图像. 以确保这些列保持应有的宽度,除非指定不使用间隔图像.间隔图像是透明的图 用于控制间距,它在浏览器窗口中是不可见的. 像,用于控制间距,它在浏览器窗口中是不可见的.
8.3
在"布局"模式中绘制 布局"
布局"模式允许绘制单元格和表格,包括嵌套在其他表格中的表格. "布局"模式允许绘制单元格和表格,包括嵌套在其他表格中的表格.靠齐 网格可以帮助用户对齐单元格. 网格可以帮助用户对齐单元格.
8.3.1 绘制布局单元格和表格
布局"模式中,可以在页上绘制布局单元格和表格. 在"布局"模式中,可以在页上绘制布局单元格和表格.如果不是在布局表 格中绘制布局单元格, 格中绘制布局单元格 , Dreamweaver会自动创建一个布局表格以容纳该单元 会自动创建一个布局表格以容纳该单元 布局单元格不能存在于布局表格之外. 格.布局单元格不能存在于布局表格之外. 注意: 布局"模式中,不能使用在"标准"模式中可以使用的"插入表格" 注意:在"布局"模式中,不能使用在"标准"模式中可以使用的"插入表格" 绘制层"工具.若要使用这些工具,必须先切换到"标准"模式. 和"绘制层"工具.若要使用这些工具,必须先切换到"标准"模式. 自动创建布局表格时, 当 Dreamweaver自动创建布局表格时 , 该表格最初显示为填满整个 " 设 自动创建布局表格时 该表格最初显示为填满整个" 计"视图,即使更改"文档"窗口的大小也是如此.这种全窗默认布局表格使用 视图,即使更改"文档"窗口的大小也是如此. 户可以在"设计"视图中的任意位置绘制布局单元格. 户可以在"设计"视图中的任意位置绘制布局单元格.可以将该表格设置为特定 的大小,方法是单击表格边框然后拖动表格的大小调整手柄. 的大小,方法是单击表格边框然后拖动表格的大小调整手柄.
Dreamweaver窗口如何布局的方法
Dreamweaver窗口如何布局的方法Dreamweaver窗口如何布局的方法Dreamweaver是一款非常流行的网页设计软件，通过该软件，我们可以快速地制作出精美的网页与界面。
在使用Dreamweaver时，我们需要依次对其进行布局，以便更好地使用和编辑软件。
下面介绍关于Dreamweaver窗口如何布局的方法。
一、创建工作区工作区是Dreamweaver的主窗口，通过工作区，我们可以对网页进行布局、编辑、设计等操作。
在打开Dreamweaver时，首先需要创建和设置工作区。
（1）在Dreamweaver的菜单栏上选择“窗口”，再选择“工作区”。
（2）在出现的“工作区”窗口中，我们可以通过选择预设布局或自定义布局来定义一种合适的工作布局。
（3）在定义完工作布局后，单击“确定”按钮即可将工作区布局设置为我们所定义的样式。
二、设置面板组面板组是Dreamweaver的帮助工具，通过面板组，我们可以快速地进行搜索、编辑、制作等工作。
在工作区域中，我们可以对面板组进行添加、设置、关闭等操作。
在Dreamweaver 窗口的左侧，有一系列常用的面板组，内容包括实时视图、代码视图、属性、搜索、文件等。
在使用这些面板时，我们可以单击其标签区或标题栏，将其打开或关闭。
三、设置菜单栏和工具栏Dreamweaver的菜单栏和工具栏是非常重要的帮助工具，在我们使用Dreamweaver时，可以通过菜单栏来选择所需的操作或功能，通过工具栏来快速进行常用操作。
在Dreamweaver 窗口的顶部，有一列菜单栏，包括文件、编辑、视图、插入、格式、命令、窗口和帮助等选项。
在菜单栏中的各个选项中，我们可以快速地找到我们所需要的功能或操作。
在Dreamweaver窗口的中部，有一个工具栏，列出了一些常用的工具，包括文件、剪贴板、样式、元素、行动等选项。
在使用Dreamweaver时，我们可以通过工具栏快速选择所需的操作或功能。
DREAMWEAVERcs6模块10使用模板和库
模块十 使用模板和库
任务一 使用模板
步骤9：同样的方法在表格的第二行二列中新建可编辑区域，第四行两列 分别新建可编辑区域。 步骤10：在四个可编辑区域输入相关的信息如图10-7所示。 步骤11：使用“Ctrl+s”组合键保存模板。
图10-7 最终的效果
模块十 使用模板和库
任务二 使用模板创建文档 内容介绍：
。 使用库能够有效地减少一些重复性的操作，例如链接的设置等。另一
方面，使用库的更新功能还能减少网站的维护量。
模块十 使用模板和库
任务三 创建、管理和编辑库项目 子任务1 创建库项目：
新建“ku10-3”库项目后插入表格。 步骤1：打开Dreamweaver CS6，执行【窗口】→【资源】菜单命令，打开 【资源】面板，单击该面板上的 图标，装换到“库”选项中，如图10-20 所示。 步骤2：单击“资源”面板的有下脚的 图标。
图10-22 插入表格后的库
模块十 使用模板和库
任务三 创建、管理和编辑库项目 子任务2 使用库项目：
步骤1：新建index10-3.html文件，如图10-23所示。 步骤2：在图10-23上的资源框内“ku10-3”库文件拖到左侧的“index103.html”里后如图10-24所示。
图10-23 插入库前
图10-19 index10-2-2.html和index10-2-3.html
模块十 使用模板和库
任务三 创建、管理和编辑库项目 内容介绍：
。 在Dreamweaver CS6文档中，可以将任何元素创建为库项目，这些元
素包括文本、图像、表格、表单、插件、ActiveX控件以及Java程序等。库 项目文件的扩展名为.lbi，所有的库项目都被保存在一个文件中，且库文件 的默认设置文件夹为“站点文件夹\Library”。
DreamWeaver建站与模板的使用
DreamWeaver建站与模板的使⽤实训⼆ DreamWeaver建站与模板的使⽤⼀、实训⽬的1.掌握DreamWeaver 8.0建站的基本⽅法。
2.模版的创建。
3.模版的调⽤⽅法。
4.简单使⽤模板。
⼆、实训准备DreamWeaver 8.0 软件环境。
三、实训内容与实训步骤（⼀）新建站点1.在本地硬盘中新建⼀个⽂件夹（⽂件夹命名⽤英⽂命名，不要出现中⽂），如D:\mysite,该⽂件夹⽤来存放⽹站所有⽂件。
在Dreamweaver中选择“管理站点”/“新建”命令，此时将显⽰“站点定义”对话框。
2.启动Dreamweaver，在菜单“站点\新建站点”中完成站点设置。
新建站点操作如下：1）单击“新建”-〉“站点”，出现站点定义对话框2）单击“基本”选项卡以使⽤站点定义向导，或者单击“⾼级”选项卡以使⽤“⾼级”设置。
图2-1按照提⽰完成各项设置：作为初学者，可以选择“基本”，⼀步步地完成设置。
作为熟练⽤户，可以选择“⾼级”完成设置。
下⾯对各项进⾏说明：站点名称：是指⽹站的名称，⼀般情况下，可以根据⽹站的主题内容给予命名。
可以⽤中⽂。
本地根⽂件夹：即⽹站所在的⽂件夹。
也就是第⼀步所创建的⽂件夹。
如D:\mysite。
完成本地信息设置后，即可进⼊远程信息与测试服务器的设置。
图2-23.选择“否，我不想使⽤服务器技术”，然后单击【下⼀步】按钮。
4.选择“编辑我的计算机上的本地副本，完成后再上传到服务器”。
5.单击“您将把⽂件储存在计算机上的什么位置”⽂本字段旁的⽂件夹图标，选择存储⽹页的本地⽂件夹。
6.在“选择站点lyw的本地根⽂件夹：”对话框中，单击“选择”栏的下三⾓按钮，然后选择⽂件夹“lyw”，单击【选择】按钮完成根⽂件夹的设置。
单击【下⼀步】按钮。
7.在“你如何连到远程服务器？”选项中，从下拉列表框中选择“⽆”后单击【下⼀步】按钮。
8.单击【下⼀步】按钮时，将显⽰⼀份总结，简要描述了选定的选项。
如何使用Dreamweaver进行网站排版
如何使用Dreamweaver进行网站排版Dreamweaver是一款常用的网页设计及开发工具，它提供了丰富的功能和工具，能够帮助用户进行网站排版。
本文将介绍如何使用Dreamweaver进行网站排版。
第一章：Dreamweaver简介Dreamweaver是一款由Adobe开发的网页设计工具。
它支持多种网页编程语言，如HTML、CSS、JavaScript等。
Dreamweaver 提供了可视化设计界面和强大的代码编辑功能，使得网站排版更加轻松高效。
第二章：创建网页在开始网站排版之前，首先需要创建一个新的网页。
在Dreamweaver中，可以点击菜单栏上的“文件”-“新建”来创建一个新网页。
在弹出的对话框中，选择“空白网页”作为模板，并设定所需的页面属性，如标题、背景颜色等。
第三章：使用基本布局工具Dreamweaver提供了一些基本的布局工具，帮助用户进行网站排版。
其中最常用的是“div”标签。
用户可以使用“div”标签创建不同的区块，并通过CSS对其进行样式设置。
另外，还可以使用表格、栅格系统等工具进行网站布局。
第四章：样式设置网站排版的一个重要方面是样式设置。
在Dreamweaver中，用户可以使用CSS对网页元素进行样式设置。
通过选择元素，然后在CSS样式面板中设置不同的属性，如字体、颜色、大小等，可以实现对网页的排版和设计。
第五章：网页导航一个好的网站排版不仅要有美观的布局，还需要合理的导航结构。
在Dreamweaver中，可以使用导航工具和链接工具来创建网页导航栏和链接。
通过选择导航栏样式，添加链接并设定链接目标，可以实现网站内部或外部页面的导航。
第六章：响应式设计现在的网站排版不仅要适应桌面浏览器，还需要适应不同的设备和屏幕尺寸。
在Dreamweaver中，可以使用响应式设计工具来创建适应不同设备的网页。
通过使用媒体查询和设置不同的样式规则，可以实现网站在不同设备上的优化排版。
第七章：网站优化优化网站排版可以提高用户体验和网站的性能。
Dreamweaver中设计响应式网页布局的教程
Dreamweaver中设计响应式网页布局的教程第一章：Dreamweaver简介Dreamweaver是一款功能强大的网页设计工具，由Adobe公司开发和维护。
它提供了丰富的设计工具和功能，以帮助开发人员创建现代、响应式的网页布局。
本章将介绍Dreamweaver的基本特点和界面布局。
1.1 Dreamweaver的主要特点- 代码和设计视图：Dreamweaver提供了代码视图和设计视图，使开发人员可以方便地切换和编辑网页的HTML、CSS和JavaScript代码。
- 响应式设计工具：Dreamweaver内置了响应式网页设计工具，可以根据不同的屏幕尺寸和设备类型，自动调整网页布局。
- 预览和调试：Dreamweaver可以实时预览网页，在设计过程中即时查看网页在不同设备上的呈现效果。
- 模板和库：Dreamweaver提供了丰富的网页模板和库，开发人员可以基于这些模板快速构建网页。
1.2 Dreamweaver的界面布局Dreamweaver的界面布局由多个面板组成，每个面板都有特定的功能和工具。
以下是Dreamweaver的主要面板和它们的功能：- 文件管理器面板：用于管理网页项目的文件和文件夹。
- 代码编辑面板：用于编辑和查看网页的HTML、CSS和JavaScript代码。
- 样式面板：用于编辑和管理网页的样式表。
- 响应式设计面板：用于设置和调整网页的响应式布局。
- 属性面板：用于编辑和查看网页元素的属性。
- 图像和多媒体面板：用于管理和插入图像、音频和视频等多媒体元素。
- 预览面板：用于实时预览网页在不同屏幕尺寸和设备上的呈现效果。
第二章：创建响应式网页布局本章将介绍如何在Dreamweaver中创建响应式网页布局。
2.1 创建新网页项目首先，打开Dreamweaver并点击“文件”菜单中的“新建”选项。
在弹出的对话框中，选择“空白网页”并设置网页的标题和目标文件夹。
点击“创建”按钮创建新的网页项目。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
如果在靠近布局表格边缘的位置绘 制单元格，则单元格的边缘会自动与包 含它的布局表格的边缘对齐。若要临时 禁用靠齐，在绘制单元格时按住【Alt】 键即可。
首页 末页 向上 向下 返回 结束 调音
局 表格布局页面的方法，模 板的创建及其使用方法。
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
课堂讲解
“布局”模式 模板和库 使用资源列表
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
图10-3
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
该对话框中各项参数的含义如下。 自动插入间隔符：指定Dreamweaver是否应该在将列设置 为自动伸展时自动插入间隔符。 站点的间隔图像：为的站点设置间隔图像文件。从下拉列 表中选择一个站点，然后单击 按钮创建一个新的间 隔图像文件，或 单击按钮定位该站点中现有的间隔 图像文件。 单元格外框：设置布局单元格外框的颜色。 表格外框：设置布局表格外框的颜色。 表格背景：设置布局表格中没有布局单元格的区域的颜色 （4）设置完成后单击 按钮保存设置即可。
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
绘制嵌套布局表格的具体操作如下。 （1）切换到“布局”模式。 （2）在“插入栏”的“布局”选项卡中单 击“绘制布局表格”按钮 。 （3）将鼠标光标放置在页面上，此时鼠标 光标变为加号（+）。 （4）指向现有布局表格中的空白（灰色） 区域，然后拖动鼠标以创建嵌套布局表格。
《中文版Dreamweaver MX 2004网页制作培训教程 》
第十课 布局模式、模板与资源列表
课前导读 课堂讲解 上机实战 课后练习
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
课前导读
基础知识 重点知识
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
移动布局表格的具体操作如下。 （1）通过单击表格顶部的标签选择一个表格，该表格 周围会出现选择控制点。 （2）执行下列操作之一： 按住鼠标左键直接将表格拖到页上的另一个位置； 按键盘上的方向键移动该表格，每次可移动1个像 素。如果按住【Shift】键的同时再按方向键移动 该表格，每次可移动10个像素。
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
图10-5 ：选中该单选项将单元格设置为 固定宽度。在旁边的数值框中输入宽度 （以像素为单位）。图10-6 “选择占位 图像”对话框 ：选中该单选项使单元格能够 自动伸展。
某些表格单元格可能在垂直方向上会收缩。
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
图10-4
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
布局单元格的大小调整及布局表格的移动 可以调整布局单元格的大小或移动它们， 但是不能使它们重叠。对单元格进行移动或调 整大小之后，该单元格不能跨越包含它的布局 表格的边框。布局单元格不能小于其内容的大 小。只有当布局表格嵌套在另一个布局表格中 时，才可以移动该布局表格。 调整布局单元格大ቤተ መጻሕፍቲ ባይዱ的具体操作如下。
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
（2）在“插入”栏的“布局”选项卡中单击“绘 制布局表格”按钮 。 （3）将鼠标光标放置在页面上，此时鼠标光标变 为加号（+）。 （4）将鼠标移到要创建表格的左上角位置并按住 鼠标不放拖动到要创建表格的右下角后释放鼠标。 若要绘制多个布局表格，只需在绘制布局表格时 按【Ctrl】键拖动便可以连续绘制出多个布局表格。
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
设置布局表格和单元格属性
可以通过属性面板来更改任何布局单元格或表格的 外观，包括宽度和高度、背景颜色以及单元格内容的对 齐方式等。 布局单元格属性设置 在属性面板中设置布局单元格格式的具体操作如下。 （1）选择一个单元格，单击该单元格的边缘，或者在 按住【Ctrl】键的同时单击该单元格中的任何位置。 （2）在属性面板中设置各项参数，属性面板如图 10-5所示。
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
调整布局表格和布局单元格
当创建布局单元格时，Dreamweaver会自动 指定单元格的高度，使单元格以绘制的高度显 示，即使单元格是空的也是如此。将内容插入 到单元格之后，可能不再需要指定高度，则可 清除所有高度，让表格自动根据单元格中的内 容进行高度调整。另外，可能还会根据需要对 布局表格或布局单元格的大小、位置等进行调 整，下面具体讲解。
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
在布局表格中添加具体内容
在“布局”模式中可以将文本、图像和 其他内容添加到布局单元格中，就像在“标 准”模式中将内容添加到表格单元格一样。 单击要添加内容的单元格，然后输入文本或 插入其他内容即可。 只能将内容插入布局单元格中，而不是 布局表格的空白（灰色）区域，因此在可以 添加内容之前，必须先创建布局单元格。
切换到“布局”模式
在绘制布局表格或布局单元格之前，必须从 “标准”模式切换到“布局”模式。要从“标准” 模式（设计视图）切换到“布局”模式，可执行 如下操作。 （1）执行如下操作之一： 选择[查看][表格模式][布局模式]菜单命令； 在“插入栏”的“布局”选项卡中单击 按钮。
首页 末页 向上 向下 返回 结束 调音
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
绘制布局单元格 绘制布局单元格的具体操作如下。 （1）切换到“布局”模式。 （2）在“插入”栏的“布局”选项卡中单击“绘制布局 单元格”按钮 。 （3）将鼠标光标放置在页面上，此时鼠标光标变为加号 （+）。 （4）将鼠标移到要创建布局单元格的左上角位置并按住 鼠标不放拖动到要创建布局单元格的右下角后释放鼠标。若 要绘制多个布局单元格，只需在绘制布局单元格时按【Ctrl】 键拖动即可。
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
（2）首次执行以上操作之一后，会打开“从 布局模式开始”对话框，如图10-1所示，在该对 话框中给出在“布局模式”下创建表格的方法的 提示。 （3）单击 按钮即可切换到布局模式。 切换到“布局”模式后，在“文档”窗口的顶部会 出现标有“布局模式”的蓝色长条。如果当前页 上存在表格，这些表格则会显示为布局表格，如 图10-2所示。
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
（1）选择要调整大小的布局单元格， 方法是单击该单元格的边缘，或者在按住 【Ctrl】键的同时单击该单元格中的任何 位置。所选布局单元格周围将出现选择控 制点。 （2）拖动选择控制点来调整单元格的 大小。单元格边缘会自动与其他单元格的 边缘靠齐。
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
删除单元格高度 删除单元格高度可执行如下操作之一： 单击表格标题菜单，然后选择“清除所有高度” 命令，如图10-4所示。 通过单击表格顶部的选项卡选择一个布局表格， 然后单击属性面板中的“清除行高”按钮 。 当Dreamweaver删除该表格中指定的所有高度时，
首页 末页 向上 向下 返回 结束 调音
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
认识“布局视图”
页面上显示的布局表格外框为绿色， 而布局单元格外框为蓝色。当鼠标光标移 动到表格单元格上时，Dreamweaver会高 亮显示该单元格（单元格边框线变为红 色），如图10-2所示。
零点 起飞电脑培训学校
《中文版Dreamweaver MX 2004网页制作培训教程 》
绘制嵌套布局表格 可以将一个布局表格绘制在另一个布局表 格中，即创建嵌套表格。对外部表格所进行 的更改不会影响嵌套表格中的单元格。例如， 当更改外部表格中行或列的大小时，内部表 格中单元格的大小不发生变化。可以插入多 级嵌套表格。嵌套布局表格的大小不能超过 包含它的表格。