dreamweaver第3講-預(yù)覽頁(yè)
【正文】 在一起。 ? 通過網(wǎng)站導(dǎo)航將眾多分散的網(wǎng)站連接起來(lái)，我們可以瀏覽更多的頁(yè)面。2020/6/28 網(wǎng)頁(yè)制作教程 1 第三講 超級(jí)鏈接的使用 河南大學(xué)計(jì)算中心 2020/6/28 網(wǎng)頁(yè)制作教程 2 簡(jiǎn)要復(fù)習(xí) ? 網(wǎng)頁(yè)的簡(jiǎn)單編輯 ? 文檔格式化的三種方法 ? 學(xué)會(huì)利用 CSS樣式美化文檔頁(yè)面 ? 在網(wǎng)頁(yè)中使用圖像 ? 設(shè)置頁(yè)面屬性 2020/6/28 網(wǎng)頁(yè)制作教程 3 超級(jí)鏈接的作用 ? 鏈接的設(shè)置是網(wǎng)頁(yè)中非常重要的一個(gè)內(nèi)容，有了合理的鏈接，一個(gè)網(wǎng)站才會(huì)顯得功能分布合理、整體效果好。因?yàn)槲覀兯鶠g覽的網(wǎng)頁(yè)都是通過超級(jí)鏈接把大量的頁(yè)面鏈接起來(lái)的，我們可以輕易地從一個(gè)窗口切換到另一個(gè)窗口，查找網(wǎng)頁(yè)內(nèi)容更加方便和快捷。 ? 例如： 源端點(diǎn)是文本，目標(biāo)端點(diǎn)是河南大學(xué)網(wǎng)站的首頁(yè)文件。 – 一個(gè)圖像也可以分配多個(gè) URL，即給圖像分配多個(gè)熱點(diǎn)區(qū)域，單擊某個(gè)特定區(qū)域可以鏈接到不同的目標(biāo)位置。如果希望鏈接到外部站點(diǎn)的文件，就必須使用絕對(duì)路徑。不需要聯(lián)網(wǎng)就可以測(cè)試鏈接。 ? 如果目標(biāo)端點(diǎn)位于子目錄中，需輸入目錄名稱和文件名，如：xiangce/。 ? “ 瀏覽文件 ” 按鈕：打開 “ 瀏覽 ” 窗口，選擇你要鏈接的文件。 – _top 在鏈接所在的完整窗口中展開頁(yè)面。例如，在實(shí)例中按 Alt+D 鍵會(huì)選中該鏈接。 2020/6/28 網(wǎng)頁(yè)制作教程 16 用 CSS樣式設(shè)置鏈接樣式 ? 默認(rèn)情況下，添加過超級(jí)鏈接的文本自動(dòng)變成藍(lán)色，并加上了下劃線，鏈接被訪問過后，自動(dòng)變?yōu)樽仙?。最常使用，網(wǎng)頁(yè)上至少要定義這種鏈接。 ? “ a:hover” ：用于產(chǎn)生動(dòng)態(tài)的視覺效果。 ? 如果沒有特別的需要，只需定義 “ a:link” 和“ a:hover” 的狀態(tài)，其它不用。 2020/6/28 網(wǎng)頁(yè)制作教程 19 3. 點(diǎn)擊 “ 選擇器 ”旁邊的下拉按鈕，彈出各種狀態(tài)的選項(xiàng)。 ? 最后按 F12預(yù)覽一下，看看設(shè)置的效果。 ? 熱點(diǎn)：是圖像上被賦予一個(gè)超級(jí)鏈接屬性的不可見區(qū)域，在瀏覽器中單擊該區(qū)域后，可以鏈接到目標(biāo)位置。 – 也可以輸入提示性文字。 2020/6/28 網(wǎng)頁(yè)制作教程 25 錨點(diǎn)鏈接 ?錨點(diǎn)鏈接主要用在比較長(zhǎng)的文檔中，如讀書網(wǎng)站。 ?其特點(diǎn)是：超級(jí)鏈接的源端點(diǎn)和目標(biāo)端點(diǎn)均在同一文檔中，也可以鏈接到其它文檔的指定位置。 ?另外，可以在閱讀文檔的末尾加上 “ 返回頂部 ”的文字，并在 “ 鏈接 ” 文本框中輸入： top，即可返回頁(yè)面頂端。 ? 空鏈接的作用：可以激活文檔中鏈接對(duì)應(yīng)的對(duì)象或文本。 ? 在 “ 屬性面板 ” 上的 “ 鏈接 ” 欄中鍵入javascript:，其后緊接 JavaScript代碼或函數(shù)調(diào)用。 2020/6/28 網(wǎng)頁(yè)制作教程 35 ? 點(diǎn)擊屬性面板中的 “ 列表值 ” 選項(xiàng)，彈出 “ 列表值 ” 對(duì)話框，可以通過 “ ＋ ” 、 “ － ” 號(hào)來(lái)增加列表值，也可以更改列表值。 2020/6/28 網(wǎng)頁(yè)制作教程 38 創(chuàng)建網(wǎng)站相冊(cè) ? 網(wǎng)站相冊(cè)是將許多圖像保存在一起，并縮小顯示在網(wǎng)頁(yè)中，訪問者可以在單擊其中一張圖像后彈出對(duì)應(yīng)的放大圖像，即在縮略圖和圖像本身之間創(chuàng)建鏈
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1