网页制作3

3.2 绘制布局表格、布局单元格、嵌套布局表格 绘制布局表格、布局单元格、
注意 若表格与其他表格的间距小于8个像素，表格会自动吸附在一起。 （1）若表格与其他表格的间距小于8个像素，表格会自动吸附在一起。绘制表 格时按住Alt键取消吸附功能。（单元格也是如此 键取消吸附功能。（单元格也是如此） 格时按住Alt键取消吸附功能。（单元格也是如此） 嵌套布局表格中的单元格不受外层布局表格的行和列约束， （2）嵌套布局表格中的单元格不受外层布局表格的行和列约束，用户可以插入 多个嵌套布局表格。嵌套布局表格不能比包含它的布局表格还大。 多个嵌套布局表格。嵌套布局表格不能比包含它的布局表格还大。 在布局模式下可以将文本、图像等内容添加到布局单元格中， （3）在布局模式下可以将文本、图像等内容添加到布局单元格中，就像在标准 模式下将内容添加到单元格一样。 模式下将内容添加到单元格一样。当添加的内容超过布局单元格大小时单元格 将自动扩大，其四周的布局单元格也会受到影响。 将自动扩大，其四周的布局单元格也会受到影响。
注意： 1）外层的表格不能移动，只有嵌套在其他表格中的表格才能移动。 2）布局表格可以用鼠标拖动或用方向键移动，布局单元格使用方向键移动。 3）每按一次方向键，布局表格或单元格就会在相应方向移动一个像素。若同时按方向键和shift键， ）每按一次方向键，布局表格或单元格就会在相应方向移动一个像素。若同时按方向键和shift键， 则会在相应方向移动10个像素。 则会在相应方向移动10个像素。
3.3 调整布局表格及布局单元格
返回
3.3 调整布局表格及布局单元格
在布局模式中，用户可以自由的移动表格及单元格并改变它们的大小。 选择布局表格和布局单元格 清除布局单元格的高度---单元格就自动适应文本内容了 清除布局单元格的高度---单元格就自动适应文本内容了 调整布局表格和布局单元格的大小 移动布局表格和布局单元格
返回
二、表格的应用
2.1 创建表格 2.2 选择表格对象（表格整体、单元格、行、列） 2.3 调整表格的结构
插入/删除行或列、合并/ 插入/删除行或列、合并/拆分单元格、调整表格大小、调整表格中行或列的大小
2.4 向表格中添加内容 2.5 修改表格属性 2.6 设置单元格属性
1）当调整某个单元格的高度时，与它同行的单元格高度同时发生变化；当调整某个单元格 的宽度时，与他同列的单元格宽度也发生变化。 2）将单元格转换为表头 “选定单元格---勾选属性面板的‘标题’复选框 “选定单元格---勾选属性面板的‘标题’复选框 （表头是特殊的单元格，它和单元格的区别在于其中的文字自动变成粗体，而且位于单元 格的中央）
第3讲
一、超链接的使用 一、超链接的使用 二、表格的应用 二、表格的应用 三、网页布局设计 三、网页布局设计
一、超链接的使用
1.1 超链接的定义、构成和分类 1.2 链接的创建 1.3 锚记链接 1.4 下载文件链接 1.5 热点链接
返回
1.1 超链接的定义、构成和分类 超链接的定义、
定义
超链接是网站的灵魂，在本质上属于一个网页的一部分，它是一种 允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起 后，才能真正构成一个网站。 所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标 可以是另一个网页, 可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片， 一个电子邮件地址，一个多媒体文件，甚至是一个应用程序（如下载程 序）。而在一个网页中链接的载体，可以是一段文本或者是一个图片。 在网页中，一般文字上的超链接都是蓝色（默认为蓝色, 在网页中，一般文字上的超链接都是蓝色（默认为蓝色,当然也可以 通过css代码来调整为其他颜色），文字下面有一条下划线。当移动鼠标 通过css代码来调整为其他颜色），文字下面有一条下划线。当移动鼠标 指针到该超链接上时，鼠标指针就会变成一只手的形状，这时候用鼠标 左键单击，就可以直接跳到与这个超链接相连接的网页或WWW网站上去。 左键单击，就可以直接跳到与这个超链接相连接的网页或WWW网站上去。 如果用户已经浏览过某个超链接，这个超链接的文本颜色就会发生改变 （默认为紫色）。只有图片的超链接访问后颜色不会发生变化
创建空链接
空链接也就是没有链接对象的链接,在空链接中,目标URL是用“ 空链接也就是没有链接对象的链接,在空链接中,目标URL是用“#”来表示的。也就是说制 作链接时,只要在属性板的“链接”输入框中录入#标记, 作链接时,只要在属性板的“链接”输入框中录入#标记,它就是个空链接了。空链接的出现 涉及到多方面的因素，比如一些没有定期完成的页面，又为了保持页面显示上的一致（链 接样式与普通文字样式的不同），就可以使用它了。等有内容了，再把连接改到那个位置
采用绝对尺寸，表格中所套的表格采用相对尺寸，这 样定位出来的网页才不会随着显示器分辨率的差异而 引起混乱。
二、表格的应用
使网页适合不同的分辨率：在制作网页时先 使网页适合不同的分辨率：
在网页中制作一个1 在网页中制作一个1×1的表格，然后将这个表格的宽度单 位设为“像素”，这样制作出来的网页就能适应不同的分 辨率了。
够快速到达本页内相应的位置（比如快速到页首、 页尾或者网页中某篇文章处），便于浏览者查看 网页内容。类似于我们阅读书籍时的目录页码或 章回提示。
1.3 锚记链接
锚记链接的创建
（1）添加命名锚记 （2）修改命名锚记 （3）创建到命名锚记的链接
选定要创建锚记链接的文本或图片----属性面板---链接文本框中输入“#a1” 选定要创建锚记链接的文本或图片----属性面板---链接文本框中输入“#a1” “常用插入栏---命名锚记按钮---输入命名锚记名称a1” 常用插入栏---命名锚记按钮---输入命名锚记名称a1”
1.1 超链接的定义、构成和分类 超链接的定义、
构成
超链接由两个端点及一个方向构成。 源端点（开始位置）———〉 源端点（开始位置）———〉目标端点
源端点可以是一段文本或者是一个图片。 目标端点可以是另一个网页, 目标端点可以是另一个网页,也可以是相同网页上的不同位置，还 可以是一个图片，一个电子邮件地址，一个多媒体文件，甚至是一个 应用程序（如下载程序）。
修改布局表格和布局单元格的属性
单击：属性面板---“ 单击：属性面板---“删除嵌套”按钮，将会删除嵌套表格，但嵌套表格内的文字图像等内容不发生变化
设置列宽度
在布局模式中可以使用两种类型的宽度：固定宽度 在布局模式中可以使用两种类型的宽度：固定宽度（是一个指定的数值宽度，以数字的形式显示）和自动 固定宽度（是一个指定的数值宽度，以数字的形式显示）和自动 伸展（宽度根据窗口大小自动调整，无论浏览者使用多大的窗口，布局总是充满浏览器窗口）。若使用自 伸展（宽度根据窗口大小自动调整，无论浏览者使用多大的窗口，布局总是充满浏览器窗口）。若使用自 动伸展列，DM需要在其他列中放置间隔图像。 动伸展列，DM需要在其他列中放置间隔图像。
二、表格的应用实例
利用表格美化页面—带有层次感的表格
利用表格布局页面示例
返回
三、网页布局设计
3.1 布局模式（“插入栏/布局类别” ） 插入栏/布局类别”
在布局模式下，可以在添加内容前使用布局表格和布局单元格来对页面进行 在布局模式下， 布局，布局表格外框显示为绿色，布局单元格外框为蓝色。 布局，布局表格外框显示为绿色，布局单元格外框为蓝色。
链接就是由源端点指向目标端点的一种跳转。
1.1 超链接的定义、构成和分类 超链接的定义、
分类
根据源端点的不同： 根据源端点的不同： 超文本（Hypertext）：源端点为文本的链接 超文本（Hypertext）：源端点为文本的链接 ）： 超链接（Hyperlink）： ）：利用文本以外的对象作为源端点所创建的链接 超链接（Hyperlink）：利用文本以外的对象作为源端点所创建的链接 根据目标端点的不同： 根据目标端点的不同： 内部链接（目标端点是站点目录内的文件） 内部链接（目标端点是站点目录内的文件） 外部链接（目标端点是站点目录之外的文件） 外部链接（目标端点是站点目录之外的文件） 邮件链接（目标端点是邮件发送程序，联系人的地址也已经填写好了） 邮件链接（目标端点是邮件发送程序，联系人的地址也已经填写好了） 网页上的超链接一般分为三种：一种是绝对URL的超链接。URL（Uniform 的超链接。 网页上的超链接一般分为三种：一种是绝对URL的超链接 URL（ Resource Locator）就是统一资源定位符，简单地讲就是网络上的一个站点、 Locator）就是统一资源定位符，简单地讲就是网络上的一个站点、 网页的完整路径。第二种是相对URL的超链接 的超链接。 网页的完整路径。第二种是相对URL的超链接。如将自己网页上的某一段文 字或某标题链接到同一网站的其他网页上面去。 字或某标题链接到同一网站的其他网页上面去。第三种称为同一网页的超链 这种超链接又叫做书签链接或锚点超链接。 接，这种超链接又叫做书签链接或锚点超链接。
使用间隔图像
间隔图像：是一种不会在浏览器窗口中显示的透明GIF图像，主要用于控制自动伸展表格中的间距，以控 间隔图像：是一种不会在浏览器窗口中显示的透明GIF图像，主要用于控制自动伸展表格中的间距，以控 制布局。用户可以在每列中插入和删除间隔图像，或者让DM在创建自动伸展列时自动添加间隔图像，包含 制布局。用户可以在每列中插入和删除间隔图像，或者让DM在创建自动伸展列时自动添加间隔图像，包含 间隔图像的列在其顶部出现双线。
（4）创建返回顶部的链接
在网页顶部添加一个命名锚记，命名为top，选定“返回顶部”文本“ 在网页顶部添加一个命名锚记，命名为top，选定“返回顶部”文本“创建命名锚记 链接
返回
1.4 下载文件链接
下载文件链接是比较常用的链接，网站的 下载服务提供的就是下载文件链接。 步骤：
选中要添加链接的文本----属性面板---- 链接”右侧的“浏览文件”按钮----选 选中要添加链接的文本----属性面板---- “链接”右侧的“浏览文件”按钮----选 择文件对话框-----将文件复制到download文件夹下----保存并按F12键浏览网页 择文件对话框-----将文件复制到download文件夹下----保存并按F12键浏览网页