（1）列宽的调整：
方法一：拖动要更改的列的右边线。（相邻列的宽度也 更改了，表格的总宽度不变。）按下Shift键后再拖动可以保持其他列宽不受影响。
方法二：选择列，在属性面板中指定宽度。 （2）行高的调整：
方法一：拖动要更改的行的下边线。（相邻行的高度也更改了，表格的总高度改变。）按下Shift键后再拖动可以保持其他行高不受影响。
方法二：选择行，在属性面板中指定高度。 注意：
当选定了表格或表格中有插入点时， Dreamweaver CS3会显示表格宽度和每个表格列的列宽。宽度旁边是表格标题菜单与列标题菜单的箭头。如果没有看到表格的宽度或列的宽度，则说明没有指定该表格或列的宽度。如果出现两个数，则说明“设计” 视图中显示的可视宽度与 HTML 代码中指定的宽度不一致。当拖动表格的右下角来调整表格的大小，或者添加到单元格中的内容比该单元格的设置宽度大时，会出现这种情况。
例如，如果将某列的宽度设置为 200 像素，而添加的内容将宽度延长为 250 像素，则该列将显示两个数：200 （属性中指定的宽度）和 (250) （带括号，表示该列呈现在屏幕上的可视宽度）。
5．行、列的添加与删除
（1）行或列的插入：用鼠标指向某单元格单击右键，在弹出菜单中执行“表格”→“插入行”或“表格”→“插入列”命令，可在当前光标所在行或列位置插入一行或一列。
将光标定位在末行的最后一个单元格中，按“Tab”键可在表格的最下边添加一行。 （2）行或列的删除：用鼠标指向某单元格单击右键，在弹出菜单中执行“表格”→“删除行”或“表格”→“删除列”命令，可在删除当前光标所在行或列。 6．删除表格
方法：选中表格，按Delete键，或者执行“编辑”→“清除”命令。
第3课时
三、 设置表格属性
? 在设置表格属性前，首先要插入表格并选择表格。 ? 将光标定位在插入的表格中，此时表格的上方或下方出现带有标注的绿线，单击绿线区
域即可选取光标所在的表格。如果没有绿线，则可以通过在表格左下方的标签栏上单击标签来选取表格。 ? 选取表格后，【属性】面板如下图所示。
四、 设置单元格属性
按住鼠标左键拖动选取需要的单元格后，其【属性】面板如下图所示。
教学小结：
16
介绍了网页布局中常用的布局方式-----表格和创建、编辑、属性设置及在网页中的应用。 课堂作业：
在网页布局中表格有什么作用？ 板书设计：
任务2 AP元素的应用
教学目标：
1．AP元素的概念；
2．在网页中插入AP元素； 3．AP元素属性的设置； 教学重点：
1．网页中AP元素的应用； 2．AP元素的属性设置； 教学难点：
网页中AP元素的应用 教学方法：
任务驱动法、实例演练法 教具准备：
多媒体教学环境 教学内容：
一、AP元素的概念 1． AP元素的概念
它是分配有绝对位置的HTML页面元素，就是div标签或其他任何标签，但通常是绝对定位的div标签。在以前的版本中，通常称为“层”。AP元素可以包含文本、图像或其他任何可放置到HTML文档正文中的内容。可以将它定位在页面上的任何位置，对页面上的元素进行重叠和复杂的布局。 2． AP元素的面板
二、层的基本操作
层也是进行网页布局的一种工具。由于层具有浮动性，可以在窗口中随意拖动，因此它的定位相对于表格更为灵活。例如，要在网页左右侧空白处或浮于网页上方添加一些广告、宣传画等，就可以通过层来完成。 1．创建层
17
选择插入工具栏上“布局”选项， 单击“布局”面板上的“绘制AP Div”按钮，移动鼠标到文档区域，鼠标指针变成十字形，在网页中看拖动鼠标，绘出蓝色矩形区域。 2．层的选择
（１）单击层的边框。
（２）单击层的选择柄（位于层的左上方）。 3．层的删除
选择层后按
? 单击层边框选中层，其【属性】面板如下图所示。
?
如果要使多个层对齐、大小一致等，则按住【Shift】键选中这些层，然后在【属性】面板中设置对应的参数。 1．可见性
Default：默认 Inherit：继承 Visible：可见 Hidden：隐藏 2．溢出
Visible：AP元素将向右向下扩大以显示AP元素内的全部内容。 Hidden：只显示AP元素尺寸以内的内容。
Scroll：不改变AP元素的大小，但增加滚动条，不管AP元素是否能够显示全部的内容都会显示滚动条。
Auto：只有在AP元素不能显示全部内容的时候才出现滚动条。 3．Z轴
其数值代表在垂直平面的方向上AP元素的序号，序号大的AP元素显示在上面。 四、表格与层的相互转换
? 在DreamweaverCS3中，表格与层之间可以相互转换。有些低版本的浏览器不支持层功
能，为了使网页的访问面扩大，可以将网页中的层转换为表格。
? 选择【修改】→【转换】→【AP DIV转换为表格】命令，可将层转换为表格。 ? 选择【修改】→【转换】→【表格转换为AP DIV】命令，可将表格转换为层。 教学小结：
介绍了另外一种网页布局的方法------AP元素，讲述了AP元素的创建、编辑及属性设置方法。 教学作业：
说出AP元素在网页布局中的作用及它与表格之间的区别？ 板书设计： 教学反思：
AP元素这种网页布局的方法比较灵活，可以弥补表格布局的缺陷，它们可以相互配合地运用使得网页的效果更好。
18
第4章 超级链接
本章教学目标：
1．掌握超链接基础知识以及超链接的创建、设置、更改方法；
2．能运用超链接知识，创建文本链接、锚点链接、电子邮件链接、图像映射； 3．掌握链接基础知识；
4．掌握链接的创建、设置与更改；
5．掌握锚点链接、电子邮件链接、图像映射等创建和设置方法； 6．了解链接检查与测试； 本章教学重点：
文本链接和图片链接的创建方法 本章教学难点：
创建映射图像链接的方法 教学方法：
讲授、多媒体演示及观看声像资料等
任务1 为“我的作品”添加超文本链接
教学目标：
1．理解掌握超级链接的含义及精髓； 2．掌握超链接的分类；
3．掌握超级链接的链接目标； 教学重点：
1．超链接的分类；
2．超级链接的链接目标； 教学难点：
超级链接的创建方法； 教学方法：
示例讲述法，任务驱动法 教学内容：
一、超级链接的分类
在“属性”面板中的“链接”文本框中直接输入要链接地址“.htm ”，如果链接文件位于本地站点目录中，也可以点击“浏览文件”按钮在硬盘上查找文件。 1．链接目标：
_blank：将被链接文档显示在一个新的未命名的框架或窗口内，在内部链接或外部链接中的主要分类页面时多用于此方式。
_parent：将被链接文档显示在包含链接的框架的上一级框架或者窗口内。多应用在框架结构的网页中。
_seft：将被链接文档显示在和链接所在的同一框架或窗口内，这是默认的链接打开方式，通常没有指定时就会被采用。
_top：将被链接文档显示在整个浏览器窗口并取消所有框架，同样多应用在框架结构的网页中。
2．链接的类型
一个网站是由多个页面组成的，而这些页面之间依据链接确定相互之间的导航关系。 超级链接由两部分组成：链接载体（如：文本、图像、图像热区、动画等 ）和链接目
19
标（如：页面、图像、声音、程序、其他网站、Email甚至是页面中的某个位置 – 锚点。） 链接的类型
* 内部链接：同一网站文档之间的链接。 * 外部链接：不同网站文档之间的链接。
* 锚点链接：同一网页或不同网页中指定位置的链接。 * E-mail链接：发送电子邮件的链接。 3．链接路径
（1）绝对路径，为文件提供完全的路径，包括适用的协议，例如http、ftp，rtsp等。 如：http://gfkj.zzedu.net.cn
（2）相对路径，相对路径最适合网站的内部链接。
如果链接到同一目录下，则只需要输入要链接文件的名称。要链接到下一级目录中的文件，只需要输入目录名。然后输入“/”，再输入文件名。如链接到上一级目录中的文件，则先输入“../”再输入目录名，文件名。
（3）根路径：是指从站点根文件夹到被链接文档经由的路径，以前斜杠开头。 例如：
/pag/ grzl.html就是站点根文件夹下的pag子文件夹中的一个文件（grzl.html ）的根路径。
二、超级链接的创建 1．外部链接
（1）直接输入地址
选中要加超链接元素，在属性面板中，“链接”文本框直接输入外部绝对地址，如下图所示。
（2）使用超级链接对话框
选中要加超链接元素,单击常用快捷栏中的“超级链接”按钮。如图所示。弹出“超级链接”对话框，
2．内部链接
在文档窗口选中文字，单击属性面板“链接”后的 按钮，弹出“选择文件”对话框，选择要链接到的网页文件，即可链接到这个网页。
我们也可以拖动“链接”后的 按钮到站点面板上的相应网页文件，则链接将指向这个网页文件。 3．E－mail链接
单击常用快捷栏中的“电子邮件链接”按钮。弹出“电子邮件链接”对话框，在对话框的文本框那输入要链接的文本，然后在E-mail文本框内输入邮箱地址即可。也可以直接在“属性”对话框中直接输入mailto:E-mail 。 4．锚点链接
20