网页制作CH6_超链接
(2)在现有的表格中插入单元列,可以选择以上的操 作之一: • 将光标移到在插入单元列的右边一列 ,选择“修 改”|“表格”|“插入列”命令。 • 将光标移到要插入单元列的右边一列 ,按组合键 “Ctrl+Shift+A”。
• 将光标移到要插入单元列的右边一列,单击鼠标右
键,在弹出的快捷菜单中选择“表格”|“插入列”
6.1.4 创建锚记超链接
锚记,也称为书签或锚点,用来标记文档中的 特定位置,使用其可以跳转到当前文档或其他文档
中的标记位置,免去浏览者翻阅网页寻找信息的麻
烦。在网页中加入锚记包括两方面的工作,一是在
网页中创建锚记,另一个就是为锚记建立链接。
1.创建锚记
创建锚记的步骤如下: (1)将光标移到需要加入锚记的地方,一般是将光 标放置在一行或是一段文字的开头部分。 (2)单击插入“常用”面板上的按钮,或是选择 主窗口的菜单“插入”|“命名锚记”命令,将弹 出“命名锚记”对话框。
③ 锚记名称区别英文字母的大小写。
④ 锚记名称间不能含有空格,也不能含有特殊字符。
2.链接锚记
创建锚记后,还必须链接锚记。选择想要链接 到锚记的文字或图片,然后按如下方法中的任意一 种进行操作。 (1)在属性面板上的“链接”文本框中输入符
号# 和锚记名称。
• (2)选择文字或图片后,按住Shift键,然后拖动
(3)在“目标”下拉列表框中选择目标文件打开的方
式。 且在文字底部出现一条下划线,即文字的超链接设置 完成。在键盘上按“F12”键,即可将网页在浏览器
设置结束后,在网页中被选择的文字改变了颜色,
中打开。单击链接的文字,即可打开目标文件。
2.编辑文本超链接
(1)设置文本链接的状态 一个未被访问过的链接与一个被激活的链接 在形式上肯定会有所区别,链接被访问过了也会 发生变化,提示用户这是一个已经点击过的链接, 所有这些都是链接的状态。通过设置不同的文本 颜色可以使各个状态区别开来。
置,然后单击“确定”按钮,设置的多列或多行将插
入到页面中。
(4)删除整行/整列,可以采用下列办法之一: • 先选择欲删除的整行或整列,直接按Del键,即可删 除。 • 先将光标移到要删除的行或列中,选择“修 改”|“表格”|“删除行”或“删除列”命令。 • 将光标移到要删除的行或列中,单击鼠标右键,在
执行完上述任何一种操作,都可以看到如图所示 的“插入表格”对话框。
• • • •
行数:初次指定表格的总行数。 列数:初次指定表格的总列数。 单元格填充:指定单元格的大小,以像素为单位。 单元格间距:指定单元格之间的距离,以像素为单位。 分比用于根据浏览器窗口的大小来自动调整表格的宽
• 宽度:指定表格的宽度,以百分比或像素为单位(百
为:文本超链接、图像超链接、E-mail链接、锚点链
接、多媒体文件链接、空链接等
3.文档路径类型
在一个网站中,有绝对路径、和根目录相对路 径以及和文档相对路径3种类型的文档路径。 绝对路径:是包含服务器协议(对于网页来说 通常是http://或ftp://)的完全路径。 和文档相对的路径:是指一个文档与当前文件 夹间相对的路径。
(3)在对话框的“锚记名称”文本框输入锚记的名
称。
(4)单击“确定”按钮。
在命名锚记时,必须遵循以下规定:
① 只能使用字母和数字,锚记命名不支持中文。虽 然在插入锚记对话框中能输入中文,但在属性面板 上显示的则是一堆乱码,且在为锚记添加链接的时 候,也无法工作。 ② 锚记名称的第1个字符最好是英文字母,一般不要 以数字作为锚记名称的开头。
本,然后在属性面板中的“链接”栏中输入一个数值 其他情况下不必建立空链接。
符“#”即可。建立空链接的目的就是为了应用行为,
第4章 网页表格的处理
通过本章学习,应该掌握以下内容:
1. 2. 3. 4. 5. 6. 创建表格的方法 编辑表格的方法 表格的排序方法 表格的格式化方法 设置表格属性的方法 用表格设计页面布局的方法
度)。 • 边框:指定表格边界的宽度,以像素为单位(如果在 浏览器窗口中不显示表格的边框,则定义为0)。
2.导入表格数据文件
在Dreamweaver MX中,利用插入列表数据命令 可以很容易把表格数据加入到网页中。在插入外部数 据前,首先要将表格数据文件转换成 .txt(文本文 件)格式,并且该文件中的数据要带有分隔符,如逗
后一个单元格。
• 将光标置于第1行的左边缘,当光标变成图标时,
ห้องสมุดไป่ตู้
向下拖动鼠标至最后一行。
• 将光标置于第1列的上边缘,当光标变成图标时, 向右拖动鼠标至最后一列。
2.添加/删除行列
(1)在现有的表格中插入单元行,可以选择以下的操 作之一: • 将光标移到要插入单元行的下一行,选择“修 改”|“表格”|“插入行”命令。 • 将光标移到要插入单元行的下一行,按组合键 “Ctrl+M”。 • 将光标移到要插入单元行的下一行,单击鼠标右键, 在弹出的快捷菜单中选择“表格”|“插入行”命令。
命令。
(3)如果想在现有的表格中添加多行或多列,可执行 以下操作: 首先将光标移到要插入行或列附近的单元格中, 单击鼠标右键,在弹出的下拉菜单中选择“表 格”|“插入行或列”命令,或是选择“修改”|“表 格”|“插入行或列”命令,将弹出如图4-5所示的
“插入行或列”对话框。在此对话框中进行相关的设
6.1.2 创建文本超链接
1.建立文本超链接
在浏览网页时,鼠标指针经过某些文本时,指 针的形状发生变化,同时文本也会发生变化(如出 现下划线、文本的颜色发生变化、字体发生变化 等),提示这是带链接的文本。此时点击鼠标,就 会打开所链接的网页,这就是文本超链接。
在Dreamweaver MX中创建文本超链接的步骤为: (1)在网页上选择需要添加超链接的文本,打开文本 的属性面板。 (2)在属性面板上指定文字的链接目标。
6.1.1 超链接简介 1.什么是超链接
所谓的超链接是指从一个网页指向一个目标的连接关 系,这个目标可以是另一个网页,也可以是相同网页上的 不同位置,还可以是一个图片、一个电子邮件地址、一个 文件,甚至是一个应用程序。而在一个网页中用来超链接
的对象,可以是一段文本或者是一个图片。当浏览者单击 已经链接的文字或图片后,链接目标将显示在浏览器上,
6.1.3 创建图像超链接
1.创建图像超链接
给图像添加链接,使其指向其他的网页或者文
档,就是图像超链接。 (1)选中需要建立超链接的图像,此时属性面板显 示图像的属性 。 (2)在属性面板中为图像添加文档相对路径的链接。
(3)按“F12”预览网页。
2.删除图像超链接
删除图片超链接与删除文本超链接的方法相同 。
6.1.6 创建下载文件超链接
如果想让网站提供文件下载的功能,就必须建立
下载文件超链接。实现文件下载的功能很简单,只需
加入连接到文件的超链接就可以了。连接到网站中下 载文件的超链接也算是内部超链接中的一种。 创建下载文件超链接的方法如下: 首先选择主窗口的菜单“站点”|“站点文件”命
令,打开站点窗口,找到需要链接的目标文件。然后
4.1 利用Dreamweaver MX处理网页表格
4.1.1 创建表格
1.新建表格
利用Dreamweaver MX创建新表格时,首先打开插 入“常用”面板,然后可以通过下列四种方式中的任 意一种: (1)在插入“常用”面板上,单击插入表格按钮 。 (2)通过主窗口的菜单“插入”|“表格”命令。 (3)使用快捷组合键“Ctrl+Alt+T”。 (4)在插入“常用”面板上,拖动表格 按钮到主窗 口的工作区中。
(2)删除文本超链接 在Dreamweaver MX中要删除一个文本超链接 很容易,先用鼠标选定文本对象,将光标定位于 属性面板的“链接”文本框中,用“BackSpace” 键或“Delete”键,将其显示的超链接对象文件 名删除,再回车,或选择“修改”|“移除链接”
命令,都可以删除超链接而保留原文本对象。
弹出的快捷菜单中选择“表格”|“删除行”或“删
除列”命令。
3.修改表格大小
(1)设置表格的宽度及高度 在Dreamweaver MX中,修改表格的大小有以下 两种方法。 ① 通过鼠标拖曳法可以粗略地调整表格的大小。 ② 通过“表格属性”对话框可以精确地调整表格的大
小。
在创建表格时,可以通过表格对话框来设置表格
第6章 在网页中使用超链接
通过本章学习,应该掌握以下内容:
1. 认识超链接 2. 利用Dreamweaver MX创建各种超连接 的方法 3. 利用Dreamweaver MX编辑各种超连接 的方法 4. 利用HTML创建、编辑超链接的方法 5. 利用站点地图管理超链接的方法
6.1 利用Dreamweaver MX处理超链接
号、分号、冒号等,但加入到Dreamweaver MX中的数
据并不会出现分隔符,且会自动生成表格。 要加入外部数据,选择如下的任何一种操作: (1)选择“文件”|“导入”|“表格式数据”命令。 (2)选择“插入”|“表格对象”|“导入表格式数据”
命令。
4.1.2 编辑表格 1.选择表格
(1)如果要选择整个表格,可进行如下的操作之一: • 将光标置于表格中的某个单元格中,选择“修 改”|“表格”|“选择表格”命令。 • 将光标置于表格中的某个单元格中,单击鼠标右键, 在弹出的快捷菜单中选择“表格”|“选择表格”命 令。 • 单击表格的边线。
并且根据目标的类型来打开或运行。
按照链接路径的不同,网页中超链接一般分为 以下3种类型: 内部链接:即在同一个站点内的不同页面之间相互联
系的超链接。 锚点链接:可以链接到网页中某个特定位置的链接。 外部链接:把网页与Internet中的目标相联系的链接。 如果按照使用对象的不同,网页中的链接又可以分