【導(dǎo)讀】工作效率的有效手段。然而，我們學(xué)校的收發(fā)室對(duì)報(bào)刊信件的收發(fā)仍然采用比較傳統(tǒng)的方。通過書寫紙條，放入信箱，通知收件人，等待取信件的人來取。效率比較低，另一方面，工序多，容易出錯(cuò)。而且沒有寫信箱的信件沒法通知，造成延誤。基于此背景，我決定設(shè)計(jì)收發(fā)室信件收發(fā)的網(wǎng)站，方便師生的信件收發(fā)。此網(wǎng)站為校園內(nèi)部網(wǎng)站，目的在于方便本校師生郵件的收取。Inter的中文名為“國際互聯(lián)網(wǎng)”，又稱“因特網(wǎng)”。采用開放系統(tǒng)協(xié)議的計(jì)算機(jī)通訊網(wǎng)絡(luò)。然而，Inter不僅僅是計(jì)算機(jī)的互聯(lián)網(wǎng)，它還是。要了解Inter，就必須先了解局域網(wǎng)。局域網(wǎng)所覆蓋的地理范圍比較小，通常不超過幾十公里，絡(luò)等都屬于局域網(wǎng)。Inter上有取之不盡，用之不竭的信息資。對(duì)于Inter中各種各樣的信息，所有的人都可以通過網(wǎng)絡(luò)的連接來共享和使用。W、Inter才會(huì)變得如此豐富多彩，才能走進(jìn)千家萬戶。

　　

