链接——网页的灵魂

跟着“链接”一起飞翔

网上的资源浩如烟海，如果说精美的网页是一颗颗珍珠的话，那么链接则是穿起这些珍珠的丝线。在网页中用文字或图片都可以做成链接，看看下面的效果图，感兴趣就一起来吧！

1 先做好准备工作，包括建好目录、放置图片。图说：(1) 在硬盘上随便一个地方新建目录作为站点并起名，比如我们在D盘根目录下新建一个名叫web 的目录。(2) 打开web目录，把喜欢的图片拷贝进来，可爱的小丸子绝对是首选哦！

2 打开Dreamweaver，开始我们的第1步。图说：按一下[Site]→“New Site”新建一个站点。

3 我们就建个“小丸子”站点吧。图说：(1) 在站点名称处输入“小丸子”。(2) 点击本地根文件夹右边的文件夹图标，找到刚刚建好的目录。
(3) 按一下[打开]。(4) 接着按一下[保存]。(5) 设置好之后，点击[确定]。

4 现在我们就转到了站点管理窗口，在这里要新建3个文件。图说：(1) 在窗口的右边空白处按一下鼠标右键，在菜单中选择“New File”（新建文件）。(2) 给这个新建的文件起个名字，叫“xwz”就ok了。(3) 重复第1、2 两步的操作，再新建两个文件，一个叫“jl.htm”，一个叫“hi.htm” 。

5 给jl.htm文件中添加一些文字，作为小丸子的简历。图说：(1) 在站点管理窗口双击jl.htm，打开这个文件。(2) 按一下“Ctrl”键+“F3”键打开属性面板，对文字的颜色等进行设置。(3) 在操作区添加一些文字，我们可以把小丸子的简历写上。(4) 按一下键盘上的“Ctrl”键＋“S”键，将这个文件保存。

小技巧：做过的工作记得要及时保存，否则造成的损失难以预料！在Dreamweaver中，如果一个网页被修改过，我们可以在标题处看到一个“*”，保存之后这个“*”就不见了。

6 在hi.htm中添加一些小丸子的自我介绍文字。图说：(1) 在站点管理窗口双击hi.htm，打开这个文件。(2) 在操作区添加一些小丸子的自我介绍。(3) 按一下键盘上的“Ctrl”键＋“S”键，将这个文件保存。

7 准备好的小丸子图片放在哪里？瞧，在这一步就要把它加到文件中来了。图说：(1) 在站点管理窗口双击xwz.htm，打开这个文件。
(2) 按一下“Ctrl”键+“F2”键，打开对象窗口。(3) 在对象窗口中，按一下[插入图像]按钮。(4) 在弹出的插入图像窗口中，选择准备好的图片。 (5) 点击[Select]按钮，这样图片就插入到文件中了。

8 小丸子呆得太靠边了，我们对她的位置进行一下调整。图说：在属性面板中点击[居中]按钮。哈哈，看看小丸子是不是跑到中间了。

9 网页中有点太“素”了，我们加些文字吧。图说：(1) 鼠标点击一下文件的空白区并按一下“回车”键。(2) 将输入法调成全角模式。
(3) 在图片的下方写上些文字。

10 下面就要上演本例的重头戏——链接了。先给文字加上链接。图说：(1) 将xwz.htm文件中的文字全部选中。(2) 在属性面板中点击“Browse for File”（浏览文件）按钮。

11 选择需要链接的文件。图说：(1) 在“Select File”（选择文件）窗口中，点中想要链接的文件名jl.htm。(2) 按一下[Select]（选择）按钮。(3) 在属性面板中，将“Target”（目标）选为“_blank”，这样我们在点击链接后打开的就是一个新窗口喽。

小技巧：在网上浏览时，经常会碰到这样的情况：点击页面上的链接后，有时候会新弹出一个窗口，有时候则是将原来的窗口更新。这是因为这两种链接采用了不同的文件打开方式，其中_blank表示打开一个新文件，而其他的选择都是对原来窗口的更新。

12 文字链接做好了，下面就来看看图像链接吧。图说：(1) 用鼠标将小丸子图像选中。(2) 按一下属性面板左下角的“椭圆形热点工具”。
(3) 用鼠标在小丸子手的位置处画一个圆。

小技巧：影像地图是一幅被划分为若干区域或“热区”的图像，单击“热区”时一页网页就显示出来。通过热点工具可以把热区设置成矩形、圆形和多边形等形状，使用非常方便。

13 在图像中确定好链接的位置后，就要给它添加链接了。图说：(1) 在属性面板中点击链接处的“浏览文件”文件夹。(2) 选择“hi.htm”文件。(3) 按一下[Select]按钮。(4) 将“Target”（目标）选为“_blank”，同样打开一个新窗口。最后就可以按下“F12”键预览效果了，点击一下链接的文字、小丸子的小手都可以被激活。

结语：链接是网页中应用最广的技巧，学会了它，搞定你的个人主页就不成问题喽。