毕业论文个人网站设计与实现提纲

步骤3 观察“属性面板”，其中包括一个“链接”文本框。 步骤4 接下来需要把链接的地址加入到文本框中，方法有3种。

这里我用到的是直接点击文件夹图标，在文件夹中找到要链接的对象h3c1.htm。这样就建立了超链接。不过有点很重要，由于大多数服务器都不支持中文文件名，而且对大小写敏感，因此采用英文文件名并统一大小写。如图所示：

步骤5 在“链接”文本框下面还有一个“目标”下拉列表，从中可以选择链接网页显示的窗口方式，共有4种。如图：

实例中没有选择任何选项，保持空白，表示在原窗口中打开链接网页。 步骤6 还可以设置一些“链接”的属性，这是前面讲过的内容。单击“属性面板”中的“页面属性”，选择其中的“链接”分类，可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。

步骤7 至此，第1个栏目的链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，当鼠标放在“H3C讲座”这4个文字上时将变成手形，并且浏览器窗口下面的状态栏中会显示链接到的网页的地址，单击文字，页面会立即跳转到第1个栏目中，这表示链接已经制作成功了。

步骤8 同理，按照以上步骤，再为“实训简介”和“相关资料”“回忆留念“等其它栏制作指向对应栏目的链接。

步骤9 通常在栏目页面中还需要有“返回首页”的链接，单击其后可以跳转回首页，因此在各个栏目中还要插入“网站首页”的文字，并且制作指向首页index.html的链接，制作方法不变。

至此，整个“文字链接”的实例就全就全部完成了。通过对这个实例的讲解，读者不仅应该学会如何为文字制作链接，还应用对“链接”有了更加深刻的理解，链接的目的何在？它到底能够在网页的网站中发挥什么样的作用？怎样才能更好地使用它？这些是网页制作者更应该思考的问题。 下面继续介绍其他类型的链接。

3.2图像链接

“图像”也是常被使用的链接媒体，它和“文字链接”非常相似。为图像加入链接，首先应该在网页中插入“图像”，有关插入“图像”或“导航条”按钮的内容，接下来以我的网站“追梦人“为例，讲解如何建立“图像链接”。 操作步骤

步骤1 首先仍然要准备好已经制作完成的首页和各个栏目的页面

步骤2 在Dreamweaver中打开网站的首页，之后选取要制作“链接”的图像。实例中先为第3个栏目“回忆留念”设置链接，因此选中包含“回忆留念”4个字的图像。

步骤3 观察“属性面板”，在“链接”文本框中输入链接的文字地址。可以使用之前讲过的“指向文件”和“选择文件”的方法。

步骤4 如果有需要，可以在“目标”下拉列表中选择“链接”网页显示的窗口方式，分别为-blank 、-parent 、-self或 top。实例中使用了默认出的保留空白选项的方式。

步骤5 另外，读者还可以为图像增加“替代”文本。实例中为第1个栏目增加栏目名称的“替代”文本。

步骤6 至此，第1个栏目的图像链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，将鼠标放在“回忆留念”4个文字上时将变成手形，同时浏览器窗口下面的状态栏中会显示出链接到的网页的地址，并且会显示出“替代”文本“动画制作”，单击文字，页面会立即跳转到其他栏目中，这表示链接已经制作成功了。

步骤7 同理，按照以上步骤，再为其它几幅图像制作指向对应栏目的链接。 步骤8 在栏目页面中制作“网站首页”的链接，使得单击后可以跳转回首页，其制作方法不变。

至此，整个“图像链像”的实例就全部完成了。

3.3在HTML语言中建立网页链接

3.3.1文字链接

在HTML语言中用超链接标记指向一个目标。其基本格式为：

举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。

? href:是标记的一种属性，该属性中的URL等于链接目标文件的地址。 ? Target:也是标记的一种属性，相当于Dreamweaver“属性面板”中的“目标”，它的值等于-blank,效果是在新窗口中打开。除此之外还包括其他3种：-parent,-self和-top。这和Dreamweaver中“目标”下拉列表中的内容是一模一样的。

? 文本内容：如代码实例中的“2010河南选调生（入口）”。这些文本将放在使用了链接属性href和目标属性target的 与标记之间，产生了链接的效果。 提示

再提醒读者一下，

为段落标记，在Dreamweaver中是由Enter（回车）键产生的。