個(gè)人網(wǎng)站設(shè)計(jì)及實(shí)現(xiàn)畢業(yè)設(shè)計(jì)論文

人生最大的幸福，是發(fā)現(xiàn)自己愛的人正好也愛著自己。個(gè)人網(wǎng)站設(shè)計(jì)及實(shí)現(xiàn)作者：張鐸指導(dǎo)教師：劉向嬌摘要：網(wǎng)絡(luò)發(fā)展到今天建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問題了對(duì)于公司家來說建立好的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點(diǎn)建立新的公司形象直接開拓國際市場對(duì)于個(gè)人來說建設(shè)好的個(gè)人網(wǎng)站可以更加方便的收集信息開展更加直接的網(wǎng)絡(luò)交流使用自己構(gòu)造的平臺(tái)可認(rèn)為畢業(yè)后找工作做好充足的準(zhǔn)備在我的個(gè)人網(wǎng)站制作過程中重要是針對(duì)我網(wǎng)站設(shè)計(jì)的方向和目的、網(wǎng)站設(shè)計(jì)的整個(gè)流程出發(fā)然后通過自己設(shè)計(jì)的這個(gè)個(gè)人網(wǎng)站作品來說明并演示一個(gè)網(wǎng)站制作過程這篇論文的重要內(nèi)容是個(gè)人網(wǎng)站的設(shè)計(jì)思想整體規(guī)化及相關(guān)的基礎(chǔ)科知識(shí)網(wǎng)站的規(guī)化又涉及網(wǎng)頁的結(jié)構(gòu)、欄目的設(shè)立、網(wǎng)頁的風(fēng)格、顏色的搭配、版面的布局、文字圖片的運(yùn)用等關(guān)鍵詞：網(wǎng)站設(shè)計(jì)；網(wǎng)站規(guī)化；網(wǎng)站主題隨著經(jīng)濟(jì)的發(fā)展計(jì)算機(jī)以被應(yīng)用到社會(huì)生活的各個(gè)領(lǐng)域這給人們的生活帶來很大的方便如今已成為人們平常生活中不可或缺少的部分人們可以足不出戶上網(wǎng)購物隨時(shí)查詢股票信息在自己的博客上盡情發(fā)表言論以上這些都離不開最基本的網(wǎng)頁設(shè)計(jì)和制作[1]網(wǎng)站作為網(wǎng)絡(luò)信息重要的表現(xiàn)形式并且還是互聯(lián)網(wǎng)信息的重要承載者在互聯(lián)網(wǎng)上表現(xiàn)出及其重要的地位并發(fā)揮著及其重要的作用無論是在國內(nèi)還是國外都得以迅速的發(fā)展和壯大并被人們重視和關(guān)注網(wǎng)站的迷人之處在于綜合使用文本、圖像、聲音、動(dòng)畫視頻信息和內(nèi)容具有豐富的多媒體表現(xiàn)與互動(dòng)特點(diǎn)毋庸置疑網(wǎng)站已成為最吸引人的也是最有效的信息傳遞的手段和方式隨著網(wǎng)絡(luò)技術(shù)的發(fā)展各類網(wǎng)站紛紛出現(xiàn)個(gè)人網(wǎng)站也成為了一種時(shí)尚越來越多的人希望擁有自己的網(wǎng)站開辟網(wǎng)絡(luò)世界的一片天地展示自己的才華和風(fēng)格[2]個(gè)人網(wǎng)站是指個(gè)人因某種愛好、擁有某種專業(yè)技術(shù)提供某種服務(wù)或把自己的作品、商品展示銷售而制作的具有獨(dú)立空間域名的網(wǎng)站所謂個(gè)人網(wǎng)站就是指網(wǎng)站內(nèi)容是介紹自己的或是以自己的信息為中心的網(wǎng)站[3]一網(wǎng)站設(shè)計(jì)規(guī)化1.1什么是網(wǎng)站網(wǎng)站是因特網(wǎng)上的一個(gè)信息集中點(diǎn)可以通過域名進(jìn)行訪問網(wǎng)站要存儲(chǔ)在獨(dú)立服務(wù)器或者服務(wù)器的虛擬主機(jī)上才干接受訪問網(wǎng)站是有獨(dú)立域名、獨(dú)立存放空間的內(nèi)容集合這些內(nèi)容也許是網(wǎng)頁也也許是程序或其他文獻(xiàn)不一定要有很多網(wǎng)頁只要有獨(dú)立域名和空間哪怕只有一個(gè)頁面也叫網(wǎng)站網(wǎng)站就是在互聯(lián)網(wǎng)上的一塊固定的面向全世界發(fā)布消息的地方它由域名和網(wǎng)站空間構(gòu)成衡量一個(gè)網(wǎng)站的性能通常從網(wǎng)站空間大小、網(wǎng)站位置、網(wǎng)站連接速度、網(wǎng)站軟件配置、網(wǎng)站提供服務(wù)等幾方面考慮1.2網(wǎng)站建設(shè)的目的網(wǎng)站的建設(shè)不僅僅是制作主頁的問題還需要考慮網(wǎng)站的定位、目的用戶、網(wǎng)站內(nèi)容、服務(wù)事項(xiàng)、空間方案、安全性、藝術(shù)設(shè)計(jì)等等任何網(wǎng)站在建設(shè)之前都必須明確文向、用途和服務(wù)群體等一系列的問題寫出具體的建站計(jì)劃可以說這是網(wǎng)站建設(shè)的根源和核心所在這里我的個(gè)人網(wǎng)站重要是讓更多的人結(jié)識(shí)到我了解我借助網(wǎng)絡(luò)的這個(gè)平臺(tái)來展示我自己尚有我希望能交到和我同樣懷著夢想起航的朋友1.3本站的明確目的不同的網(wǎng)站目的規(guī)定通過不同的方式來實(shí)現(xiàn)一個(gè)展示個(gè)人能力的網(wǎng)站與一個(gè)以花卉種植為主題的網(wǎng)站以及一個(gè)大型門戶網(wǎng)站和一個(gè)小型公司網(wǎng)站其出發(fā)點(diǎn)和建站目的都有所不同在整個(gè)網(wǎng)站的建設(shè)規(guī)化方面的規(guī)定也是肯定不同樣的因此在規(guī)化我的網(wǎng)站時(shí)我選擇的是與我本人相關(guān)的內(nèi)容來作為主題的網(wǎng)站預(yù)計(jì)的用戶群體：對(duì)于網(wǎng)站的設(shè)計(jì)者和建設(shè)者來說在設(shè)計(jì)規(guī)化網(wǎng)站時(shí)必須要明確自己網(wǎng)站的瀏覽都也就是擬定自己的用戶群體在已經(jīng)擬定了建設(shè)目的的前提下應(yīng)根據(jù)建站方向所會(huì)導(dǎo)致出現(xiàn)的不同用戶群體的需求來規(guī)化設(shè)計(jì)整個(gè)網(wǎng)站我的這個(gè)網(wǎng)站就擬定了以懷著夢想奮斗的人為用戶群體1.4軟件準(zhǔn)備在網(wǎng)頁的設(shè)計(jì)過程中因人而宜每個(gè)人使用的軟件也許不同Dreamweaver與Flash、Fireworks這3者被用戶稱為"網(wǎng)頁設(shè)計(jì)三劍客"Dreamweaver的優(yōu)勢在于它不僅是優(yōu)秀的所見即所得的編輯軟件同時(shí)也兼顧了HTML源代碼可以讓用戶很方便地在兩種模式之間的切換Dreamweaver采用"所見即所得"的直觀設(shè)計(jì)模式充足尊重設(shè)計(jì)人員的原始意識(shí)和想像力它成功地將網(wǎng)頁設(shè)計(jì)功能中的技術(shù)實(shí)現(xiàn)部分和設(shè)計(jì)部分分開還提供眾多的可視化設(shè)計(jì)工具、應(yīng)用開發(fā)環(huán)境以及代碼編輯支持如運(yùn)用鼠標(biāo)拖曳來添加表格、圖像等元素在方檔中直接輸入文本直接插入一些常用的特殊符號(hào)對(duì)象等用戶在沒有輸入代碼的情況下完畢了上述工作Dreamweaver自動(dòng)將結(jié)果轉(zhuǎn)換為HTML源代碼用戶也可以隨時(shí)查看方檔的HTML源代碼在代碼視圖中進(jìn)行修改二網(wǎng)站的總體設(shè)計(jì)2.1擬定網(wǎng)站主題做網(wǎng)站一方面必須要解決的就是網(wǎng)站內(nèi)容問題即擬定網(wǎng)站的主題假如自己在某些方面有愛好或掌握的資料越多也可以做一個(gè)自己感愛好的東西你可以有自己的見解做出自己的特色對(duì)于內(nèi)容主題的選擇要做到小而精主題定位要小內(nèi)容要精不要去試圖制作一個(gè)包羅萬象的站點(diǎn)這往往會(huì)失去網(wǎng)站的特色也會(huì)帶來高強(qiáng)度的勞動(dòng)給網(wǎng)站的及時(shí)更新帶來困難我的網(wǎng)站主題是以我個(gè)人相關(guān)的資料來制作的2.2擬定網(wǎng)站形象網(wǎng)站形象的設(shè)計(jì)可以從網(wǎng)站標(biāo)志、網(wǎng)站色彩、網(wǎng)站字體網(wǎng)絡(luò)宣傳語等這些方面著手網(wǎng)站色彩網(wǎng)站給人的第一印象來自視覺沖擊不同的色彩搭配產(chǎn)生不同的效果并也許影響到訪問者的情緒"標(biāo)準(zhǔn)色彩"是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩給人以整體統(tǒng)一的感覺我個(gè)人網(wǎng)站的色彩是以粉色為主淡粉色和冰粉色為輔給人一種浪漫的感覺仿佛生活在虛幻的世界里網(wǎng)站字體和標(biāo)準(zhǔn)色彩同樣標(biāo)準(zhǔn)字體是指用于標(biāo)題、主菜單的特有字體為了體現(xiàn)網(wǎng)站的特有風(fēng)格可以根據(jù)自已網(wǎng)站所表達(dá)的內(nèi)涵選擇更貼切的字體我的個(gè)人網(wǎng)站的標(biāo)準(zhǔn)字體是幼圓給人一種沉穩(wěn)而不失俏皮的感覺2.3擬定網(wǎng)站風(fēng)格風(fēng)格是抽象的是指網(wǎng)站的整體形象給瀏覽者的綜合感受這個(gè)"整體形象"涉及網(wǎng)站的標(biāo)志、色彩、字體、標(biāo)語等諸多因素網(wǎng)站是可以平易近人、生動(dòng)活潑的也可以是專業(yè)嚴(yán)厲的不管是色彩、技術(shù)、文字、布局、還是交互方式只要你能由此讓瀏覽者明確的分辨出這是你網(wǎng)站獨(dú)所有的這就形成了風(fēng)格風(fēng)格是有人性的通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個(gè)網(wǎng)站的個(gè)性；我的網(wǎng)站風(fēng)格是以浪漫為主給人一種夢幻的感覺2.4擬定網(wǎng)站內(nèi)容我的個(gè)人網(wǎng)站大體上涉及了一些內(nèi)容：首頁、網(wǎng)頁設(shè)計(jì)、動(dòng)畫特效、網(wǎng)頁素材、相關(guān)軟件、作品展示、本站論壇、游客留言等網(wǎng)站常用內(nèi)容方便大家瀏覽三具體實(shí)現(xiàn)與分析3.1首頁一個(gè)網(wǎng)站的首頁是一個(gè)文檔當(dāng)一個(gè)網(wǎng)站服務(wù)器收到一臺(tái)電腦上網(wǎng)絡(luò)瀏覽器的訊息連結(jié)請求時(shí)便會(huì)向這臺(tái)電腦發(fā)送這個(gè)文檔當(dāng)在瀏覽器的位址列輸入域名而未指向特定目錄或檔案時(shí)通常瀏覽器也會(huì)打開網(wǎng)站的首頁網(wǎng)站首頁往往會(huì)被編輯得易于了解該網(wǎng)站提供的資訊并引導(dǎo)互聯(lián)網(wǎng)用戶瀏覽網(wǎng)站其他部分的內(nèi)容這部分內(nèi)容一般被認(rèn)為是一個(gè)目錄性質(zhì)的內(nèi)容如圖1圖13.2網(wǎng)頁設(shè)計(jì)模塊為了滿足廣大網(wǎng)頁制作愛好者的學(xué)習(xí)需求本網(wǎng)站推出新版的網(wǎng)頁制作教程該教程使用DreamweaverCS5作為開發(fā)工具結(jié)合老師的網(wǎng)站開發(fā)經(jīng)驗(yàn)為大家講解網(wǎng)頁制作的每個(gè)環(huán)節(jié)希望通過本套課程的學(xué)習(xí)大家能靈活運(yùn)用Dreaweaver完畢網(wǎng)站的開發(fā)如圖2圖23.3網(wǎng)頁特效模塊提供涉及鼠標(biāo)類類、文字類、菜單類、背景類、圖形類、播放器等網(wǎng)頁特效代碼力求做到收集最全網(wǎng)站也許的關(guān)注這方面的最新發(fā)展趨勢不斷更新自己的網(wǎng)站盡也許的收集最新的網(wǎng)頁特效代碼如圖3圖33.4網(wǎng)頁素材模塊提供各種新式素材包含圖片、動(dòng)畫、flash、音樂等方便網(wǎng)頁及網(wǎng)站制作時(shí)參考即借鑒之用如圖4圖43.5相關(guān)軟件下載模塊提供網(wǎng)站及網(wǎng)頁制作所需的必要工具如Dreamweaver、Flash、Fireworks等相關(guān)必備軟件下載如圖5圖53.6作品展示模塊提供多種多樣名人或公司個(gè)人網(wǎng)站供大家學(xué)習(xí)參考豐富大家的知識(shí)具體內(nèi)容如圖6所示圖63.7論壇及留言模塊論壇又名網(wǎng)絡(luò)論壇BBS全稱為BulletinBoardSystem（電子公告板）或者BulletinBoardService（公告板服務(wù)）是Internet上的一種電子信息服務(wù)系統(tǒng)它提供一塊公共電子白板每個(gè)用戶都可以在上面書寫通過留言的方式可發(fā)布信息或提出見解它是一種交互性強(qiáng)內(nèi)容豐富而及時(shí)的Internet電子信息服務(wù)系統(tǒng)用戶在BBS站點(diǎn)上可以獲得各種信息服務(wù)發(fā)布信息進(jìn)行討論聊天等等如圖7所示圖7四總結(jié)通過老師耐心細(xì)致的指導(dǎo)及同學(xué)之間的互相交流同時(shí)翻閱了大量的資料(涉及網(wǎng)上資料、書本及學(xué)校的一些相關(guān)資料)通過近一段時(shí)間的努力個(gè)人網(wǎng)站的設(shè)計(jì)制作告一段落總結(jié)這次"揚(yáng)帆起航-個(gè)人網(wǎng)站"開發(fā)制作過程我使用了目前因特網(wǎng)上比較流行的各種靜態(tài)制作方法及交互動(dòng)態(tài)網(wǎng)站的制作設(shè)計(jì)手段并對(duì)初步運(yùn)用后臺(tái)程序完畢了網(wǎng)站的動(dòng)態(tài)響應(yīng)與生成網(wǎng)頁的技術(shù)同時(shí)也從中學(xué)習(xí)了對(duì)靜態(tài)網(wǎng)頁的解決風(fēng)格色彩搭配頁面導(dǎo)航方面有了一定的經(jīng)驗(yàn)?zāi)壳熬W(wǎng)站的制作技術(shù)與規(guī)定都已經(jīng)辭別了因特網(wǎng)初期網(wǎng)站制作的"幼稚"期隨著各類網(wǎng)站的迅速增長與瀏覽者需求的提高無不規(guī)定網(wǎng)站從立意、策劃、頁面設(shè)計(jì)到后臺(tái)程序的全面提高無論是個(gè)人網(wǎng)站還是公司網(wǎng)站都必須被規(guī)定從瀏覽者角度出發(fā)最大限度的滿足用戶的規(guī)定這也是以后各類網(wǎng)站發(fā)展競爭的真正實(shí)質(zhì)所在本次設(shè)計(jì)由于設(shè)計(jì)時(shí)間比較緊且相關(guān)模塊比較多加之設(shè)計(jì)經(jīng)驗(yàn)的局限性在網(wǎng)站的整體設(shè)計(jì)及各模塊功能也許設(shè)計(jì)的不完全有待于進(jìn)一步的完善和改善參考文獻(xiàn)[1][2][3]．[4]李沖．Dreamweaver網(wǎng)頁設(shè)計(jì)[M]．清華大學(xué)出版社．2023．[5]王寶軍．計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)與應(yīng)用[M]．中國勞動(dòng)社會(huì)出版保障出版社．2023．[6]岳鴻．計(jì)算機(jī)應(yīng)用基礎(chǔ)[M]．國防科技大學(xué)出版社．2023．[7]宋虹．Photoshop圖形圖像解決[M]．湖南大學(xué)出版社．2023．[8]姬付梓．創(chuàng)意設(shè)計(jì)[M]．大學(xué)出版社．2023．PersonalwebsitedesignandRealizationZhangDuoAbstract:thenetworkdevelopmenttotodaytoestablishthewebsitehasbecomeaverycommonproblem.Fortheentrepreneurbuildgoodwebsitecanseizestrategicpointsofdevelopmentinthenewcentury.Toestablishanewcorporateimagetoopenupinternationalmarketdirectly.Foranindividualbuildgoodpersonalwebsitecanbemoreconvenienttocollectinformationcarryoutmoredirectcommunicationusingtheconstructedtheirownplatformcanfindajobaftergraduationfullyprepared.Inmypersonalwebsitedesignprocessismainlybasedonourwebsitedesignwebsitedesignpurposeanddirectionoftheentireprocessandthroughtheirowndesignofthispersonalwebsiteworkstoexplainanddemonstrateawebsiteproductionprocess.Themaincontentofthisthesisisapersonalwebsitedesignoverallplanningandrelatedbasicknowledge.Siteplanningandwebpagestructuresectiondesignwebpagestylecolorlayoutofthelayouttextandimagesusing.Therearethethemeofthesiteistobeincludedinthemaincontentsasitemusthaveaclearthemeespeciallythepersonalwebsiten