dreamweaver第3講-免費閱讀
【正文】 2020/6/28 網(wǎng)頁制作教程 38 創(chuàng)建網(wǎng)站相冊 ? 網(wǎng)站相冊是將許多圖像保存在一起，并縮小顯示在網(wǎng)頁中，訪問者可以在單擊其中一張圖像后彈出對應(yīng)的放大圖像，即在縮略圖和圖像本身之間創(chuàng)建鏈接。 ? 在 “ 屬性面板 ” 上的 “ 鏈接 ” 欄中鍵入javascript:，其后緊接 JavaScript代碼或函數(shù)調(diào)用。 ?另外，可以在閱讀文檔的末尾加上 “ 返回頂部 ”的文字，并在 “ 鏈接 ” 文本框中輸入： top，即可返回頁面頂端。 2020/6/28 網(wǎng)頁制作教程 25 錨點鏈接 ?錨點鏈接主要用在比較長的文檔中，如讀書網(wǎng)站。 ? 熱點：是圖像上被賦予一個超級鏈接屬性的不可見區(qū)域，在瀏覽器中單擊該區(qū)域后，可以鏈接到目標位置。 2020/6/28 網(wǎng)頁制作教程 19 3. 點擊 “ 選擇器 ”旁邊的下拉按鈕，彈出各種狀態(tài)的選項。 ? “ a:hover” ：用于產(chǎn)生動態(tài)的視覺效果。 2020/6/28 網(wǎng)頁制作教程 16 用 CSS樣式設(shè)置鏈接樣式 ? 默認情況下，添加過超級鏈接的文本自動變成藍色，并加上了下劃線，鏈接被訪問過后，自動變?yōu)樽仙? – _top 在鏈接所在的完整窗口中展開頁面。 ? 如果目標端點位于子目錄中，需輸入目錄名稱和文件名，如：xiangce/。如果希望鏈接到外部站點的文件，就必須使用絕對路徑。 ? 例如： 源端點是文本，目標端點是河南大學(xué)網(wǎng)站的首頁文件。2020/6/28 網(wǎng)頁制作教程 1 第三講 超級鏈接的使用 河南大學(xué)計算中心 2020/6/28 網(wǎng)頁制作教程 2 簡要復(fù)習 ? 網(wǎng)頁的簡單編輯 ? 文檔格式化的三種方法 ? 學(xué)會利用 CSS樣式美化文檔頁面 ? 在網(wǎng)頁中使用圖像 ? 設(shè)置頁面屬性 2020/6/28 網(wǎng)頁制作教程 3 超級鏈接的作用 ? 鏈接的設(shè)置是網(wǎng)頁中非常重要的一個內(nèi)容，有了合理的鏈接，一個網(wǎng)站才會顯得功能分布合理、整體效果好。 2020/6/28 網(wǎng)頁制作教程 5 超級鏈接的類型 超級鏈接 內(nèi)部鏈接：在同一網(wǎng)站文檔之間的鏈接 外部鏈接：不同網(wǎng)站之間的鏈接 錨點鏈接：同一網(wǎng)頁或不同網(wǎng)頁指定位置的鏈接 Email鏈接：電子郵件鏈接 空鏈接：無鏈接內(nèi)容的鏈接 超級鏈接可以在一個 Web網(wǎng)站中的各網(wǎng)頁之間鏈接，而且可以將全球任何位置的 Web網(wǎng)站中的網(wǎng)頁甚至其它類型的文件聯(lián)系在一起。 ? 絕對路徑的缺點：這種方式的鏈接不利于測試，因為必須在 Inter服務(wù)器端對鏈接進行測試，也就是必須在聯(lián)網(wǎng)的情況下才能測試。 ? 如果目標端點不在當前目錄中，要用 “ ..” 表示出當前目錄的上層目錄，再轉(zhuǎn)入其它目錄中，如： ../image/。 2020/6/28 網(wǎng)頁制作教程 13 創(chuàng)建文本鏈接 ? 文本超級鏈接是最常用的。 ? 可以用 CSS樣式定義鏈接的各種狀態(tài)，這是經(jīng)常使用的鏈接樣式設(shè)置的方法。鼠標放在鏈接上，鏈接狀態(tài)會改變。 4. 選擇“ a:link” ，單擊“確定”按鈕，設(shè)置鏈接的常規(guī)狀態(tài)效果。 ? 通常在具有網(wǎng)站地圖等性質(zhì)的網(wǎng)站經(jīng)常使用。 ?當一個網(wǎng)頁的文字
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1