網(wǎng)站建設(shè)資料

中文摘要：在二十一世紀(jì)初的今天，網(wǎng)絡(luò)已成為最重要的信息來源渠道。而對于網(wǎng)絡(luò)最常見的形式就是網(wǎng)站。而為了讓廣大的讀者能在網(wǎng)絡(luò)上閱讀到好的文章我們建設(shè)了緣野文學(xué)網(wǎng)站，在建設(shè)網(wǎng)站的過程中我們從最初的信息收集到深入的研究用戶對象，它們使用了什么瀏覽器，使用什么樣的網(wǎng)絡(luò)連接對因特網(wǎng)的熟悉程度如何等等，并詳細(xì)的充分的考慮到了讀者閱讀文章的習(xí)慣。使用了非常人性化的操作設(shè)計。在經(jīng)過了無數(shù)次的初稿設(shè)計、色調(diào)搭配比較、最終確定了頁面的版面布局，風(fēng)格設(shè)計，從而最終樹立了網(wǎng)站風(fēng)格，一步一步的把網(wǎng)站設(shè)計成一個完善、美觀、操作人性化、有風(fēng)格的文學(xué)網(wǎng)站?？偨Y(jié)了文學(xué)網(wǎng)站建設(shè)的成功要素和經(jīng)驗，總結(jié)了建設(shè)文學(xué)網(wǎng)站對自己將來走向社會，對未來的學(xué)習(xí)和工作的寶貴經(jīng)驗。Abstract：Todayinthebeginningof21centuries,thenetworkhasbecomethemostimportantinformationsourceoutlet.Butisawebsitetothemostfamiliarforminnetwork.Butlargereaderabilityforletwecollectthethoroughresearchcustomertobelikefromthefirstletterintheprocessofnetworkascendreadgoodarticleweconstructingwildliteraturewebsiteofgoodluck,atconstructwebsite,theyusedwhatbrowser,usagewhatkindofnetworkconnect,connecttoacquaintwithtoInternethowdegreeisetc.,anddetailedoffullinconsiderationofthereaderreadsthehabitofthearticle.Usedthemuchhumanizedoperationdesign.Atdesignthroughnumerousfirstdraftsoftime,thetonematchesthecomparison,endmadesurethelayoutofprintedsheetofthepagelayout,styledesign,thusendsetupthewebsitestyle,theonestepbecomesthewebsitedesignonestepaperfect,beauty,operatethehumanizationandhavetheliteraturewebsiteofthestyle.Talliedupthesuccessfulmainfactorandexperiencesoftheliteraturewebsiteconstruction,tallyuptheconstructionliteraturewebsitetoheadforthesocietytotheoneselfinthefuture,tothefuturestudyandworkofpreciousexperience.關(guān)鍵詞文章下載跳轉(zhuǎn)網(wǎng)站Flash音樂ArticledownloadJumpturnwebsiteMusicFlash緣野文學(xué)網(wǎng)站的建設(shè)，主要是針對在繁華與喧鬧的都市中人們的工作壓力越來越大，生活節(jié)奏越來越快，在物質(zhì)條件越來越好的今天?，F(xiàn)在的都市環(huán)境，人們很難有時間有地點去放松身心，好好地閱讀幾篇小說、散文或是世界著名的文學(xué)作品來修養(yǎng)身心了。建設(shè)緣野文學(xué)網(wǎng)站的目地，就是利用當(dāng)今的網(wǎng)絡(luò)技術(shù)在這個繁華與喧鬧的都市中能為人們找到一個休息的小站。而，緣野，，二字的意義就在于此。1緣野文學(xué)網(wǎng)站簡介緣野文學(xué)網(wǎng)站是在我多年對文學(xué)的愛好和掌握現(xiàn)代技術(shù)的成果。緣野文學(xué)網(wǎng)站最大的特點是淡雅二字，整個網(wǎng)站以淡綠色為主，再加上灰色和橙色作為點綴，即體現(xiàn)了淡雅的主題又讓讀者眼前一亮。再加上漸漸響起的輕音樂，和人性化的操作設(shè)計會給予讀者在視覺和聽覺的完美享受。緣野文學(xué)網(wǎng)站主要使用了網(wǎng)頁制作軟件Dreamweaver、圖像處理軟件Photoshop和網(wǎng)頁動畫軟件Flash0屬于HTML語言的靜態(tài)網(wǎng)站。文學(xué)作品由榕樹下、起點、西陸、TOM文學(xué)等文學(xué)網(wǎng)站提供。網(wǎng)站背景音樂《海上鋼琴師》、《海上鋼琴師》樂隊版、《再見警察》、《最終幻想》、《阿甘正傳》mp3文件由愛聽網(wǎng)音樂網(wǎng)站提供。2設(shè)計理念2.1安全快速訪問，足夠的帶寬是快速訪問的保證緣野文學(xué)網(wǎng)站所需要的磁盤空間在不低于100M，在服務(wù)器方面應(yīng)選擇一個比較安全、穩(wěn)定、快速的服務(wù)器，保證讀者能在5秒鐘內(nèi)完全打開網(wǎng)站主頁，連接其它頁面時應(yīng)在2秒鐘打開。不能讓黑客輕易的破壞、篡改網(wǎng)站內(nèi)容和添加惡意代碼。不論在讀者何時何地都可以安全快速的訪問網(wǎng)站。2.2及時更新信息，及時更新才能吸引瀏覽者緣野文學(xué)網(wǎng)站要以每周為一個周期，同時關(guān)注個大媒體對文學(xué)新聞的報到。在有必要的情況下可以每天更新或每小時更新。例如著名文學(xué)作者的新書發(fā)布，應(yīng)該將最新的消息發(fā)布到網(wǎng)站主頁上。這樣才能讓讀者長時間的關(guān)注緣野文學(xué)網(wǎng)站。2.3收集關(guān)鍵信息要保證緣野文學(xué)網(wǎng)站信息的快速、準(zhǔn)確、有價值就必需要每周在各媒體上收集關(guān)于文學(xué)方面的信息，每周上傳一次要保證信息的準(zhǔn)確。2.4根據(jù)收集構(gòu)思，草圖網(wǎng)站結(jié)構(gòu)查看中外各大文學(xué)網(wǎng)站的設(shè)計思路，和風(fēng)格博采眾長，確立網(wǎng)站的設(shè)計思路。在建設(shè)網(wǎng)站之前，先以草圖設(shè)計網(wǎng)站。在多方面的優(yōu)化、添加、豐富網(wǎng)站內(nèi)容，最終確定方案。3深入研究訪問者在2007年讀者一般都在使用IE5.0或IE6.0,不論在家用電腦還是在網(wǎng)吧，情況大多都是一樣的。由于微軟公司新發(fā)布的操作系統(tǒng)Vista有些讀者已經(jīng)在使用IE7.0。以后隨著Vista用戶的增多使用IE7.0也會越來越普及。還有個別的用戶會使用火狐貍和騰訊的TencentTraveler。但緣野文學(xué)網(wǎng)站使用的html語言是最基本最通用的語言，在插件方面緣野文學(xué)網(wǎng)站也僅使用了Flash6.0所以讀者只要使用IE5.0以上的瀏覽器就可以了。3.2用戶使用什么樣的網(wǎng)絡(luò)連接在中國大陸地區(qū)，家用上網(wǎng)的電腦主要通過ADSL撥號上網(wǎng)，速度均在512Kb/S以上。不論是北方的中國網(wǎng)通通信還是南方的中國電信通信都可以滿足本網(wǎng)站的瀏覽速度。3.3用戶要花多少時間在網(wǎng)站上作為一個普通的文學(xué)愛好者，通常會在一到兩小時，可以閱讀四到十篇文章。本網(wǎng)站已經(jīng)有二十余篇文章和六部世界名著，可以讓廣大讀者長時間閱讀。3.4用戶對因特網(wǎng)的熟悉程度如何在二十一世紀(jì)初的今天，電腦和因特網(wǎng)是相當(dāng)?shù)钠占啊＞鸵院艉秃铺貫槔龘碛须娔X的家庭已有50%以上。而且購買電腦的主要原因就是上網(wǎng)。再加上呼和浩特各地大大小小的網(wǎng)吧。只要是70年代以后出生的人幾乎都有上網(wǎng)的經(jīng)歷。而緣野文學(xué)網(wǎng)站的界面設(shè)計是非常人性化的，只要具備初級的上網(wǎng)能力就可以了。3.5用戶的文化背景如何在什么年齡段網(wǎng)站主要是面對15歲到35歲文化背景大多在中學(xué)以上文化程度，愛好文學(xué)的青年人。4網(wǎng)站詳細(xì)設(shè)計和基本模塊4.1網(wǎng)站的詳細(xì)設(shè)計網(wǎng)站的詳細(xì)設(shè)計包括：畫面的布局，系統(tǒng)內(nèi)部結(jié)構(gòu)，實現(xiàn)功能。本網(wǎng)站使用了常用的上下結(jié)構(gòu)的畫面布局，實現(xiàn)了下載文章、可以由用戶播放暫停的Flash背景音樂、滾動字幕、跳轉(zhuǎn)到其他文學(xué)網(wǎng)站等功能。4.2網(wǎng)站基本模塊網(wǎng)站基本模塊有網(wǎng)站導(dǎo)航條、聯(lián)系方式頁面、引人入勝的內(nèi)容。網(wǎng)站主導(dǎo)航條在網(wǎng)站左上方，設(shè)計了綠色水晶質(zhì)感按鈕黑色10號文字，將當(dāng)前頁設(shè)計為橙色按鈕，加以區(qū)分。網(wǎng)站子導(dǎo)航條就在主導(dǎo)航條的下一行的居中位置，使用了橙色到白色的垂直漸變黑色10號文字。聯(lián)系方式頁面設(shè)計在網(wǎng)站主頁的左則，導(dǎo)航條下方的位置，留有作者的名字、所在的院系和班級名稱、學(xué)號和E-mail地址。主要內(nèi)容放在了導(dǎo)航條的正下方。將網(wǎng)站推薦文章的超連接、作者名字和欄目名字放在這里，讀者可以直接使用超連接找到這些推薦文章，如圖4.2。圖4.25首頁設(shè)計首頁設(shè)計以文字為主圖形為主，在顏色方面以白色、灰色、綠和橙色為主，本著快速、簡潔、吸引人、信息概括能力強、易于導(dǎo)航的原則。首頁是全站內(nèi)容的目錄和索引。5.1首頁內(nèi)容網(wǎng)站首頁內(nèi)容包括站名，主菜單，電子郵件，聯(lián)絡(luò)信息，版權(quán)信息，和網(wǎng)站推薦內(nèi)容功能方面有flash音樂播放，打開網(wǎng)站后flash音樂會自動緩緩響起，讀者可以使用網(wǎng)頁右上角有兩個控制按鈕一個是“play”點擊它可以播放音樂，一個是“stop”點擊它可以停止播放音樂，如圖5.1。圖5.15.2版面設(shè)計勾勒理想草圖，用紙筆畫出網(wǎng)站首頁草圖，合并簡化表格，制定合理的制作方案，再用網(wǎng)頁制作軟件實現(xiàn)。5.3頁面組織效果運用對比與調(diào)和，對稱與平衡，節(jié)奏與韻律以及留白手段，在頁面中建立均衡，結(jié)合點線面的運用達(dá)到完美效果。5.4人性化的頁面色調(diào)文字效果合理組合搭配，注意不同讀者對顏色的喜好差異習(xí)慣。本網(wǎng)站使用了白灰色花紋底圖，較大的黑色12號宋體文字和1.5倍行距，即使讀者長時間的閱讀文章或讀者視力不佳也可以輕松閱讀，如圖5.4。5.5頁面美術(shù)設(shè)計設(shè)計網(wǎng)站過程中特別注意與其他媒體的區(qū)別，讓網(wǎng)站保持了特有的風(fēng)格又不會讓讀者感覺怪異和煩躁。瀏覽器可識別的圖像格式方面網(wǎng)站使用了PHOTOSHOP制作的JPG和GIF兩種瀏覽器所支持的最基本的圖片格式，如圖5.5。圖5.55.6頁面色調(diào)效果根據(jù)和諧、均衡和重點突出原則，網(wǎng)站對顏色進(jìn)行的合理搭配，用最簡單的色彩表達(dá)最豐富的含義。色彩的記憶效果是黑白的3.5倍，所以網(wǎng)站對顏色的搭配方案非常重視。最后，要讓網(wǎng)站頁面達(dá)到鮮明性：容易引人注目。獨特性：使用戶印象深刻。合適性：色彩要和內(nèi)容、氣氛相適應(yīng)。聯(lián)想性：色彩要和網(wǎng)頁內(nèi)容相關(guān)聯(lián)。6頁面的版面布局6.1通過文字圖像的空間組合達(dá)到協(xié)調(diào)狀態(tài)網(wǎng)站的圖像和文字的組合非常協(xié)調(diào)，文章居中位置不論內(nèi)容多與少，都不會覺的網(wǎng)站不協(xié)調(diào)。網(wǎng)站不論在分辯率800x600，還是在1024x768，還是在1280x1024，或是更高的分辯率都可以正常的顯示。6.2經(jīng)過草圖制作，完成粗略布局，最后定案首先道過草圖制作，并確定網(wǎng)頁軟件制作的可行性，再經(jīng)過粗略的布局，考慮在各種分辯率下，各種顯示器和顯示模示下都可以正常且協(xié)調(diào)的顯示網(wǎng)頁。6.3版面布局形式常見的網(wǎng)頁布局有：“T”型布局，“口”型布局，上中下型布局，對稱布局，海報型的“POP”布局。本網(wǎng)站使用了“T”型布局，“T”布局頁面搭配合理，很適合文學(xué)網(wǎng)站的使用，如圖6.3。圖6.3“均稱”有序，平衡和諧，利用色彩、色調(diào)強效果，注意凝視效果，注意空的和利用，對語言無法表達(dá)的是用圖片解說的方法。7頁面的風(fēng)格設(shè)計7.1體風(fēng)格是對網(wǎng)站整體形象的綜合感受包括CI設(shè)計、版面布局、交互性、文字、語氣、內(nèi)容價值、存在意義等。本網(wǎng)站對整體形象是“淡雅”二字這種形象始終貫穿網(wǎng)站的每一個角落，這種感覺是最合適做文字網(wǎng)站的風(fēng)格。包括CI設(shè)計方面、頁面布局方面都是相同的。文字的顏色大小應(yīng)用都是本著這種風(fēng)格，每段文字，每個圖片和位置，顏色，都經(jīng)過了設(shè)計每個細(xì)節(jié)都不是隨隨變變放在什么地方。7.2樹立網(wǎng)站風(fēng)格的步驟首先要確定風(fēng)格建立在有價值的內(nèi)容之上。要搞清楚網(wǎng)站將給瀏覽者產(chǎn)生的印象。努力建立和加強確定了的印象，而緣野文學(xué)網(wǎng)站從建立一開始就確定了網(wǎng)風(fēng)格的主題，為了加強印象，網(wǎng)站的圖片并不是真接的插入到網(wǎng)頁中的，而是經(jīng)過作者查找與網(wǎng)站風(fēng)格相同的圖片，再經(jīng)過專業(yè)的圖形圖像制作軟件進(jìn)行從新的編輯處理、組合優(yōu)化、調(diào)配顏色最終達(dá)到網(wǎng)站風(fēng)格所要求的效果。在音樂方面，作者先是在多年來自己收集的音樂中找到一些比較符合網(wǎng)站的音樂，然后又在電影中音樂中收集，經(jīng)過了上百首挑選后的音樂保證了網(wǎng)站所使用的音樂和網(wǎng)站的一致。7.3設(shè)計裝飾風(fēng)格設(shè)計裝飾風(fēng)格組織性風(fēng)格，功能性風(fēng)格，可視性風(fēng)格。文學(xué)網(wǎng)站的裝飾風(fēng)格是非常重要的既要做到大方得體又要做到又個性但不張揚。本網(wǎng)站經(jīng)過縝密的思考最終采用了橫線為主要的裝飾風(fēng)格，橫線的密度有淡綠和白、灰和白兩種。背景用灰色斑點圖案裝飾。整體美觀大方與網(wǎng)站整體搭配和諧。8網(wǎng)站設(shè)計成功要素：8.1整體布局結(jié)構(gòu)清晰整體布局結(jié)構(gòu)清晰，提供有價值的信息，快速的訪問速度，良好的版面設(shè)計。本網(wǎng)站的布局結(jié)構(gòu)清晰從主頁到每一個子頁都是同樣的布局。針對不同的信息我們有主有次的在網(wǎng)站上進(jìn)行了分布，將重要的信息設(shè)置在了非常明顯的地方。為了讓廣大讀者能快速的訪問本網(wǎng)站，網(wǎng)站在設(shè)計之初就使用了較小的圖片，大多數(shù)的背景圖片都是用非常小的圖片平鋪后的重復(fù)較果。所以整體頁面的數(shù)據(jù)量是很小的，這樣就很好的保證了快速的訪問速度和良好的版面設(shè)計。8.2很強的文字可讀性，良好的標(biāo)題設(shè)計，導(dǎo)航明確導(dǎo)向清晰，加強客戶關(guān)系在文字可讀性方面，我們將文字統(tǒng)一設(shè)置成計算機中使用最基本的字體'宋體”，這樣就不會因為在讀者的計算機中沒有這樣或哪樣的字樣。而導(dǎo)致讀者不能很好的瀏覽本網(wǎng)站的內(nèi)容，閱讀本網(wǎng)站的文章了。我們只是根據(jù)布局的需要對字體進(jìn)行了大小的調(diào)整和部分文字的加粗。在標(biāo)題設(shè)計方面我們使用了統(tǒng)一的方案在讀者點擊標(biāo)題欄中的其它文章的標(biāo)題，網(wǎng)站就會馬上