创建链接

Scaal 主页左边的图像是用来将访问者导向该站点特定页面的。用户需要给 Our Story,Products,和 This Week 图形添加链接,链向相应的页面。

用户可以了解到 Dreamweaver 创建链接的方法有好几种。首先,用户用属性面板将 Our Story 图像添加链接,链向 Our Story 页面。

1 在站点窗双击任意窗口的 DW3_scaal_home.html 文件图标。
打开 DW3_scaal_home.html 文件。
2 在文档窗,点击选取 Our Story 图像。
不要双击图像,否则 Dreamweaver 会打开 Select Image Source 对话框。
3 如果属性面板尚未打开,选择 Window > Properties,打开属性面板。
这时调出的图像属性面板会显示有关选取图像的各种信息。
注意:在 Link 框中有一个数字符号 (#),这时在你为图像赋予 Swap Image behavior 的时候创建的。不要将这个符号删除掉;它将被链接文档的名字所取代。
4 在属性面板上点击 Link 框右边的文件夹图标。
5 在 Select File 对话框中,找到 my_ourstory.html 文件,点击 Select (Windows) 或 Choose (Macintosh),选取该文件。
这时文件名字会出现在属性面板的 Link 填框内。接下来给 Products 图像添加链接。
6 点击标题栏激活站点窗,或者选择 Window > Site Files。如果需要,调整文档窗大小,这样你就可以沿左边排列文档窗和站点窗了。
7 在文档窗,点击选取 Products 图像。
8 在属性面板上,拖拽点指图标(位于 Link 框旁边)到站点窗,并且指向 DW3_products_index.html。
文件名字出现在了属性面板上的 Link 填框内。
点击站点窗的 Site Map 图标。站点窗就会立即更新并反映出你刚添加的链接。
站点窗内文件旁边出现加号 (+),表示该文件包含指向其它文档的链接。点击加号可以扩展站点地图,显示相关文件;点击减号 (-) 可以收缩对站点地图的查看。
接下来,用户就要学习使用情景菜单修改链接了。
9 在文档窗,鼠标键右击 (Windows) 或按住 Control 键点击 (Macintosh) This Week 图像,选择 Change Link。
这个图像现在是和一个 behavior 相链接,当访问者移动鼠标指针到图像上时会产生图像交换。用户要对链接进行修改,变成当访问者点击图像时打开一个文件。
10 在 Select File 对话框中,找到 DW3_thisweek.html,点击 Select (Windows) 或 Choose (Macintosh),选取并打开文件。
注意属性面板上的 Link 框内会更新并显示链接文件的名字。接下来你要学习创建文本链接了。
11 在 Dreamweaver 文档中,选取第二段中的单词 products
12 鼠标键右击 (Windows) 或者按住 Control 键点击 (Macintosh),并从情景菜单中选择 Make Link。
13 在 Select File 对话框中,找到 DW3_products_index.html 文件,点击 Select (Windows) 或 Choose (Macintosh) 选取文件。
14 选择 File > Save,保存主页。
15 选择 File > Close,关闭主页。