耿浩聞-80后家園網(wǎng)站的設(shè)計(jì)與制作

1、80后家園網(wǎng)站的設(shè)計(jì)與制作主講人：耿浩聞 指導(dǎo)教師：袁磊 副教授商務(wù)J07502班第一章：緒論1、選題背景2、論國內(nèi)社區(qū)型網(wǎng)站之現(xiàn)狀3、本站創(chuàng)立目的及意義4、論文結(jié)構(gòu)選題背景 社區(qū)網(wǎng)站是立足于廣大社區(qū)居民信息和需求的網(wǎng)站，它不僅僅帶動的是居民社區(qū)的生活，而且?guī)拥氖钦麄€商圈，信息圈，娛樂圈等的發(fā)展。社區(qū)和網(wǎng)絡(luò)的鏈接在很大程度上促進(jìn)了居民的生活步伐，帶動了網(wǎng)絡(luò)消費(fèi)，網(wǎng)絡(luò)文化，社區(qū)文化的傳播，也有利的提高了居民的生活水平。全方面的給居民和商家提供了一個交流的平臺，讓信息服務(wù)于居民，讓需求服務(wù)于商家。論國內(nèi)社區(qū)型網(wǎng)站之現(xiàn)狀 中國第一娛樂互動門戶，包括聊天室、網(wǎng)絡(luò)電臺、數(shù)碼、游戲、魔獸世界、創(chuàng)業(yè)、涂鴉

2、板、招聘、休閑、淘寶城、白領(lǐng)、游戲卡、郵箱、充值等欄目. 1999年3月創(chuàng)立，以其開放、包容,受到了全球華人網(wǎng)民的推崇，綜合提供相冊、音樂盒子、分類信息、站內(nèi)消息等一系列功能服務(wù)，并以人文情感為核心的綜合性虛擬社區(qū)和大型網(wǎng)絡(luò)社交平臺。 西祠胡同始建于1998年，是華語地區(qū)第一個大型綜合社區(qū)網(wǎng)站，經(jīng)多年積累和發(fā)展，西祠已成為最重要的華人社區(qū)門戶網(wǎng)站。chinaren是搜狐旗下華人最大的青年社區(qū)。中國互聯(lián)網(wǎng)第一品牌，中國互聯(lián)網(wǎng)主流人群獲取資訊和交流最大網(wǎng)絡(luò)平臺，中國搜索引擎的鼻祖，中國互聯(lián)網(wǎng)文化運(yùn)動的先驅(qū)、中國綜合門戶網(wǎng)站的創(chuàng)始者。貓撲天涯西祠胡同chinaren 國內(nèi)傳統(tǒng)發(fā)展概況：從三足鼎立到兩

3、家爭雄。社區(qū)網(wǎng)站剛剛進(jìn)入戰(zhàn)國時代時，大大小小的網(wǎng)絡(luò)論壇生長著消亡著。而隨著網(wǎng)絡(luò)的迅猛發(fā)展，網(wǎng)民們也逐漸分野細(xì)化，分類細(xì)化的網(wǎng)絡(luò)社區(qū)呼之欲出。這時，三家都帶有商業(yè)背景的社區(qū)網(wǎng)站西祠、西陸、天涯，與第一代的網(wǎng)絡(luò)論壇的創(chuàng)立者不同，他們一開始就擯棄了理想和人文的色彩，以規(guī)范的商業(yè)合作吸引新網(wǎng)民的加入，而完成了圈地運(yùn)動的網(wǎng)站，將利用龐大的網(wǎng)民資源開展他們的商業(yè)活動。當(dāng)年的各地板磚排行榜來看，這三個社區(qū)的帖子經(jīng)常上榜。這三大社區(qū)，和三大門戶網(wǎng)站的論壇，形成了分庭抗禮的局面。此時，社區(qū)網(wǎng)站呈現(xiàn)三足鼎立的局面。 但贏利模式問題一直是困饒互聯(lián)網(wǎng)的一個瓶頸，貓撲異軍突起，貓撲是最早轉(zhuǎn)向Web2.0模式的，這也是國

