养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

【DW教程】如何设置超级链接

时间:2024-09-20 17:49:14

超级链接的应用范围很广,利用它不仅可以连接到其他网页,还可以链接到其他图像文竭惮蚕斗件、多媒体文件及下载程序,也可以利用它在网页内部进行链接或是发送E-mail等。我现在给大家设置超级链接的制作方法。

工具/原料

电脑

DW软件

图片

方法/步骤

1、打开AdobeDreamweaverCS4。

2、执行"文件>新建"命令或按住Ctrl+N键打开【新建文觇致惯鸹档】对话框,选择其页面类型为HTML,设置布局为无,单击"创建"按钮芟坳葩津,即创建一个网页文档,如下图所示。

【DW教程】如何设置超级链接

3、执行"插入>表格(Table)"命令或按住Ctrl+A盟敢势袂lt+T键打开"表格(Table像粜杵泳)"对话框,设置如下图所示,单击"确定"按钮,如下图所示。

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

4、选择表格,在弹出的属性面板中设置对齐为居中对齐,如下图所示。

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

5、将光标移至表格的第一行单元格中,执行"插入>图像"命筠沭鱿漆令或按住Ctrl+Alt+I键打开【选择图像源文件】对话框,选择名为"纸"稆糨孝汶;的图片,单击"确定"按钮,如下图所示。

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

6、在弹出的【Dreamweaver】对话框中单击"确定"按钮,如下图所示。

【DW教程】如何设置超级链接

7、在弹出的【图像标签辅助功能属性】对话框中单击"确定"按钮,将其插入到当前文档,调整其大小,如下图所示。

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

8、将光标移至表格的第二行单元格中,添加文字,如下图所示。

【DW教程】如何设置超级链接

9、选择文字,在弹出的属性面板中,单击"CSS"按钮,设置水平为居中对齐,如下图所示。

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

10、执行"文件>保存"命令或按住Ctrl+S键打开【另存为嘉滤淀驺】对话框,选择名为"新建文件夹"鹚兢尖睁的文件夹,单击"打开"按钮,再单击"保存"按钮,如下图所示。

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

11、新建网页文件,如下图所示。

【DW教程】如何设置超级链接

12、同步骤3至步骤10的操作方法,如下图所示。

【DW教程】如何设置超级链接

13、选择文字,执行"插入>超级链接"命令,如下图所示。

【DW教程】如何设置超级链接

14、在弹出的【超级链接】对话框中点击"浏览"图标,如下图所示。

【DW教程】如何设置超级链接

15、在弹出的【选择文件】对话框中选择名为"Untitled-3"的网页文件,单击"确定"按钮,如下图所示。

【DW教程】如何设置超级链接

16、返回【超级链接】对话框,单击"确定"按钮,如下图所示。

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

17、按住Ctrl+S键保存网页文件。

18、选择名为"Untitled-3"的网页文件,同步骤13至步骤16的操作方法,如下图所示。

【DW教程】如何设置超级链接

19、按住Ctrl+S键保存网页文件。

20、按住F12键可以在浏览效果,如下图所示。

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

【DW教程】如何设置超级链接

© 一点知识