【導(dǎo)讀】各人信息單位方便手段。本文介紹了個(gè)如何開(kāi)發(fā)個(gè)人網(wǎng)站。首先介紹開(kāi)發(fā)工具ASP，HTML，等技術(shù)，然后詳細(xì)了解個(gè)人主頁(yè)的開(kāi)發(fā)。由于因特網(wǎng)具有傳播信息容量極大、形態(tài)多樣、迅速方便、全球覆蓋、自由和交互。的特點(diǎn)，已將發(fā)展成為新的傳播媒體，所以幾乎各個(gè)企業(yè)、機(jī)構(gòu)紛紛建立自己的Web站點(diǎn)。Web站點(diǎn)是向用戶(hù)域或潛在客人戶(hù)提供信息的一種方式。使這些超文本能夠有機(jī)的關(guān)聯(lián)并可使瀏覽器識(shí)別，使通過(guò)Html語(yǔ)言（HyperTextMarkup. Language超文本標(biāo)記語(yǔ)言）實(shí)現(xiàn)的。Web站點(diǎn)指引用戶(hù)瀏覽該站點(diǎn)或其它站點(diǎn)上的分頁(yè)信息，可以通。過(guò)表格和電子郵件的鏈接提供雙向交互的方式。網(wǎng)站是未來(lái)企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施。映企業(yè)的形象和文化的巨大的無(wú)形資產(chǎn)。

　　

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