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

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