网页设计使用dreamweaver创建超级链接

《网页设计使用dreamweaver创建超级链接》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教学内容1、讲授在DW中创建各种超级链接的方法教学目的1、理解站点和链接的概念2、学会给文本添加超级链接3、学会给图像添加超级链接4、学会制作锚点链接教学重点1、给文本和图像添加超级链接2、制作锚点链接教学难点1、给文本和图像添加超级链接一、站点和链接的定义1.站点：站点，就是把一个互联网上的网站数据镜像在本地服务器，并保持本地服务器数据的同步更新，用户访问本地服务器即可获得远程服务器上同样的数据。2.链接：所谓网页链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚

2、至是一个应用程序.而在一个网页中用来链接的对象,可以是一段文本或者是一个图片.链接一般分为四个类型：1、内部链接2、外部链接3、E-Mail链接4、锚点链接二：给文本添加超级链接。第一步：选中目标文字，如下图所示第二步：文本属性面板的“链接”文本框中设定被链接对象的URL地址（外部链接），如下图所示第三步：单击上图中“链接”右面的文件夹按钮，弹出选择链接文件对话框如下图所示，选定需要链接的文件，单击“确定”，可创建所需要的链接。（针对内部链接）三、给图像添加超级链接1、创建链接热区的具体方法是：第一步：选定图像，在对应的图像属性面板中选用热区工具创建热区。如下

3、图所示第二步：使用热区工具，分别绘制矩形、绘制圆形、绘制不规则图形。如下图所示。第三步：用鼠标选定其中一个热区后，在下面会出现相应的热区属性面板，使用添加文字链接相同方法设置热区链接，如下图所示。2.快速在站点内创建超级链接首先选定对象，然后点击在属性面板中的链接文本框右边的第一个按钮，拖动到站点中的一个文件上以创建链接，以快速建立图像热区链接为例，如下图：快速建立文字内部链接方式相似，如下图：四：如何制作锚点链接。第一步：将光标放置于要插入锚点的地方，然后在“常用”选项卡中点击(命名锚记）如下图所示。点击将弹出下图第二步：给锚记命名点击“确定”将出现下图，刚

4、才插入锚点的地方也就是“插入点”将变成如下图所示。第三步：选中页面底部的“返回页首”文字，在属性面板的“链接”文本框中，输入一个符号“#”和锚记名称，如“#top”,如下图所示。如果要链接的目标是本站中其他页面（如Untitled-1.htm）的某个特定位置，那就在Untitled-1页面的特定位置加入锚记（如锚记名称为news），然后回到本页选择目标，再在属性面板中的“链接”文本框中输入“Untitled-1.htm#news”即可。作业：预习下一课DW中的样式表应用