當前位置:才華齋>設計>網頁設計>

Dreamweaver網頁中怎樣製作錨點連結

網頁設計 閱讀(1.41W)

錨點連結對站點SEO非常重要,當頁面內容過多的時候,我們就會用到錨點連結,龐大繁瑣的網頁,通過點選命名錨點,可以為訪問者提供很大的便利去瀏覽網頁內容,更精準的找到自己想要的資料,對站點來說可以讓權重均勻傳遞,更利於排名。下面就跟隨小編一起來看看吧!

Dreamweaver網頁中怎樣製作錨點連結

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

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

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

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

5、點選之後會彈出命名視窗,不要用漢字命名,然後給錨點新增名稱,這裡我們命名為“cs3”,新增之後,會出現如圖所示的效果。前面有一個錨的小圖示,文字被選中了。

6、回到左側選中,剛剛的目錄百度經驗測試3,在頁面底部有連結的字樣(紅色框那裡),然後把剛剛的錨點名稱(cs3)填寫進去,這裡記得加“#”號。一個頁面可以有很多的錨點,這裡必須要加“#”號。

7、好的,填寫好之後,一個錨點連結就做好了。儲存Ctrl+S,然後F12,預覽,大功告成。