網(wǎng)頁設(shè)計(jì)與制作第2章dreamweavermx基本操作-資料下載頁
2024-10-17 02:40本頁面
【正文】 【 URL】 文本框中顯示子文件夾名，然后是“ /”和鏈接的文件名。 ? 要鏈接的文件處在當(dāng)前文檔所在文件夾的父文件夾中時(shí)，則 【 URL】 文本框中顯示“．． /”加鏈接的文件名。 創(chuàng)建文本鏈接 ? 選擇 【 站點(diǎn)根目錄 】 ，則以站點(diǎn)根目錄作為參照物。即從站點(diǎn)根文件夾到文檔所經(jīng)過的路徑。這種情況一般針對(duì)一個(gè)使用數(shù)臺(tái)服務(wù)器的大型網(wǎng)站，或者一臺(tái)同時(shí)作為數(shù)個(gè)不同站點(diǎn)主機(jī)的服務(wù)器。多數(shù)情況下，我們選擇 【 文檔 】選項(xiàng)。 創(chuàng)建文本鏈接 ? (4) 【 屬性 】 面板中 【 目標(biāo) 】 下拉列表中有 4個(gè)選項(xiàng)，根椐情況選擇一個(gè)。如圖 53所示： ? 【 _blank】 ：表示目標(biāo)文件在新的瀏覽器窗口打開。 ? 【 _parent】 ：表示目標(biāo)文件在上一級(jí)瀏覽器窗口打開。 ? 【 _self】 ：表示目標(biāo)文件當(dāng)前瀏覽器窗口打開。 ? 【 _top】 ：回到最頂端的瀏覽器窗口打開目標(biāo)文件。 ? 一般來說，二級(jí)子頁面我們?cè)谛碌臑g覽器窗口打開，但為了避免打開太多的窗口，根椐需要我們也常選擇 【 _self】 。該選項(xiàng)相當(dāng)于鏈接標(biāo)簽的 target屬性。最后的代碼為 a href=chanpin/ target=_blank 創(chuàng)建文本鏈接 ? 設(shè)置鏈接的狀態(tài) ? 文本鏈接創(chuàng)建后，文本呈藍(lán)色，有下劃線，訪問過后的鏈接文本呈紫色，我們可以改變鏈接的默認(rèn)狀態(tài)。 創(chuàng)建文本鏈接 ? 文件下載鏈接 ? 我們經(jīng)常在網(wǎng)上下載資料，比如常用軟件、小游戲等，這就是文件下載鏈接的表現(xiàn)形式。文件下載鏈接和文本鏈接的操作是一樣的，不同之處在于，文件下載鏈接對(duì)應(yīng)的是壓縮文件 .zip 、 .rar或可執(zhí)行文件 .exe、 .。具體操作如下： ? 選中文字“資料下載” ? 在 【 屬性 】 面板上單擊指向圖標(biāo)，拖向被鏈接的文件“ ”。 ? 保存文檔，按 F12預(yù)覽，可查看效果。 ? 注：創(chuàng)建文件下載鏈接一次只能對(duì)應(yīng)一個(gè)文件，若是文件夾或多個(gè)文件，則需壓縮為一個(gè)文件。 創(chuàng)建電子郵件鏈接 ? 可以用文本或圖像來創(chuàng)建電子郵件鏈接，步驟： ? 選中文本“聯(lián)系我們”，單擊 【 常用 】 工具欄上的電子郵件圖標(biāo)，打開 【 電子郵件鏈接 】對(duì)話框，如圖 220所示。 ? 在 【 EMail】 的文本框中輸入完整的電子郵件地址。單擊 【 確定 】 按鈕。 ? 保存文檔，按 F12預(yù)覽。 ? 電子郵件鏈接是把瀏覽者的郵件處理軟件打開。它使用了一個(gè)以 mailto開始的 href屬性。代碼是 a href=mailto:聯(lián)系我們 /a ? 使用這種方法來得到用戶的返饋信息雖然方便，但不理想。通過搜索 web可以找到有效的電子郵件地址，從而成為垃圾郵件的目標(biāo)。 鏈接到命名錨記 ? 在平常學(xué)習(xí)中，我們?yōu)榱丝焖僬业较胍膬?nèi)容，經(jīng)常作一些書簽。當(dāng)網(wǎng)頁的內(nèi)容很長時(shí)，我們也可以用相同的方法，達(dá)到方便閱讀、快速查找的目的。錨點(diǎn)的作用相當(dāng)于書簽。我們?cè)谖臋n中作一些標(biāo)記，這些標(biāo)記在 Dreamweaver中被稱為錨點(diǎn)，然后對(duì)這些錨點(diǎn)進(jìn)行鏈接?，F(xiàn)在我們來講具體的操作。 空鏈接 ? 有時(shí)我們要給網(wǎng)頁元素附加行為，這些行為相當(dāng)于使用 JavaScript編寫的程序或函數(shù)。要想對(duì)網(wǎng)頁元素設(shè)置行為，就得為它對(duì)建立空鏈接。建立空鏈接的方法很簡單，只需選定文本或圖像，在【 屬性 】 面板鏈接的文本框中輸入 或鍵入 javascript:。 創(chuàng)建圖像鏈接 ? 創(chuàng)建圖像鏈接的方法和文本鏈接相同，首先選中圖像，在 【 屬性 】 面板的鏈接文本框中，單擊 【 瀏覽 】 按鈕或【 指向目標(biāo)文件 】 按鈕，選擇要鏈接的目標(biāo)文件。圖像鏈接不像文本鏈接那樣，會(huì)有鏈接后的各種狀態(tài)變化，鏈接的圖像本身不會(huì)發(fā)生改變。相對(duì)應(yīng)的代碼為： a href=../05/img src=../05/ border=0/a 圖像映射 ? 圖像映射就是指在一幅圖像中設(shè)置多處鏈接，方法是把圖像劃分為幾個(gè)部分，也稱為熱點(diǎn)，不同熱點(diǎn)對(duì)應(yīng)不同的鏈接。 圖像映射 ? 在 【 地圖 】 文本框中輸入圖像映射的名稱，通過熱點(diǎn)工具在圖像上創(chuàng)建熱點(diǎn)。 ? 矩形工具：選擇矩形工具，在圖像上拖動(dòng)光標(biāo)可創(chuàng)建矩形熱點(diǎn)。 ? 圓形工具：選擇圓形工具，在圖像上拖動(dòng)光標(biāo)可創(chuàng)建圓形熱點(diǎn)。 ? 多邊形工具：選擇多邊形工具，通過在圖像上一次單擊一個(gè)點(diǎn)的方法可創(chuàng)建多邊形熱點(diǎn)。 ? 箭頭工具：可選中熱點(diǎn)區(qū)域，并對(duì)區(qū)域進(jìn)行修改、移動(dòng)、刪除等操作。 上機(jī)操作 ? (1) 編寫一個(gè)網(wǎng)頁，要求網(wǎng)頁的標(biāo)題為 “ 歡迎來到我的網(wǎng)站 ” ，網(wǎng)頁上有一段紅色的文字 “ 這是我編寫的第一個(gè)網(wǎng)頁 ” 和一幅 URL為 “ ”的圖片。 (2)從新浪網(wǎng)站上下載站點(diǎn)圖標(biāo)，然后將其插入網(wǎng)頁中，并為其建立到新浪網(wǎng)的超鏈接。
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1