【正文】 郵 件 鏈 接 ” 對(duì)話框 中 有兩個(gè)輸入項(xiàng) ，分 別 是“文本”和“ EMail” 。在“文本 ” 項(xiàng)中輸 入 鏈接 的文字，中文、英文均可，在 EMail項(xiàng)中輸 入網(wǎng)站 聯(lián) 系有的電 子 郵 件地址，如 實(shí) 例中的 。 33 步 驟 4 單擊 “確定”按 鈕 ，具有“ EMail鏈接 ” 屬 性的文本就 。插入到游 標(biāo) 所在位置了，按下 Ctrl+S保存網(wǎng) 頁 ，再按下 F12預(yù)覽查 看 實(shí)際 效果。 上面的方法只適用于文本的“ EMail鏈接 ”，如果想在其它的 對(duì) 象（如 圖 像）上也加入 這種 鏈接 ， 該怎辦 呢？下面介 紹 第 2種 建立“ EMail鏈接 ”的方法。 其實(shí) 很 簡(jiǎn)單 ，與前面 講過 的 圖 像加入 鏈接 的方法基本一 樣 。先在 頁 面中需要的地方插入 圖像，之后 選 中 圖 像，并在 “ 屬 性面板”的“ 鏈接 ”文本框中 輸 入如下 語 句即可 mailto: ?subject=網(wǎng)站的建 議 與第 1種方法不同的是， EMail 地址前面增加了 mailto:字 樣 。用 這 種方法就可以 給圖 像等其它 對(duì) 象建立“ EMail鏈接 ”了。 文件下 載 鏈接 “文件下 載鏈接 ”的原理很 簡(jiǎn)單 ，只要 鏈接文件屬 于 瀏覽無 法 識(shí)別的關(guān) 型，便都 會(huì) 使用 IE瀏覽 器直接 進(jìn) 行下 載 ，并保存到本地 計(jì) 算機(jī)中。 瀏覽 器 無 法 識(shí)別 的檔 類 型有很多， 這 里就介 紹 一 個(gè) 最常用的，以 zip或 rar為 后 綴 名的 壓縮 格式檔， 這 種檔可以使用主流的 壓縮軟 件（如 winzip、 winrar） 來 制作。下面 我們就業(yè)以實(shí) 例 來說 明。 在前面“插入多媒體”一章中， 我們 曾 經(jīng)講過 直接 鏈接 文件的方式 來 插入“ 視頻 ”，即直接在“ 鏈接 ”文本框中 輸 入“文件名 +名后 綴 名”，如 。 單 日 擊這個(gè)鏈接 ， 經(jīng) 34 過數(shù) 據(jù)下 載 后， Windows系 統(tǒng)將啟動(dòng) 自 帶 的媒體播放器 Windows Media Player 來 播放 該視頻 。 操作步 驟 步 驟 1 先 將視頻 檔 壓縮 成 ，放入站 點(diǎn) 的 media活 頁夾 下。 步 驟 2 將 文件路 徑輸 入至“ 鏈接 ”文本框中。 步 驟 3 保存網(wǎng) 頁 ，按下 F12預(yù)覽 ，在 瀏覽 器中 單擊 “下 載 精彩 廣 告 視頻 ” 鏈接 文本， 會(huì)彈出“文本下 載 ” 選擇 框， 單擊 其中的“保存”按 鈕 。 步 驟 4 在“另存 為 ” 對(duì) 框中 選擇 保存到本地 計(jì) 算機(jī)中的位置， 實(shí) 例中 為 “ 經(jīng) 典回 顧 ”檔 夾 。之后 單擊 “保存”按 鈕 ， 壓縮 文件即保存到 該 位置中。至此 ，“文件下 載鏈接 ”便制作完成了。 讀 者可以 打開 “我的文檔”檔 夾 ， 解壓縮 ， 隨時(shí) 欣 賞 下 載影 片。 本 設(shè)計(jì) 中未用到此 鏈接 ，在此只作 簡(jiǎn)單 介 紹 。 在 HTML 語 言中建立網(wǎng) 頁鏈接 35 鏈接 在 HTML語 言中用超 鏈接標(biāo)記 指向一 個(gè) 目 標(biāo) 。其基本格式 為： a href=” URL”文本 內(nèi) 容 /a 舉個(gè)簡(jiǎn)單 的“文本 鏈接 ”的 實(shí) 例， 該實(shí) 例相 對(duì)應(yīng) 的 HTML代 碼 如下所示。 html head title文字 鏈接 /title /head body pa href“ ” target=” blank” 平面 設(shè)計(jì) /a（新 開 窗口， blank)/p pa href=” 相 冊(cè) /a（原窗口，默 認(rèn)為空 ） /p pa href=” 留言 /a/p /body /html 36 解釋 171。 href:是 a標(biāo)記 的一種 屬 性， 該屬 性中的 URL等于 鏈接 目 標(biāo) 文件的地址。 171。 Target:也是 a標(biāo)記 的一種 屬 性，相 當(dāng) 于 Dreamweaver“ 屬 性面板”中的“目 標(biāo) ”，它的值等于 blank,效果是在新窗口中 打開 。除此之外 還 包括其它 3種： parent,self和top。 這 和 Dreamweaver中“目 標(biāo) ”下拉列表中的 內(nèi) 容是一模一 樣 的。 171。 文本 內(nèi) 容：如代 碼實(shí) 例中的“平面 設(shè)計(jì) ”。 這 些文本 將 放在使用了 鏈接屬 性 href和目 標(biāo)屬 性 target的 a與 /a標(biāo)記之間 ， 產(chǎn) 生了 鏈接 的效果。 提示 再提醒 讀 者一下， p為 段落 標(biāo)記 ，在 Dreamweaver中是由 Enter（回 車 ） 鍵產(chǎn) 生的。 像 鏈接 舉個(gè)簡(jiǎn)單 的“ 圖 像 鏈接 ”的 實(shí) 例。 該實(shí) 例相 對(duì)應(yīng) 的ＨＴＭＬ代 碼 所示。 html head title圖 像 鏈接 /title 37 /head body pa href=” web/” target=” blank” img src=” images/btn001out.gif” alt“平面 設(shè)計(jì) ” =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（原窗口，默 認(rèn)為空 ） /p pa href=” 3d/” img src=” images/” alt“三 維 作品” =width=” 85” height=” 18” border=” 0” /a/p /body /html 解釋 仔 細(xì)觀 察代 碼 可以 發(fā)現(xiàn) ，“ 圖 像 鏈接 ”與“文本 鏈接 ”惟一的差 別 就在于 a與 a/之間 的 內(nèi) 容?！拔谋?鏈接 ”中 a與 /a之間 的 內(nèi) 容 是文字內(nèi) 容，而“ 圖 像 鏈接 ”中就肯定是 圖片內(nèi) 容了。之前 講過 ，插入 圖 片使用“ img src=” 圖 像的ＵＲＬ“ ”的 標(biāo)記 ， 這 里當(dāng)然 也不 會(huì)例 外。而是 還 可以使用” img 的屬 性，如 alt（替 換 文本）、 width（ 寬 ）、 height（高）、及 border（ 邊 框）等 38 Ｅ－Ｍ ail鏈接 該實(shí) 例相 對(duì)應(yīng) 的“ＨＴＭＬ”代 碼 如下所述。 html head titleEmail鏈接 /title /head body pa href=” mailto:?subject=網(wǎng)站的意 見 建 議 “ 給 我 寫 信 /a/p /body html 解釋 只需使 href 等于“ mailto： 郵 件地址？ subject=主 題＂ 即可，其中 subject為 可選項(xiàng) ，“？ subject=主 題 ”也可以不加。 39 載鏈接 “文件下 載鏈接 ” 實(shí) 例的代 碼 如下所述。 html head title文件下 載鏈接 /title /head /body a href=” media/” 下 載 精彩 廣 告 視頻 /a 解釋 只 需使 href等于“文件的路 徑 ”即可。 本章 講解 的是網(wǎng)站的 鏈接 的方法和技巧。能 讓瀏覽者 很 輕 松的 地觀 看是很重要的，這 其中 的關(guān)鍵 就再于“ 鏈接 “了。 本次 設(shè)計(jì)用 Macromedia公司 開發(fā)的專業(yè) HTML編輯 器 Dreamweaver,對(duì) Wed站 點(diǎn) 、 Web頁 和 Web應(yīng) 用程序 進(jìn) 行 設(shè)計(jì) 、 編碼和開發(fā) 。 利用 Dreamweaver中的可 視 化 編輯功 能，用 戶 可以快速 創(chuàng) 建 頁 面而 無須編寫任 何代 碼 。并且。借助 Dreamweaver，還 可以使用服 務(wù) 器 語 言（例如： ASP,ColdFusio 40 n標(biāo)記語 言 （ CFML）， JSP， PHP）。本 設(shè)計(jì) 的 頁 面不是很精美， 這寫些 不足之 處還 待后期的 開發(fā)和 改 進(jìn)。 第五章 結(jié) 束 語 在做畢業(yè)設(shè)計(jì)的近幾個(gè)月時(shí)間是我學(xué)生生涯中最有價(jià)值的一段時(shí)光。這里有治學(xué)嚴(yán)謹(jǐn)而不失親切的老師，又相互幫助的同學(xué)，更有向上、融洽的學(xué)習(xí)生活氣氛。借此論文之際，我想向所以人表示我的謝意。 首先噶不行老師。本論文是在老師的指導(dǎo)下修改完成的。再次，要多他們的細(xì)心幫 41 助和指導(dǎo)表示由衷的感謝。在這段時(shí)間里，我從她們的身上不僅學(xué)到了喜多的專業(yè)知識(shí)，更感受到了她們工作中的兢兢業(yè)業(yè)，在生活中的平易近 人。此外，她們嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度和忘我的工作精神值得我去學(xué)習(xí)。 還要感謝給予我?guī)椭奈覀冺?xiàng)目小組的他成員，他們?cè)谖业漠厴I(yè)設(shè)計(jì)中經(jīng)常給我提出許多關(guān)鍵性的問題，使我受益匪淺 感謝三年來傳授我知識(shí)的老師們，更要感謝我的家人對(duì)我學(xué)業(yè)上的主持和鼓勵(lì)，感謝所有關(guān)心幫助過我的人，同時(shí)感謝大家，感謝亞泰學(xué)院。 總之，在以后的學(xué)習(xí)生活中我將以加倍努力工作隊(duì)給予我?guī)椭膶W(xué)校老師及同學(xué)們的回報(bào) 參考文獻(xiàn) 《 完美網(wǎng)頁設(shè)計(jì)與制作》 姜楠 中國青年出版社 2020 年 5 月 42 《 HTML 網(wǎng)頁制作 》 王映雪等編著 上?？茖W(xué)普及出版社 2020 《 網(wǎng)頁制作方法與技巧 》 雁騰創(chuàng)作室編 機(jī)械工業(yè)出版社 2020