當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法

dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法

時(shí)間:2024-07-10 20:13:18 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

部分網(wǎng)友剛剛下載使用dreamweaver cs6的朋友們,可能還不是很熟悉其中制作錨點(diǎn)鏈接?下面這篇內(nèi)容就為你們帶來了dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法。

dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法

dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法

我們需要先打開dreamweaver cs6軟件,選擇一個(gè)空白的html文檔,打開新建一個(gè)空白網(wǎng)頁。在這里我們做一個(gè)簡(jiǎn)單的示例和演示。

dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法截圖

這是我剛剛創(chuàng)建的一個(gè)頁面,左側(cè)為目錄,右邊為頁面。我們發(fā)現(xiàn)右面的頁面相對(duì)較長(zhǎng),不能完全顯示。這個(gè)時(shí)候,我們就需要錨點(diǎn)鏈接。當(dāng)我們想點(diǎn)擊“目錄”,就跳轉(zhuǎn)到相對(duì)應(yīng)的右側(cè)測(cè)試3頁面,就需要有錨點(diǎn)鏈接。

dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法截圖

然后從頭到尾的為大家演示一下錨點(diǎn)鏈接的制作。首先,我們要選中右側(cè)表格中的測(cè)試3,把光標(biāo)移動(dòng)到測(cè)試3的前面。

dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法截圖

移動(dòng)好之后,選擇工作區(qū)---常用--命名標(biāo)記按鈕。如果你沒有如圖所示的圖標(biāo),你可以打開窗口---插入前面打?qū)μ?hào)就可以了??旖萱I:Ctrl+F2。

dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法截圖

這時(shí)點(diǎn)擊之后會(huì)彈出命名窗口,不要用漢字命名,然后給錨點(diǎn)添加名稱,這里我們命名為“cs3”,添加之后,會(huì)出現(xiàn)如圖所示的效果。前面有一個(gè)錨的小圖標(biāo),文字被選中了。

dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法截圖

然后回到左側(cè)選中,剛剛的目錄百度經(jīng)驗(yàn)測(cè)試3,在頁面底部有鏈接的字樣(紅色框那里),然后把剛剛的錨點(diǎn)名稱(cs3)填寫進(jìn)去,這里記得加“#”號(hào)。一個(gè)頁面可以有很多的錨點(diǎn),這里必須要加“#”號(hào)。

dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的教程方法截圖

最后填寫好之后,一個(gè)錨點(diǎn)鏈接就做好了。保存Ctrl+S,然后F12,預(yù)覽,大功告成。

按照上文為你們描述的dreamweaver cs6網(wǎng)頁中制作錨點(diǎn)鏈接的具體操作步驟,你們是不是都學(xué)會(huì)了呀!