- 新手學Dreamweaver CS6+Flash CS6+Photoshop CS6網頁設計
- 鼎翰文化編著
- 534字
- 2018-12-30 21:28:09
實例06 錨記鏈接

案例說明:我們在瀏覽網頁時,當一個網頁的內容很多,需要上下拖動滾動條來查看網頁的內容時,就會覺得很麻煩。其實,使用命名錨記可以解決這個問題。命名錨記使用戶可以在文檔中設置標記,這些標記通常放在文檔的特定主題處或頂部。然后可以創建到這些命名錨記的鏈接,這些鏈接可快速將瀏覽者帶到指定位置。
光盤文件:光盤\源文件與素材\01章\錨記鏈接
創建到命名錨記鏈接的過程分為兩步。首先,創建命名錨記,然后創建到該命名錨記的鏈接。
操作步驟
1 放置光標。將光標放置到要創建命名錨記的位置,如頁面頂部。

2 打開“命名錨記”對話框。選擇“插入→命名錨記”命令,彈出“命名錨記”對話框。

提示
按下【Ctrl+Alt+A】組合鍵能快速打開“命名錨記”對話框。
3 設置錨記名稱。在“錨記名稱”文本框中輸入錨記的名稱。錨記名不能含有空格,如這里輸入“abc”。然后單擊按鈕。

4 插入錨記。這時可以在文檔窗口中看到錨記。

提示
如果看不到錨記,則選擇“查看→可視化助理→不可見元素”命令,使之可見。
5 輸入文字。在網頁文檔底部輸入“回到頂部”。

6 打開“命名錨記”對話框。選中輸入的文字,打開“屬性”面板,在“鏈接”文本框中輸入“#abc”。

7 瀏覽網頁。保存網頁文檔,按下【F12】鍵進行瀏覽。此時可以看到,單擊鏈接的文字即可回到頁面頂部。


推薦閱讀
- 手機短視頻拍攝與制作標準教程(全彩微課版)
- 平面圖像設計(Photoshop CS6)(第二版)
- 超級渲染王:3ds Max-VRay材質與光影渲染表現技法
- Photoshop CC從入門到精通
- 新印象 Premiere 短視頻剪輯基礎與實戰(培訓教材版)
- After Effects高級影視特效火星風暴
- 夢工廠之三維雕像:Maya模型手冊
- 48小時精通Flash CS6
- AutoCAD與工程繪圖
- 精通HTML+CSS:100%網頁設計與布局密碼
- 老郵差數碼照片處理技法 RAW篇
- 選擇的藝術 Photoshop圖層通道深度剖析(第2版)
- 計算機圖形圖像處理
- 中文版Premiere Pro CS6完全自學教程(第2版)
- Figma+Framer打造更好的交互設計