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

　　

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