Dreamweaver網(wǎng)頁(yè)中怎么制作錨點(diǎn)鏈接?

錨點(diǎn)鏈接對(duì)站點(diǎn)SEO非常重要,當(dāng)頁(yè)面內(nèi)容過(guò)多的時(shí)候,我們就會(huì)用到錨點(diǎn)鏈接,龐大繁瑣的網(wǎng)頁(yè),通過(guò)點(diǎn)擊命名錨點(diǎn),可以為訪問(wèn)者提供很大的便利去瀏覽網(wǎng)頁(yè)內(nèi)容,更精準(zhǔn)的找到自己想要的資料,對(duì)站點(diǎn)來(lái)說(shuō)可以讓權(quán)重均勻傳遞,更利于排名。今天,分享一點(diǎn)錨點(diǎn)鏈接知識(shí)和制作過(guò)程。

Adobe Dreamweaver CS5 簡(jiǎn)體中文綠色版
- 類(lèi)型:網(wǎng)頁(yè)設(shè)計(jì)
- 大?。?/span>86MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2012-06-06
1、打開(kāi)DW軟件,選擇一個(gè)空白的html文檔,打開(kāi)新建一個(gè)空白網(wǎng)頁(yè)。在這里我們做一個(gè)簡(jiǎn)單的示例和演示。
2、OK,這是我剛剛創(chuàng)建的一個(gè)頁(yè)面,左側(cè)為目錄,右邊為頁(yè)面。我們發(fā)現(xiàn)右面的頁(yè)面相對(duì)較長(zhǎng),不能完全顯示。這個(gè)時(shí)候,我們就需要錨點(diǎn)鏈接。當(dāng)我們想點(diǎn)擊“目錄”百度經(jīng)驗(yàn)測(cè)試3,就跳轉(zhuǎn)到相對(duì)應(yīng)的右側(cè)測(cè)試3頁(yè)面,就需要有錨點(diǎn)鏈接。
3、我們以百度經(jīng)驗(yàn)測(cè)試3為示例,從頭到尾的為大家演示一下錨點(diǎn)鏈接的制作。首先,我們要選中右側(cè)表格中的測(cè)試3,把光標(biāo)移動(dòng)到測(cè)試3的前面。
4、移動(dòng)好之后,選擇工作區(qū)---常用--命名標(biāo)記按鈕。如果你沒(méi)有如圖所示的圖標(biāo),你可以打開(kāi)窗口---插入前面打?qū)μ?hào)就可以了??旖萱I:Ctrl+F2。
5、點(diǎn)擊之后會(huì)彈出命名窗口,不要用漢字命名,然后給錨點(diǎn)添加名稱(chēng),這里我們命名為“cs3”,添加之后,會(huì)出現(xiàn)如圖所示的效果。前面有一個(gè)錨的小圖標(biāo),文字被選中了。
6、回到左側(cè)選中,剛剛的目錄百度經(jīng)驗(yàn)測(cè)試3,在頁(yè)面底部有鏈接的字樣(紅色框那里),然后把剛剛的錨點(diǎn)名稱(chēng)(cs3)填寫(xiě)進(jìn)去,這里記得加“#”號(hào)。一個(gè)頁(yè)面可以有很多的錨點(diǎn),這里必須要加“#”號(hào)。
7、好的,填寫(xiě)好之后,一個(gè)錨點(diǎn)鏈接就做好了。保存Ctrl+S,然后F12,預(yù)覽,大功告成。
相關(guān)推薦:
dreamweaver怎么制作網(wǎng)頁(yè)模板?
Dreamweaver站點(diǎn)怎么檢查鏈接錯(cuò)誤?
相關(guān)文章
- Dreamweaver怎么繪制視化表格?Dreamweaver制作網(wǎng)頁(yè)的時(shí)候,想要繪制一個(gè)可視化的表格,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-04-24
Dreamweaver怎么給網(wǎng)頁(yè)添加下拉的條幅?
Dreamweaver怎么給網(wǎng)頁(yè)添加下拉的條幅?想要在網(wǎng)頁(yè)中添加一個(gè)下拉的條幅,可以放置廣告、公告等內(nèi)容,該怎么制作呢?下面我們就來(lái)看看使用dw實(shí)現(xiàn)的教程,需要的朋友可以參2017-04-23- dreamweaver命名錨記怎么使用?dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候我們會(huì)使用到很多功能,今天我們就來(lái)介紹命名錨記的使用方法,需要的朋友可以參考下2017-04-23
Dreamweaver CC怎么制作純文本的網(wǎng)頁(yè)?
Dreamweaver CC怎么制作純文本的網(wǎng)頁(yè)?Dreamweaver制作網(wǎng)頁(yè)很簡(jiǎn)單,想要制作一個(gè)純文本的網(wǎng)頁(yè),該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-04-23dreamweaver cs5不寫(xiě)寫(xiě)代碼怎么添加meta標(biāo)簽?
dreamweaver cs5不寫(xiě)寫(xiě)代碼怎么添加meta標(biāo)簽?dreamweaver想要添加meta標(biāo)簽,但是不想寫(xiě)代碼,該怎么辦呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-04-11Dreamweaver怎么怎么利用層布局網(wǎng)頁(yè)?
Dreamweaver怎么怎么利用層布局網(wǎng)頁(yè)?Dreamweaver中想要設(shè)計(jì)網(wǎng)頁(yè),一般我們都會(huì)使用DIV+CSS制作網(wǎng)頁(yè),今天我們就來(lái)看看使用網(wǎng)格來(lái)制作網(wǎng)頁(yè)的教程,需要的朋友可以參考下2017-04-11Dreamweaver站點(diǎn)怎么檢查鏈接錯(cuò)誤?
Dreamweaver站點(diǎn)怎么檢查鏈接錯(cuò)誤?Dreamweaver建立的站點(diǎn)中有很多超鏈接,想要設(shè)置自行檢測(cè)鏈接錯(cuò)誤,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-04-11- Dreamweaver代碼中的空鏈接怎么批量刪除?Dreamweaver代碼中有很多空的超鏈接,該怎么批量刪除鏈接呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-04-11
- Dreamweaver輸入的文本字體怎么加粗?Dreamweaver中想要加粗輸入的文本,該怎么加粗呢?這都是最基礎(chǔ)的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-04-11
- dreamweaver常用工具怎么添加到收藏夾?dreamweaver建站的時(shí)候有很多常用的工具,為了方便使用,想要將常用工具添加到收藏夾,該怎么添加呢?下面我們就來(lái)看看詳細(xì)的教程,2017-04-11