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,关闭主页。 |
![]() |