第11章创建超级连接.pptVIP

第13周5,6课时用 教学内容：DW中创建各种超级链接的方法。 教学目标： 1.给文本和图像创建超连接 2.制作锚点连接 教学重点：1.给文本和图像添加超级链接 2.制作锚点连接 教学难点： 给文本和图像添加超级链接 教学过程： 复习 1.学会CSS的语法及能解决实际问题 一、站点和链接的定义 1.站点： 站点，就是把一个互联网上的网站数据镜像在本地服务器，并保持本地服务器数据的同步更新，用户访问本地服务器即可获得远程服务器上同样的数据。 2.链接： 所谓网页链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序.而在一个网页中用来链接的对象,可以是一段文本或者是一个图片. 可从访问 网页编程技术 * 网页编程技术 链接一般分为四个类型： 1、内部链接 2、外部链接 3、E-Mail链接：在连接框后面输入：mailto:你的邮箱地址即可！ 4、锚点链接 二：给文本添加超级链接。 第一步：用鼠标选中目标文字，打开底下的属性面板(如果没有，就点击菜单”窗口”-”属性”) 第二步：文本属性面板的“链接”文本框中设定被链接对象的URL地址（外部链接），如下图所示 第三步：单击上图中“链接”右面的文件夹按钮，弹出选择链接文件对话框如下图所示，选定需要链接的文件，单击“确定” ，可创建所需要的链接。（针对内部链接） 三、 给图像添加超级链接 1、创建链接热区的具体方法是： 第一步：选定图像，在对应的图像属性面板中选用热区工具创建热区。如下图所示 热区工具 第二步：使用热区工具，分别绘制矩形、绘制圆形、绘制不规则图形。如下图所示。 第三步：用鼠标选定其中一个热区后，在下面会出现相应的热区属性面板，使用添加文字链接相同方法设置热区链接，如下图所示。 2. 快速在站点内创建超级链接 首先选定对象，然后点击在属性面板中的链接文本框右边的第一个按钮，拖动到站点中的一个文件上以创建链接，以快速建立图像热区链接为例，如下图： 快速建立文字内部链接方式相似，如下图： 四：如何制作锚点链接。 第一步：将光标放置于要插入锚点的地方，然后在“常用”选项卡中点击(命名锚记）如下图所示。 点击将弹出下图 第二步：给锚记命名 点击“确定”将出现下图，刚才插入锚点的地方也就是“插入点”将变成如下图所示。 锚标记 第三步：选中页面底部的“返回页首”文字，在属性面板的“链接”文本框中，输入一个符号“#”和锚记名称，如“#top”, 如下图所示。 如果要链接的目标是本站中其他页面（如Untitled-1.htm）的某个特定位置，那就在Untitled-1页面的特定位置加入锚记（如锚记名称为news），然后回到本页选择目标，再在属性面板中的“链接”文本框中输入“Untitled-1.htm#news”即可。 网页编程技术 *