亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

網(wǎng)頁(yè)設(shè)計(jì)

Dreamweaver如何制作錨點(diǎn)鏈接

時(shí)間:2024-10-01 15:37:56 網(wǎng)頁(yè)設(shè)計(jì) 我要投稿
  • 相關(guān)推薦

Dreamweaver如何制作錨點(diǎn)鏈接

  AdobeDreamweaver,簡(jiǎn)稱“DW”,中文名稱 "夢(mèng)想編織者",最初為美國(guó)Macromedia公司開發(fā),2005年被Adobe公司收購(gòu)。那么Dreamweaver如何制作錨點(diǎn)鏈接?讓我們一起看看吧!

  使用命名錨記可以在文檔中設(shè)置標(biāo)記,這些標(biāo)記通常放在文檔 的特定主題處或頂部。然后可以創(chuàng)建到這些命名錨記的鏈接,這些鏈接可快速將訪問者帶到指定位置。

  如果一張網(wǎng)頁(yè)中的內(nèi)容很多,網(wǎng)頁(yè)有很長(zhǎng),這時(shí)如果我們要快速找到目標(biāo),就需要通過錨點(diǎn)來實(shí)現(xiàn)。

  首先你可以在需要跳轉(zhuǎn)文字前添加一個(gè)錨點(diǎn)標(biāo)記,將鼠標(biāo)光標(biāo)放置到00前,點(diǎn)擊右側(cè)“常用”中的錨點(diǎn)標(biāo)記。

  點(diǎn)擊“錨點(diǎn)標(biāo)記”后,在彈出框中輸入錨記名稱后點(diǎn)擊“確定”按鈕。

  這樣就在“00”前插入了一個(gè)錨點(diǎn)。

  接著我們需要添加鏈接,假設(shè)你想要點(diǎn)擊"2"后跳轉(zhuǎn)到"00"處,選中文本2,在軟件下方的鏈接中輸入#+錨點(diǎn)名(本例中輸入#aa),這樣就可以成功插入錨點(diǎn)鏈接了。

  拓展

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

  1、打開DW軟件,選擇一個(gè)空白的html文檔,打開新建一個(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)記按鈕。如果你沒有如圖所示的圖標(biāo),你可以打開窗口---插入前面打?qū)μ?hào)就可以了?旖萱I:Ctrl+F2。

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

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

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

【Dreamweaver如何制作錨點(diǎn)鏈接】相關(guān)文章:

Dreamweaver如何錨記鏈接10-02

用dreamweaver添加超鏈接制作技巧07-11

Dreamweaver制作圖像熱點(diǎn)鏈接的方法09-13

如何利用Dreamweaver設(shè)計(jì)彩色文字鏈接06-06

Dreamweaver如何檢查站點(diǎn)鏈接是否錯(cuò)誤10-14

淺談Dreamweaver超鏈接09-24

Dreamweaver如何制作彈出菜單09-03

Dreamweaver如何制作網(wǎng)頁(yè)模板07-22

Dreamweaver如何制作網(wǎng)頁(yè)設(shè)計(jì)07-02

Dreamweaver如何制作拖拽效果06-11