加入超连结.pptVIP

第 6 章 加入超連結 本章提要 規劃超連結 加入網站內部的超連結 加入網站外部的超連結 使用書籤 啟用超連結強化效果 製作影像地圖 管理超連結 規劃超連結 使用超連結的好處 規劃超連結 超連結的形式與目標 使用超連結的好處 超連結最大的好處就是「資源共享」： 使用超連結的好處 超連結還可擺脫「循序閱讀」的模式, 將長篇大論分別放置不同網頁, 讓瀏覽者自行選擇連結閱讀；或者對於網頁中提到的艱澀詞句, 另寫解釋名詞的網頁, 讓有疑惑的瀏覽者點選超連結查詢, 便無需於文中插入解釋破壞了文章的完整性。 使用超連結的好處 規劃超連結規劃網站的超連結 運用導覽模式建立網站架構的同時, 也規劃了超連結。 以本書的範例網站而言, 首頁要能連結到網站內的各個網頁, 而網頁間也要能相互連結。「編修技巧」網頁還會連結到「染髮效果」、「黑白/彩色照」...等網頁, 一長串的連結下來, 惟有透過事先的規劃才不會使網站組織雜亂無章。 規劃網站的超連結 在「導覽」模式建立網站架構的好處 如果你已經依第 3 章的方法建立了網站架構, 即可依第 13 章介紹的連結列功能自動加入各個網頁間的連結, 節省不少規劃的工作哦！ 如果沒有用導覽模式來建立網站架構, 那麼就得在每個網頁中手動加入超連結, 否則網頁間是沒有橋樑可互通的。 規劃外部超連結 除了規劃好網站內部連結的網頁, 當然還要能連到外面的花花世界, 否則就失去 Internet 資源共享的意義了。 關於外部超連結的規劃, 只要把自己喜歡、與網站主題相關的連結放進來就行了, 例如網站的主題是「數位相片編修」, 就可以多介紹幾個相關資訊的網站, 像是國內、外知名的攝影、數位相機討論網站。 超連結的形式與目標超連結的形式 被加上連結的文字, 預設下方會出現一條底線, 並以藍色字體來表示, 讓人一眼就知道哪些文字具有超連結功能。 圖片也可以加入超連結, 瀏覽者只要將滑鼠移到圖片上, 若變成了手指形狀, 就表示這張圖片已加入超連結： 超連結的目標 網站內部的超連結：指的是連結網站資料夾內的其它網頁、檔案或是以書籤標註的位置。 網站外部的超連結：可以是別人的 WWW 網站、FTP 站台、E-mail 信箱, 或是一個檔案的位置。而瀏覽器會依據超連結的語法指示, 對連結目標執行相關的動作, 例如按下 E-mail 信箱的超連結, 就會自動開啟郵件編輯器。 超連結的目標 超連結的目標區分為 4 類, 請按下插入超連結鈕： 超連結的目標 加入網站內部的超連結 連結到網站內的其它網頁 移除超連結 連結至新文件 連結到檔案 連結到網站內的其它網頁 以本書範例網站的主頁 (mainframe.htm) 為例, 只要點一下左頁框中的編修技巧鈕, 就會連結到編修技巧網頁 (tips.htm), 你可以開啟範例網站來試試效果。 設定文字的超連結 請開啟練習檔 ex06-01.htm, 在設計模式選取要加入連結的文字： 按下工具列上的插入超連結鈕, 開啟插入超連結交談窗。 在交談窗裡選擇現存的檔案或網頁, 然後點選要連結的網頁： 設定文字的超連結 設定文字的超連結 接下來就可以切換到預覽模式或用瀏覽器試試效果了。你也可以在設計模式直接按下 [Ctrl] 鍵再點選加入超連結的文字或圖片, 這樣不僅會啟動超連結, 還會開啟連結頁面讓你編輯、修改內容。 從「資料夾清單」中拉曳網頁成為超連結 從「資料夾清單」中拉曳網頁成為超連結 設定圖片的超連結 如果要為圖片加上超連結, 只要先點選一張圖片, 再按下插入超連結鈕來建立連結即可。 也可以在圖片上按右鈕, 選擇『圖片內容』命令： 設定圖片的超連結 設定圖片的超連結 設定圖片的超連結 如果要讓人一眼就看出圖片具有超連結, 可繼續切換到外觀頁次, 將圖片的框線粗細設為 1 以上, 就會在圖片周圍加上藍色框線, 便可明白告知瀏覽者此張圖片具有超連結功能。 移除超連結 只要將插入點移至設定超連結的文字間, 或是選取已設定超連結的圖片, 在其上按右鈕選擇『超連結』命令, 再按下交談窗中的移除超連結鈕, 即可輕鬆移除超連結的設定。 替超連結加上工具提示 當我們替文字或圖片加上超連結後, 除了滑鼠指標移至連結的文字或圖片上會變成手指狀外, 我們還可以替超連結加上工具提示做為註解, 讓瀏覽者更清楚此超連結的用意或目標。 替超連結加上工具提示 請先切換至設計模式中, 選取要加入工具提示的文字或圖片, 或是將插入點移至已設定超連結的位置。 替超連結加上工具提示 按下工具列上的插入超連結鈕, 再按下工具提示鈕, 在工具提示文字欄中輸入提示文字後, 完成後按下確定鈕即可。 替超連結加上工具提示 替超連結加上工具提示 然後再按下編輯超連結交談窗的確定鈕, 請切換到預覽模式, 來看看設定結果： 超連結目標的