Dreamweaver製作錨點連結的小技巧

Dreamweaver網頁中怎麼製作錨點連結？ Dreamweaver設計網頁的時候，想要加入錨點鏈接，該怎麼添加呢？下面我們就來看看詳細的教程，需要的朋友可以參考下

錨點鏈接對站點SEO非常重要，當頁面內容過多的時候，我們就會用到錨點鏈接，龐大繁瑣的網頁，透過點擊命名錨點，可以為訪客提供很大的便利去瀏覽網頁內容，更精準的找到自己想要的資料，對網站來說可以讓權重均勻傳遞，更利於排名。今天，分享一點錨點連結知識和製作過程。

• 軟體名稱：

• Adobe Dreamweaver CS5 簡體中文綠色特別版

• 軟體大小：

• 86MB

• # 時間：

• 2012-06- 06

1、開啟DW軟體，選擇一個空白的html文件，打新建一個空白網頁。在這裡我們做一個簡單的範例和示範。

2、OK，這是我剛剛建立的頁面，左邊為目錄，右邊是頁面。我們發現右面的頁面相對較長，無法完全顯示。這個時候，我們需要錨點連結。當我們想點選「目錄」百度經驗測試3，就跳到相對應的右側測試3頁面，就需要有錨點連結。

3、我們以百度經驗測試3為範例，從頭到尾的為大家示範一下錨點連結的製作。首先，我們要選取右側表格中的測試3，把遊標移到測試3的前面。

4、移動好之後，選擇工作區---常用--##命名標記按鈕。如果你沒有如圖所示的圖標，你可以打開視窗---插入前面打對號就可以了。快速鍵：Ctrl+F2。

5、點擊之後會彈出命名窗口，不要用漢字命名，

然後給錨點添加名稱，這裡我們命名為「 cs3”，新增之後，會出現如圖所示的效果。 前面有一個錨的小圖示，文字被選中了。

6、回到左側選中，剛剛的目錄百度經驗測試3，在頁面底部有連結的字樣（紅色框那裡），然後把剛剛的錨點名稱（cs3）填進去，

這裡記得加上「#」號碼。一個頁面可以有很多的錨點，這裡面必須要加「#」號。

7、好的，填好之後，一個錨點連結就做好了。儲存

Ctrl+S，然後F12，預覽，大功告成。

以上是Dreamweaver製作錨點連結的小技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章！