個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)_畢業(yè)設(shè)計(jì)(論文)-資料下載頁(yè)
2025-07-09 21:14本頁(yè)面
【導(dǎo)讀】是希望更深入的參與其中，擁有自己的Web網(wǎng)站，這似乎已經(jīng)成為一種潮流。人建立網(wǎng)站是為了追求時(shí)尚，那么企業(yè)建立網(wǎng)站就是必然的選擇了。無(wú)論是專業(yè)的，還是業(yè)余的，很多人對(duì)網(wǎng)頁(yè)制作頗感興趣。事實(shí)上制作一個(gè)簡(jiǎn)單的。網(wǎng)頁(yè)并不困難，會(huì)使用Word的人都可以勝任。但想做出超凡脫俗的網(wǎng)頁(yè)就不那么容易。網(wǎng)站管理于一身的所見即所得的網(wǎng)頁(yè)編輯器。本文有五章，我來(lái)由淺到深介紹個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)。除了政策上的制約外，一個(gè)人也根本沒有操作一份傳播媒體的能力。己在眾多參與者中的權(quán)威地位。5使用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容更新。Inter的中文名為“國(guó)際互聯(lián)網(wǎng)”，又稱“因特網(wǎng)”。要了解Inter，就必須先了解局域網(wǎng)。Inter才會(huì)變得如此豐富多彩，才能走進(jìn)千家萬(wàn)戶。突破了交友的傳統(tǒng)方式，人們可通過(guò)Inter互相了解對(duì)方，進(jìn)行各種各樣的交流。通過(guò)網(wǎng)絡(luò)游戲，可以充分享受Inter給我們帶來(lái)的樂趣。Inter在電信市場(chǎng)上的應(yīng)用將越來(lái)越廣泛。
【正文】 制作。下 面我們就業(yè)以實(shí)例來(lái)說(shuō)明。 在前面“插入多媒體”一章中，我們?cè)?jīng)講過(guò)直接鏈接文件的方式來(lái)插入“視頻”，即 直接在“鏈接”文本框中輸入“文件名 +名后綴名”，如 。單日擊這個(gè)鏈接， 經(jīng)過(guò)數(shù)據(jù)下載后， Windows 系統(tǒng)將啟動(dòng)自帶的媒體播放器 Windows Media Player 來(lái)播 放該視 頻。 操作步驟 步驟 1 先將視頻文件 通壓縮成 文件，放入站點(diǎn)的 media 文件 夾下。 步驟 2 將文件路徑輸入至“鏈接”文本框中。 步驟 3 保存網(wǎng)頁(yè)，按下 F12 預(yù)覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會(huì) 彈出“文本下載”選擇框，單擊其中的“保存”按鈕。 步驟 4 在“另存為”對(duì)框中選擇保存到本地計(jì)算機(jī)中的位置，實(shí)例中為“經(jīng)典回顧”文 件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接” 便制作完成了。讀者可以 打開“我的文檔”文件夾，解壓縮 文件，隨時(shí)欣 賞下載影片。 本設(shè)計(jì)中未用到此鏈接，在此只作簡(jiǎn)單介紹。 在 在在 在 HTML HTMLHTML HTML 語(yǔ)言中建立網(wǎng)頁(yè)鏈接 語(yǔ)言中建立網(wǎng)頁(yè)鏈接語(yǔ)言中建立網(wǎng)頁(yè)鏈接 語(yǔ)言中建立網(wǎng)頁(yè)鏈接 文字鏈接 文字鏈接文字鏈接 文字鏈接 在 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（新開窗口， blank) /p pa href=” 動(dòng)畫制作 /a（原窗口，默認(rèn)為空） /p pa href=” 網(wǎng)文精品 /a/p /body /html 解釋 ? href:是 a標(biāo)記的一種屬性，該屬性中的 URL 等于鏈接目標(biāo)文件的地址。 ? Target:也是 a標(biāo)記的一種屬性，相當(dāng)于 Dreamweaver“屬性面板”中的“目標(biāo)”， 它的值等于 blank,效果是在新窗口中打開。除此之外還包括其他 3 種： parent,self 和 top。這和 Dreamweaver 中“目標(biāo)”下拉列表中的內(nèi)容是一模一樣的。 ? 文本內(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 /head body pa href=” web/” target=” blank” img src=” images/btn001ou ” 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)容了。之前 講過(guò)，插入圖片使用“ img src=”圖像的ＵＲＬ“ ”的標(biāo)記， 這里當(dāng)然也不會(huì)例外。而是還可以使用” img 的屬性，如 alt（替換文本）、 width（寬）、 height（高）、及 border（邊框）等 －Ｍ Ｅ－ＭＥ－Ｍ Ｅ－Ｍ ail ailail 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=主題”也可以不加。 文件下載鏈接 文件下載鏈接文件下載鏈接 文件下載鏈接 “文件下載鏈接” 實(shí)例的代碼如下所述。 html head title文件下載鏈接 /title /head /body a href=” media/” 下載精彩廣告視頻 /a 解釋 只需使 href 等于“文件的路徑”即可。 本章講解的是網(wǎng)站的鏈接的方法和技巧。能讓瀏覽者很輕松的地觀看是很重要的， 這其中的關(guān)鍵就再于“鏈接“了。 第四章 第四章第四章 第四章 結(jié)論 結(jié)論結(jié)論 結(jié)論 經(jīng)過(guò)幾周的工作，個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)終于完成，本次設(shè)計(jì)基本完成任務(wù)書要求 的功能。查找信息、文件共享等。由于是個(gè)人網(wǎng)站，在設(shè)計(jì)上就沒有什么拘束和限制， 完全發(fā)揮自己的想象力和創(chuàng)造力，展現(xiàn)自己的興趣和個(gè)性。 本次設(shè)計(jì)用 Macromedia 公司開發(fā)的專業(yè) HTML 編輯器 Dreamweaver,對(duì) Wed 站點(diǎn)、 W eb 頁(yè)和 Web 應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。 利用 Dreamweaver 中的可視化編輯功能，用戶可以快速創(chuàng)建頁(yè)面而無(wú)須編寫任何 代碼。并且。借 助 Dreamweaver，還可以使用服務(wù)器語(yǔ)言（例如： ASP,ColdFu sion 標(biāo)記語(yǔ)言（ CFML）， JSP， PHP）。本設(shè)計(jì)的頁(yè)面不是很精美，這寫些不足之處還待 后期的開發(fā)和改進(jìn)。 致謝 繁忙的設(shè)計(jì)終于完成了，在設(shè)計(jì)期間我受到了來(lái)自四面八方的幫助和支持。 首先要感謝指導(dǎo)老師，感謝 在百忙中抽空對(duì)我們的設(shè)計(jì)和論文提出建議。特別 要感謝的是程老師對(duì)我們嚴(yán)格的要求，嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度。 接下來(lái)要感謝我的同學(xué)給我的大力支持，是他們?cè)谠O(shè)計(jì) 之初協(xié)助我掌握了 Dreamwe aver 的使用方法。在設(shè)計(jì)中他們給我提了不少的意見，還幫助我解決了很多技術(shù)上的問 題。 最后還要感謝這些年來(lái)給予我淳淳教導(dǎo)的各位老師，他們給予了我的知識(shí)讓我收益 一生，謝謝！ 參考文獻(xiàn) [1]姜楠 完美網(wǎng)頁(yè)設(shè)計(jì)與制作 中國(guó)青年出版社 20xx 年 5 月 [2]歐陽(yáng)峰，陳朝榮 電子商務(wù)技術(shù) 中國(guó)財(cái)政經(jīng)濟(jì)出版社 20xx 年 8 月 [3]中國(guó) IT 培訓(xùn)工程編委會(huì) Flash Mx 實(shí)例教程 珠海出版社 20xx 年 1 月 [4]趙子江 多媒體技術(shù)應(yīng)用教程（ 4）版 機(jī)械工業(yè)出版社 20xx 年 8 月第 4 版 [5]李東博 杜學(xué)智李增輝 精彩網(wǎng)頁(yè)制作三劍客 西安電子科技大學(xué)出版社 20xx 年 1 0 月 [6]賀凱 焦超 Flash Mx 20xx 動(dòng)畫制作典型范例 中國(guó)出版社 20xx 年 2 月
研究報(bào)告相關(guān)推薦
鄂ICP備17016276號(hào)-1