今天捣鼓DW的时候突然想起来，有朋友问怎么在网页上加个能跳转到其他页面的按钮。说白了就是让文字或者图片变成能点的链接嘛这玩意儿对老手来说估计闭着眼都能整，但新手可能还真容易卡壳。正好手头没事，干脆从头捋一遍我的操作过程。

先随便建个测试页面

打开DW新建了个空白HTML，随手敲了行大字在里："点我跳转去隔壁！"。就是准备拿这几个字当实验品。保存的时候给这页起了个名叫"首页.html"，专门存进一个新文件夹，怕后面文件多了乱套。

抓字→开链接面板

用鼠标咔哒一下选中那行字，扭头就往软件右边的小窗户（属性面板）瞅。下边靠左的位置还真有个带小锁链图标的框，旁边写着"链接"两个字。对，就是它！鼠标往上一戳，输入框马上就能打字了。

链接地址踩过的坑

第一次整这活的时候犯过傻，直接敲了个"隔壁页面.html"进去，结果点开网页预览，啪叽跳个"404未找到"！急得我抓耳挠腮，后来才发现是网页地址没写全。解决方法贼简单：

• 要是跳自己网站的页面，必须把 .html 全名带后缀一起写，像填快递单似的不能少字；
• 要是蹦到别人家网站，得老老实实敲完整网址，比如 ，少个斜杠都可能抽风。

这回我提前在同一个文件夹里准备了"隔壁.html"文件，所以直接输文件名不用画蛇添足加文件夹路径！输完按回车，噌的一下那行字秒变蓝色还带下划线——妥了！

手贱测试翻车现场

急吼吼按F12预览，鼠标刚挪到字上光标确实变小手了，心里正美，一点击！浏览器标签页直接刷一下空白了，地址栏还显示file:///开头的一串鬼画符。这才想起忘了用服务器环境测试！本地文件直接打开时，DW默认用"file://"协议，这时候点链接分分钟出错。

赶紧搬救兵：打开DW自带的实时视图功能，或者扔进本地服务器环境（比如XAMPP）。重新点链接——"隔壁.html"页面“唰”地弹出来了！差点把咖啡打翻。

唠叨两句

原理就三步：选中→填地址→检查路径。但新手最容易栽在这几个坑里：

• 文件瞎放不同文件夹，结果路径写成"隔壁/隔壁.html"直接扑街；
• 开网页时手滑双击HTML文件，没走本地服务器导致跳转失灵；
• 敲网址漏了http://或者https://，电脑直接懵圈。

搞完顺手把键盘往桌边一推，结果把半包饼干扫进垃圾桶。看来下次做教程得备点胶带固定零食...（笑）