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

2025-05-06 08:09:04

1、打开Adobe Dreamweaver CS4。

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教程】如何设置超级链接
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