4、內(nèi)論壇變革的起點(diǎn)。天涯憑借其內(nèi)容的優(yōu)勢，居次席，但贏利問題始終還是個問題。至少目前看來，呈現(xiàn)的是兩家爭雄的態(tài)勢。論國內(nèi)社區(qū)型網(wǎng)站之現(xiàn)狀本站創(chuàng)立目的及意義展現(xiàn)80后一代風(fēng)采，提供新聞、時尚、情感、回憶等。為80后青年提供互聯(lián)網(wǎng)生活服務(wù)。為特定人群提供個性化信息。包括新聞、資訊、資源及服務(wù)等。滿足了廣大網(wǎng)民日益豐富的文化生活需求，為區(qū)域經(jīng)濟(jì)、社會和文化發(fā)展起到促進(jìn)作用。社區(qū)網(wǎng)站在未來的中國互聯(lián)網(wǎng)平臺、電子商務(wù)領(lǐng)域中將擔(dān)綱更重要的角色，將是電子商務(wù)未來的重要戰(zhàn)略領(lǐng)域。M1M2M4M3論文結(jié)構(gòu)緒論技術(shù)介紹網(wǎng)站設(shè)計(jì)技術(shù)實(shí)現(xiàn)論文結(jié)構(gòu)設(shè)計(jì)：緒論：背景、現(xiàn)狀、目標(biāo)、意義。關(guān)鍵技術(shù)介紹（DIV+CSS、網(wǎng)絡(luò)三劍

5、客、網(wǎng)頁原理）網(wǎng)站總體設(shè)計(jì)與分析（包括設(shè)計(jì)需求、實(shí)現(xiàn)目標(biāo)以及網(wǎng) 站各級頁面的設(shè)計(jì)）網(wǎng)站的實(shí)現(xiàn)：LOGO、各級頁面的制作、內(nèi)部樣式控制網(wǎng)站發(fā)布與維護(hù)結(jié)論第二章：關(guān)鍵技術(shù)介紹關(guān)鍵技術(shù)介紹關(guān)鍵技術(shù)網(wǎng)絡(luò)三劍客DreamweaverFlashFireWorksDIV+CSSHTMLPhotoshop設(shè)計(jì)原理第三章：網(wǎng)站整體設(shè)計(jì)與分析網(wǎng)站總體設(shè)計(jì)與分析設(shè)計(jì)原則可擴(kuò)展性原則 設(shè)備應(yīng)選用符合國際標(biāo)準(zhǔn)的系統(tǒng)和產(chǎn)品,保證系統(tǒng)具有較長的生命力和擴(kuò)展力,滿足將來系統(tǒng)升級的要求。開放性與穩(wěn)定性原則 滿足社區(qū)網(wǎng)站內(nèi)特定用戶群的需求,同時也應(yīng)采用開放性的網(wǎng)站體系,方便網(wǎng)絡(luò)的升級、擴(kuò)展?？删S護(hù)性原則 具有監(jiān)測、故障診斷、故障

6、隔熟、過濾設(shè)置等功能,設(shè)計(jì)時,應(yīng)盡可能選取集成度高、模塊可通用的產(chǎn)品,以便于管理和維護(hù)。先進(jìn)性與實(shí)用性原則 采用符合國際標(biāo)準(zhǔn)的成熟技術(shù)和設(shè)備,確保社區(qū)網(wǎng)站能夠適應(yīng)將來社區(qū)網(wǎng)站發(fā)展需要。同時,堅(jiān)持應(yīng)用、經(jīng)濟(jì)的原則。網(wǎng)站系統(tǒng)分析80后家園網(wǎng)站在網(wǎng)站的首頁，用戶可以看到所有板塊的最新信息，在首頁的頂部，設(shè)計(jì)為一個Logo，在Logo的下面是用戶導(dǎo)航欄。2級頁面包括5大模塊，分別是：關(guān)注點(diǎn)80（新聞與關(guān)注）、創(chuàng)業(yè)吧、80那點(diǎn)事（數(shù)碼世界）、情感和80后回憶。3級頁面是網(wǎng)站的內(nèi)容頁面，具體板塊的內(nèi)容都在3級頁面內(nèi)。Logo是網(wǎng)站設(shè)計(jì)重要的一部分，實(shí)用Fireworks等技術(shù)進(jìn)行設(shè)計(jì)實(shí)現(xiàn)，選擇鮮明的顏色代

