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

作者:白雪 | 创建时间: 2023-07-02
超级链接的应用范围很广,利用它不仅可以连接到其他网页,还可以链接到其他图像文件、多媒体文件及下载程序,也可以利用它在网页内部进行链接或是发送E-mail等。 我现在给大家设置超级链接的制作方法。...
【DW教程】如何设置超级链接

操作方法

打开Adobe Dreamweaver CS4。

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

执行"插入>表格(Table)"命令或按住Ctrl+Alt+T键打开"表格(Table)"对话框,设置如下图所示,单击"确定"按钮,如下图所示。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

温馨提示

图片仅供参考。
点击展开全文

更多推荐