【正文】 接下來要感謝我的同學給我的大力支持，是他們在設計 之初協(xié)助我掌握了 Dreamwe aver的使用方法。本設計的頁面不是很精美，這寫些不足之處還待 后期的開發(fā)和改進。 本次設計用 Macromedia公司開發(fā)的專業(yè) HTML編輯器 Dreamweaver,對 Wed站點、 W eb頁和 Web應用程序進行設計、編碼和開發(fā)。能讓瀏覽者很輕松的地觀看是很重要的， 這其中的關鍵就再于“鏈接“了。 html head titleEmail鏈接 /title /head body pa href=” mailto:?subject=網(wǎng)站的意見建議“ 給我寫信 / a/p /body html 解釋 只需使 href 等于“ mailto：郵件地址？ subject=主題＂即可，其中 subject為 可選項，“？ subject=主題”也可以不加。 html head title圖像鏈接 /title /head body pa href=” web/” target=” blank” img src=” images/btn001ou ” alt“平面設計” =width=” 85” height=” 18” border=” 0” /a（新開窗口， blank） /p pa href=wallpaper/” img src=” images/” alt=“原創(chuàng)壁紙” width=” 85” height=” 18” border=” 0” /a（原窗口，默認為空） /p pa href=” 3d/” img src=” images/” alt“三維作品” =width=” 85” height=” 18” border=” 0” /a/p /body /html 解釋仔細觀察代碼可以發(fā)現(xiàn)，“圖像鏈接”與“文本鏈接”惟一的差別就在于 a與 a/ 之間的內(nèi)容。這些文本將放在使 用了鏈接屬性 href 和目標屬性 target的 a與 /a標記之間，產(chǎn)生了鏈接的效果。 ? Target:也是 a標記的一種屬性，相當于 Dreamweaver“屬性面板”中的“目標”， 它的值等于 blank,效果是在新窗口中打開。 本設計中未用到此鏈接，在此只作簡單介紹。 步驟 4 在“另存為”對框中選擇保存到本地計算機中的位置，實例中為“經(jīng)典回顧”文 件夾。單日擊這個鏈接， 經(jīng)過數(shù)據(jù)下載后， Windows系統(tǒng)將啟動自帶的媒體播放器 Windows Media Player 來播 放該視 頻。 文件下載鏈接文件下載鏈接 文件下載鏈接 “文件下載鏈接”的原理很簡單，只要鏈接文件屬于瀏覽無法識別的關型，便都會使用 IE瀏覽器直接進行下載，并保 存到本地計算機中。 上面的方法只適用于文本的“ EMail鏈接”，如果想在其它的對象（如圖像）上也加入 這種鏈接，該怎辦呢？下面介紹第 2種建立“ EMail鏈接”的方法。 步驟 3 在彈出的“電子郵件鏈接”對話框中有兩個輸入項，分別是“文本”和“ EMai l” 。 – –– – Mail MailMail Mail的鏈接 的鏈接的鏈接 的鏈接 EMail鏈接，是指當瀏覽者單擊該鏈接之后，不是打開一個網(wǎng)頁文件，而是啟動用戶的 E Mail客戶端軟件（如 Outlook Express） ,并打開一個空白的新郵件，供瀏覽者撰 寫 內(nèi)容來與網(wǎng)站聯(lián)系人聯(lián)系，這是一種最方便的互動方式。 步驟 6 至此，第 1個欄目的圖像鏈接就制作完畢了，按下 Ctrl+S保存網(wǎng)頁，再按下 F1 2預覽，測試一下，將鼠標放在“動畫制作” 4個文字上時將變成手形，同時瀏覽器窗 口下面的狀態(tài)欄中會顯示出鏈接到的網(wǎng)頁的地址，并且會顯示出“替代”文本“動畫制 作”，單擊文字，頁面會立即跳轉(zhuǎn)到第 3個欄目中，這表示鏈接已經(jīng)制作成功了。 步驟 4 如果有需要，可以在“目標”下拉列表中選擇“鏈接”網(wǎng)頁顯示的窗口方式，分 別為 blank 、 parent 、 self或 top。 步驟 2 在 Dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。 下面繼續(xù)介紹其他類型的鏈接。 步驟 8 同理，按照以上步驟，再為“動畫制作”和“網(wǎng)文精品” “經(jīng)典回顧“等其它欄 制作指向?qū)獧谀康逆溄?。如圖： 實例中沒有選擇任何選項，保持空白，表示在原窗口中打開鏈接網(wǎng)頁。 這里我 用到的是直接點擊文件夾圖標，在文件夾中找到要鏈接的對象 。實例中要做 到單擊不同的欄目的網(wǎng)頁。 接下來結(jié)合我的個人網(wǎng)站為實例，來講解如何為文字建立“鏈接”。網(wǎng)頁中的很多對象都可以加入“鏈接”屬性。 “平面設計”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。有些讀者可能不喜歡使用 Dreamweaver MX2020來進行 打字的工作，而更習慣在專門的文本編輯軟件中快速打字，如 Microsoft Word和 Wind ows自帶的記事本等，又或者讀者已經(jīng)準備好了要放入網(wǎng)頁的文本的電子版本，那么我 們就可以直接使用 Dreamweaver的文本復制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯 窗口來進行排版的工作，具體步驟如下。 插入文本的兩種方式 網(wǎng)頁中需要大量的文本，我們或以通過以下兩種方式插入它們。 步驟 2 在彈出的對話框中選擇擴展名為 swf 的 Flash文件，即可將其插入到 Dreamwe aver的“網(wǎng)頁編輯窗口”中，可以看到，在這個窗口中 Flash文件的大小。其中， Inter Explorer通過 ActiveX控制來實現(xiàn)， Netscape Navigator則 是通過相應的插件來實現(xiàn)的。在這里我要插入的是網(wǎng)站標志 logo，插入 l ogo圖象，如圖所示： 最后單擊“確定”按鈕，即可完成插入圖像的操作。 左起第 5個即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第 1項“圖像”。由于網(wǎng)絡在傳輸上 的限制，導致了下載的速度不可能太快，因此，網(wǎng)頁的大小就不能太大，其中關鍵就在 于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟于 事了。 下面就以首頁為例，說明怎樣插入較常用的頭（ head）內(nèi)容。右健單擊空白 區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修 改 /頁面屬性”項，也可以把打開該對話框。 將變成“ +”形狀的鼠標光標放到編輯中網(wǎng)頁上，在要繪制的地方進行拖動 就可以進行創(chuàng)建了?！安季帧蹦Ｊ街械谋砀穹Q為布局表格，單元格稱為布局單元格。它是起什么名字通常要視 Server端 的設置，一般的有 , ，目前主要以 居多。之后再次新建 1個文件夾，命名為 images,用來存放“所有的圖象文件”的 內(nèi)容。 在彈出的菜單中選擇“新建文件”，新建一個文件后將其命名為“ (或i ),它就是未來的首頁。 而后“下一步”再“完成”，即可。底下的文本框允許在本地磁盤上指定一個文件夾， Dreamweaver將在其 中儲存站點文件的本地副本。 填好后，單擊“下一步”，進入下一個步驟。 屬性面板 在網(wǎng)頁編輯窗口的下面還有一個面板，它是有名的“屬性面板”，它在這個軟件中 起到舉足輕重的作用。單擊其中任意 一項菜單，隨即就會出現(xiàn)一個下拉式指令菜單。 制作網(wǎng)頁前的準備 電腦必備： 電腦速度夠快，最好能夠上網(wǎng)。 創(chuàng)建快捷方式 使用“開始”菜單啟動程序的過程比較煩瑣。 出現(xiàn)“開始復制文件”對話框，單擊“下一步”安裝程序開始復制文件，過幾 分鐘后，安裝結(jié)束，單擊“結(jié)束”按鈕，結(jié)束安裝。也可以在下面的“目 錄”中選擇其它的文件夾，設置完后，單擊“確定”，回到“選擇目的地址”對話框， 單擊“下一步”繼續(xù)。所有的安裝 會自動完成。