網(wǎng)站建設(shè)步驟

網(wǎng)站建設(shè)步驟1.確定網(wǎng)站主題：對(duì)于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)應(yīng)有盡有的站點(diǎn)，這往往會(huì)失去網(wǎng)站的特色，也會(huì)帶來高強(qiáng)度的勞動(dòng)，給網(wǎng)站的剛好更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒有其次！例如：第1類：網(wǎng)上求職；第2類：網(wǎng)上閑聊/即時(shí)信息/ICQ；第3類：網(wǎng)上社區(qū)/探討/郵件列表；第4類：計(jì)算機(jī)技術(shù)，如第5類：網(wǎng)頁/網(wǎng)站開發(fā)；第6類：消遣網(wǎng)站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教化；第10類：生活/時(shí)尚。2.做好網(wǎng)站規(guī)劃:規(guī)劃的內(nèi)容應(yīng)當(dāng)主要包括但不局限于如下幾項(xiàng)：<1>域名和主機(jī)的選擇（域名須要依靠網(wǎng)站主題以及用戶范圍來選擇，主機(jī)則依據(jù)網(wǎng)站在大小、平安、穩(wěn)定上的需求）<2>網(wǎng)站的定位（如定位于贏利性網(wǎng)站，還是企業(yè)網(wǎng)站，或是公益性的……）<3>網(wǎng)站的用途（是用來贏利的，還是做產(chǎn)品線上營銷的，或是做品牌推廣和整合的）<4>網(wǎng)站的發(fā)展目標(biāo)（須要達(dá)到的目標(biāo)，須要為這個(gè)目標(biāo)而努力的）<5>網(wǎng)站的拓?fù)鋱D構(gòu)畫（網(wǎng)站包括哪些欄目，采納什么樣的制作結(jié)構(gòu)）<6>網(wǎng)站制作技術(shù)的采納（用哪種語言開發(fā)，在什么平臺(tái)上開發(fā)）<7>網(wǎng)站的推廣（須要做詳細(xì)什么樣的工作去推廣網(wǎng)站，是否須要在前期開發(fā)的時(shí)候就考慮到后期的推廣，如SEO專家的建議）<8>網(wǎng)站的維護(hù)（是自主維護(hù)，還是外包維護(hù)，維護(hù)的內(nèi)容包括哪些，后期改版的時(shí)間間隔支配等）<9>網(wǎng)站平安(網(wǎng)站定期進(jìn)行平安檢測及備份等平安操作)<10>網(wǎng)站的主題顏色（網(wǎng)站顏色可以干脆反應(yīng)出企業(yè)的行業(yè)所屬）選擇好域名:域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字，是在互聯(lián)網(wǎng)上相互聯(lián)絡(luò)的網(wǎng)絡(luò)地址。一個(gè)非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站，其全部建設(shè)的價(jià)值，都凝聚在其網(wǎng)站域名之上。失去這個(gè)域名，就將前功盡廢。目前，做個(gè)人網(wǎng)站的許多都依靠免費(fèi)個(gè)人空間，其域名也是依靠免費(fèi)域名指向，如網(wǎng)易的虛擬域名服務(wù)，其實(shí)這對(duì)個(gè)人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時(shí)”開啟的窗口阻礙了閱讀者的視線和好感，讓人一看就知道是個(gè)人網(wǎng)站，而且也阻礙了網(wǎng)頁的傳輸速度。所以，就我個(gè)人觀點(diǎn)來講，首先花點(diǎn)錢去注冊(cè)一個(gè)域名，獨(dú)立的域名就是個(gè)人網(wǎng)站的第一筆財(cái)寶，要把域名起得形象、簡潔、易記。4.駕馭建網(wǎng)工具：<1>HTML編輯器雖然HTML代碼困難，編輯和調(diào)試要花費(fèi)大量的時(shí)間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建困難的頁面效果，仍受高級(jí)網(wǎng)頁制作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持困難頁面創(chuàng)建及高級(jí)HTML規(guī)范，運(yùn)用較為普遍的有Hotdog等專業(yè)HTML編輯器。<2>MicrosoftFrontpage它具有如word一樣的操作界面，熟知word功能的操作者，只要稍加培訓(xùn)就能輕松編制網(wǎng)頁。而且，F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼，并供應(yīng)了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE閱讀器下實(shí)現(xiàn)。所以Frontpage是一款特別適合初、中級(jí)網(wǎng)頁制作人員運(yùn)用的工具軟件。<3>現(xiàn)在特別流行的Macromedia公司(已被Adobe公司收購)出品的Flash互動(dòng)網(wǎng)頁制作工具這是是一款功能特別強(qiáng)大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動(dòng)畫網(wǎng)頁，它不須要特殊繁雜的操作，也比JAVA小巧精悍！但它的動(dòng)畫效果、互動(dòng)效果、多媒體效果特別精彩。而且還可以在Flash動(dòng)畫中封裝Mp3音樂、填寫表單等；并且由于Flash編制的網(wǎng)頁文件比一般網(wǎng)頁文件要小得多，所以大大加快了閱讀速度。這是一款特別適合動(dòng)態(tài)Web制作的工具。<4>DreamweaverDreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特殊發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越閱讀器限制的充溢動(dòng)感的網(wǎng)頁。另外，個(gè)人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本學(xué)問、JavaScript、VBScript的基本學(xué)問。對(duì)于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解，還要嫻熟運(yùn)用圖形處理工具和動(dòng)畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動(dòng)畫工具的基本用法，嫻熟運(yùn)用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)學(xué)問也是必備的。當(dāng)然，互聯(lián)網(wǎng)還是一個(gè)免費(fèi)的資料庫。編制網(wǎng)頁須要多種多樣的按鈕、背景還有各種各樣圖形、圖片。假如這些都要靠自己完成，既奢侈時(shí)間又奢侈金錢，而且還須要強(qiáng)大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精致好用的圖片、按鈕、背景等網(wǎng)頁素材。5.確定網(wǎng)站界面:界面就是網(wǎng)站給閱讀者的第一印象，往往確定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時(shí)要留意以下三點(diǎn)：<1>欄目與板塊編排構(gòu)建一個(gè)網(wǎng)站就好比寫一篇論文，首先要列出提綱，才能主題明確、層次清楚。網(wǎng)站建設(shè)初學(xué)者，最簡潔犯的錯(cuò)誤就是：確定題材后立即起先制作，沒有進(jìn)行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清楚，書目龐雜混亂，板塊編排混亂等。結(jié)果不但閱讀者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們?cè)趧?dòng)手制作網(wǎng)頁前，肯定要考慮好欄目和板塊的編排問題。網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個(gè)合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實(shí)質(zhì)為一個(gè)網(wǎng)站的大綱索引，索引應(yīng)當(dāng)將網(wǎng)站的主體明確顯示出來。在制定欄目的時(shí)候，要細(xì)致考慮，合理支配。在欄目編排時(shí)須要留意的是：●盡可能刪除那些與主題無關(guān)的欄目；●盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上；●盡可能從訪問者角度來編排欄目以便利訪問者的閱讀和查詢；協(xié)助內(nèi)容，如站點(diǎn)簡介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。另外，板塊的編排設(shè)置也要合理支配與劃分。板塊比欄目的概念要大一些，每個(gè)板塊都有自己的欄目。舉個(gè)例子：ENET硅谷動(dòng)力的站點(diǎn)分新聞、產(chǎn)品、嬉戲、學(xué)院等板塊，每個(gè)板塊下面又各有自己的主欄目。一般來說，個(gè)人站點(diǎn)內(nèi)容較少，只要分個(gè)欄目也就夠了，不須要設(shè)置板塊。假如有必要設(shè)置板塊的，應(yīng)當(dāng)留意：●各板塊要有相對(duì)獨(dú)立性；●各板塊要有相互關(guān)聯(lián)；●各板塊的內(nèi)容要圍繞站點(diǎn)主題；<2>書目結(jié)構(gòu)與鏈接結(jié)構(gòu)網(wǎng)站的書目是指建立網(wǎng)站時(shí)創(chuàng)建的書目。例如：在用Frontpage建立網(wǎng)站時(shí)都默認(rèn)建立了根書目和Images子書目。書目的結(jié)構(gòu)是一個(gè)簡潔忽視的問題，大多數(shù)站長都是未經(jīng)規(guī)劃，隨意創(chuàng)建子書目。書目結(jié)構(gòu)的好壞，對(duì)閱讀者來說并沒有什么太大的感覺，但是對(duì)于站點(diǎn)本身的維護(hù)，以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立書目結(jié)構(gòu)時(shí)也要細(xì)致支配，比如：●不要將全部文件都存放在根書目下。有網(wǎng)站制作者為了便利，將全部文件都放在根書目下。這樣就很簡潔造成：文件管理混亂，搞不清哪些文件須要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一般都會(huì)為根書目建立一個(gè)文件索引，假如將全部文件都放在根書目下，那么即使只上傳更新一個(gè)文件，服務(wù)器也須要將全部文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時(shí)間也將越長?！癜礄谀績?nèi)容建立子書目。子書目的建立，首先按主欄目建立。友情連接內(nèi)容較多，須要常常更新的可以建立獨(dú)立的子書目。而一些相關(guān)性強(qiáng)，不須要常常更新的欄目，例如：網(wǎng)站簡介、站長狀況等可以合并放在一個(gè)統(tǒng)一書目下。全部程序一般都存放在特定書目，例如：CGI程序放在cgi-bin書目，全部供應(yīng)下載的內(nèi)容也最好放在一個(gè)書目下，便于維護(hù)管理?！裨诿總€(gè)主書目下都建立獨(dú)立的Images書目。一般來說，一個(gè)站點(diǎn)根書目下都有一個(gè)默認(rèn)地Images書目。將全部圖片都存放在這個(gè)書目里很是不便利，比如在欄目刪除時(shí)，圖片的管理相當(dāng)麻煩。所以為每個(gè)主欄目建立一個(gè)獨(dú)立的Images書目是便利管理的。緣由很簡潔，就是便利維護(hù)與管理。其它須要留意的還有：書目的層次不要太深，不要超過3層；不要運(yùn)用中文書目，運(yùn)用中文書目可能對(duì)網(wǎng)址的正確顯示造成困難；不要運(yùn)用過長的書目，太長的書目名不便于記憶；盡量運(yùn)用意義明確的書目，以便于記憶和管理。網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在書目結(jié)構(gòu)基礎(chǔ)之上，但可以跨越書目。形象的說：每個(gè)頁面都是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：●樹狀鏈接結(jié)構(gòu)（一對(duì)一），這類似DOS的書目結(jié)構(gòu)，首頁鏈接指向一級(jí)頁面，一級(jí)頁面鏈接指向二級(jí)頁面。這樣的鏈接結(jié)構(gòu)閱讀時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出，條理比較清楚，訪問者明確知道自己在什么位置，不會(huì)“不知身在何處”，但是閱讀效率低，一個(gè)欄目下的子頁面到另一個(gè)欄目下的子頁面，必需回到首頁再進(jìn)行?！裥菭铈溄咏Y(jié)構(gòu)（一對(duì)多），類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁面相互之間都建立有鏈接。這樣閱讀比較便利，隨時(shí)可以到達(dá)自己喜愛的頁面。但是由于鏈接太多，簡潔使閱讀者迷路，搞不清自己在什么位置，看了多少內(nèi)容。因此，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來運(yùn)用。網(wǎng)站希望閱讀者既可以便利快速地達(dá)到自己須要的頁面，又可以清楚地知道自己的位置。所以，最好的方法是：首頁和一級(jí)頁面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁面之間用樹狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁制作中是特別重要一環(huán)，采納什么樣的鏈接結(jié)構(gòu)干脆影響到版面的布局。<3>進(jìn)行形象設(shè)計(jì)網(wǎng)站的設(shè)計(jì)可以從以下幾點(diǎn)動(dòng)身：●設(shè)計(jì)網(wǎng)站標(biāo)記(LOGO)。LOGO是指網(wǎng)站的標(biāo)記，標(biāo)記可以是中文、英文字母，也可以是符號(hào)、圖案等。標(biāo)記的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動(dòng)物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標(biāo)記。最常用和最簡潔的方式是用自己網(wǎng)站的英文名稱作標(biāo)記，采納不同的字體、字母的變形、字母的組合可以很簡潔制作好自己的標(biāo)記?！裨O(shè)計(jì)網(wǎng)站色調(diào)。網(wǎng)站給人的第一印象來自視覺沖擊，不同的色調(diào)搭配產(chǎn)生不同的效果，并可能影響到訪問者的心情?！皹?biāo)準(zhǔn)色調(diào)”是指能體現(xiàn)網(wǎng)站型象和延長內(nèi)涵的色調(diào)，要用于網(wǎng)站的標(biāo)記，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色調(diào)也可以運(yùn)用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來說，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色調(diào)不超過3種，太多則讓人紛繁蕪雜。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。●設(shè)計(jì)網(wǎng)站字體。和標(biāo)準(zhǔn)色調(diào)一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)記，標(biāo)題，主菜單的特有字體。一般網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“別出心裁”和特有風(fēng)格，可以依據(jù)須要選擇一些特殊字體。制作者可以依據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。須要說明的是：運(yùn)用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡荛喿x者的計(jì)算機(jī)里沒有安裝特殊字體，那么辛苦設(shè)計(jì)制作便可能付之東流了。●設(shè)計(jì)網(wǎng)站宣揚(yáng)語。也可以說是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)，用一句話或者一個(gè)詞來高度概括。用富有氣概的話或詞語來概括網(wǎng)站，進(jìn)行對(duì)外宣揚(yáng)，可以收到比較好的結(jié)果。6.確定網(wǎng)站風(fēng)格：“風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給閱讀者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)記，色調(diào)，字體，標(biāo)語）、版面布局、閱讀方式、交互性、文字、語氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動(dòng)活潑的也可以是專業(yè)肅穆的。不管是色調(diào)、技術(shù)、文字、布局，還是交互方式，只要你能由此讓閱讀者明確辨別出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。風(fēng)格是有人性的，通過網(wǎng)站的色調(diào)、技術(shù)、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的特性：是粗獷豪放的，還是清爽秀麗的；是溫文儒雅的，還是執(zhí)著熱忱的；是活潑易變的，還是墨守成規(guī)的?？傊?，有風(fēng)格的網(wǎng)站與一般網(wǎng)站的區(qū)分在于：在一般網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，閱讀速度快慢等；在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的相識(shí)，比如站點(diǎn)的品位，對(duì)閱讀者的看法等。在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣揚(yáng)?？傊?，風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。7.有創(chuàng)意的內(nèi)容選擇：好的內(nèi)容選擇須要有好的創(chuàng)意，作為網(wǎng)頁設(shè)計(jì)制作者，最苦惱的就是沒有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最