7、表著網(wǎng)站5大模塊的主題色，也彰顯著80后年輕一代的青春與活力。Logo的設(shè)計(jì)制作3級頁面：內(nèi)容2級頁面：5大模塊首頁index首頁的設(shè)計(jì)與制作2級頁面的制作3級頁面的制作LOGO的制作第四章：網(wǎng)站實(shí)現(xiàn)網(wǎng)站整體布局設(shè)計(jì)網(wǎng)站頂部控制網(wǎng)站內(nèi)容控制 將板塊劃分為多個板塊，在網(wǎng)站的首頁以模塊對齊的方式排列各個板塊，這些板塊包括關(guān)注點(diǎn)80，創(chuàng)業(yè)吧，80那點(diǎn)事，職場之道，情感觀，80后回憶。每一個板塊都是用相同的式樣控制內(nèi)容。 網(wǎng)站內(nèi)容是本網(wǎng)站最重要的組成部分，在首頁用于排列各個模塊，而在二級或三級頁面，則用于顯示詳細(xì)的內(nèi)容。 在網(wǎng)站的頂部用于放置網(wǎng)站Logo，導(dǎo)航，網(wǎng)站頂部在網(wǎng)站所有頁面都存在，為保持網(wǎng)站

8、整體風(fēng)格一致，都采用相同的頂部HTML代碼，且使用CSS式樣一致。只有在2級頁面主題色的選用不同。網(wǎng)站實(shí)現(xiàn)網(wǎng)站首頁圖片及相應(yīng)內(nèi)容自動播放實(shí)現(xiàn) 在網(wǎng)站首頁，有自動播放圖片的功能，每隔3秒鐘，當(dāng)前圖片將變成下一張圖片，隨之更換的還有底部的相應(yīng)文字描述，這些圖片和文字描述分別對應(yīng)該網(wǎng)站的各個模塊，他們分別是首頁，新聞公告，社區(qū)中心，校園招聘，信息求助。自動播放的功能實(shí)現(xiàn)技術(shù)是JavaScript，其核心原理是JavaScript提供的setTimeout()函數(shù)以及JavaScript對DOM的操作。網(wǎng)站地圖導(dǎo)航的實(shí)現(xiàn) 網(wǎng)站地圖導(dǎo)航是網(wǎng)站的重要組成部分，可以為用戶提供快速進(jìn)入另一個頁面的鏈接集。通常

9、網(wǎng)站地圖導(dǎo)航在網(wǎng)站的任何頁面均可以看到。第五章：網(wǎng)站發(fā)布與維護(hù)第五章：網(wǎng)站發(fā)布維護(hù)與疑難點(diǎn)注冊網(wǎng)站域名網(wǎng)站的維護(hù)網(wǎng)站發(fā)布需要注意的問題域名的選擇網(wǎng)站發(fā)布難點(diǎn)的關(guān)鍵及解決方案發(fā)布與維護(hù) 在制作過程中，曾遇到各種突發(fā)性事件，比如在修改頁面的時候，頁面突然失控，導(dǎo)致整個網(wǎng)頁布局全部散亂，還有在使用Spry技術(shù)的時候，整個網(wǎng)站每種Spry效果只能使用一次，因?yàn)闀⒁粋€相同的類，最初不會修改，只能每種Spry使用一次。后期在導(dǎo)師的指導(dǎo)下經(jīng)過多次調(diào)試，終于將散亂的頁面重新修正好，繼續(xù)了網(wǎng)站的制作。后期隨著學(xué)習(xí)的深入，在導(dǎo)師的幫助下有所提高。對圖片的設(shè)計(jì)和網(wǎng)站整體顏色的挑選也有所提高。第六章：結(jié)論 隨著電子信息技術(shù)的發(fā)展,社區(qū)網(wǎng)站已成為學(xué)校必備的基礎(chǔ)設(shè)施,做好社區(qū)網(wǎng)站建設(shè),滿足80后青年精神生活需要,有效發(fā)揮社區(qū)網(wǎng)站的作用,以成為互聯(lián)網(wǎng)時代繼續(xù)發(fā)展的必然要求和重要的一部分。 社區(qū)網(wǎng)站不僅為特定群體提供了信息交流的廣闊空間，而且營造了