網(wǎng)頁設(shè)計(jì)制作網(wǎng)站是怎樣做的?如何建立自己的網(wǎng)站?html制作網(wǎng)站怎么做?下面就來一起看看吧!

　　制作網(wǎng)站，首先要解決的是確定網(wǎng)站的主題。美國《個(gè)人計(jì)算機(jī)》雜志(PCMagazine)評(píng)價(jià)了99年度前100位美國著名網(wǎng)站的10種題材:第1類:在線求職第2類:在線聊天/即時(shí)信息/ICQ第3類:在線社區(qū)/討論/郵件列表第4類:計(jì)算機(jī)技術(shù)第5類:網(wǎng)頁/網(wǎng)站開發(fā)第6類:娛樂網(wǎng)站第7類:旅行第8類:參考/信息第9類:家庭/教育第10類:生活/時(shí)尚。我們可以參考上述分類，繼續(xù)細(xì)分。

　　如果自己在某些方面感興趣，或者把握的資料很多的話，也可以做自己感興趣的東西。另一方面，有自己的見解，可以創(chuàng)造自己的特色者，在制作網(wǎng)站時(shí)不會(huì)感到無聊或無力。興趣是制作網(wǎng)站的動(dòng)力，沒有創(chuàng)作的熱情，很難設(shè)計(jì)和制作出優(yōu)秀的作品。建網(wǎng)站內(nèi)容主題的選擇，小而精致，主題定位小，內(nèi)容精致。不要試圖建立一個(gè)包羅萬象的網(wǎng)站，這往往會(huì)失去網(wǎng)站的特點(diǎn)，也會(huì)帶來高強(qiáng)度的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來困難。記住:網(wǎng)上只有第一，沒有第二!要領(lǐng)2:選擇域名域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。非產(chǎn)品銷售的純信息服務(wù)網(wǎng)站，其所有建設(shè)價(jià)值都凝聚在其網(wǎng)站域名上。失去這個(gè)域名，所有前期的工作都會(huì)失去?，F(xiàn)在制作個(gè)人網(wǎng)站的很多人都依賴免費(fèi)的個(gè)人空間，其域名也依賴免費(fèi)的域名指向，例如網(wǎng)易的虛擬域名服務(wù)，實(shí)際上不利于個(gè)人網(wǎng)站的普及和發(fā)展，不僅及時(shí)打開的窗戶，還妨礙了瀏覽者的視線和好感因此，從我個(gè)人的角度來看，首先要花錢注冊(cè)域名。獨(dú)立域名是個(gè)人網(wǎng)站的第一財(cái)富，必須使域名形象、簡(jiǎn)單、容易記住。要領(lǐng)3:掌握網(wǎng)絡(luò)建設(shè)工具網(wǎng)絡(luò)技術(shù)的發(fā)展帶動(dòng)了軟件行業(yè)的發(fā)展，因此網(wǎng)頁制作的工具軟件也越來越豐富。從最基本的HTML編輯器到現(xiàn)在流行的Flash交互式網(wǎng)頁制作工具，各種網(wǎng)頁制作工具，以下是一些代表性的網(wǎng)頁制作器(1)HTML編輯器。HTML代碼復(fù)雜，編輯和調(diào)整需要很多時(shí)間，但HTML的穩(wěn)定性、廣泛的支持性和復(fù)雜的頁面效果仍然受到高級(jí)網(wǎng)頁制作者的歡迎?，F(xiàn)在有很多編輯器可供選擇。這些編輯器廣泛支持復(fù)雜頁面的制作和高級(jí)HTML規(guī)范，使用Hotdog等專業(yè)HTML編輯器。(2)看到的網(wǎng)頁編輯器。其中以MicrosoftFrontpage為代表，具有Word這樣的操作界面，熟悉Word功能的操作者可以通過稍微的訓(xùn)練輕松制作網(wǎng)頁。此外，F(xiàn)rontpage還可以分析網(wǎng)頁的HTML源代碼，并提供預(yù)覽支持。但是，F(xiàn)rontpage的特殊顯示功能不能在其他非IE瀏覽器下實(shí)現(xiàn)。Frontpage是初級(jí)、中級(jí)網(wǎng)頁制作者非常適合使用的工具軟件。(3)現(xiàn)在流行的Macromedia公司制作的Flash交互式網(wǎng)頁制作工具。這是一個(gè)非常強(qiáng)大的互動(dòng)矢量多媒體網(wǎng)頁制作工具?？梢暂p松輸出各種動(dòng)畫頁面，不需要特別復(fù)雜的操作，比JAVA小巧精致!然而，它的動(dòng)畫效果、互動(dòng)效果和多媒體效果非常好。另外，F(xiàn)lash動(dòng)畫中可以包裝Mp3音樂、填寫表等，F(xiàn)lash制作的web文件比普通web文件小得多，因此瀏覽速度大幅度提高。這是非常適合動(dòng)態(tài)網(wǎng)絡(luò)制作的工具。此外，個(gè)人網(wǎng)站制作人還需要了解W3CHTML4.0規(guī)范、CSS層疊樣式表的基本知識(shí)、javascript、VBScript的基本知識(shí)。ASP、CGI、PHP等常用腳本程序也需要適當(dāng)理解，熟練使用圖形處理工具和動(dòng)畫制作工具和矢量繪畫工具，部分理解多種圖形圖像動(dòng)畫工具的基本用法，熟練使用FTP工具和相應(yīng)的硬件和軟件當(dāng)然，互聯(lián)網(wǎng)仍然是一個(gè)免費(fèi)的數(shù)據(jù)庫。制作網(wǎng)頁需要多種按鈕、背景和圖形和圖像。如果這些都是自己完成的費(fèi)時(shí)間和金錢，還需要強(qiáng)大的圖形、圖像制作技術(shù)。因此，為了省去這些麻煩，網(wǎng)站制作者可以從網(wǎng)上下載美麗實(shí)用的圖像、按鈕、背景等網(wǎng)頁素材。要領(lǐng)4:確定站點(diǎn)界面是站點(diǎn)給瀏覽者的第一印象，往往決定站點(diǎn)的可見性。確定站點(diǎn)界面時(shí)，請(qǐng)注意以下三點(diǎn):①欄目和板塊構(gòu)建站點(diǎn)就像寫論文一樣，首先列出問題綱要，主題明確，水平明確。網(wǎng)站建設(shè)初學(xué)者最容易犯的錯(cuò)誤是確定題材后立即開始制作，沒有合理的計(jì)劃。網(wǎng)站結(jié)構(gòu)不清楚，目錄混亂，板塊排列混亂等。結(jié)果，不僅瀏覽者混亂，制作者自己也很難擴(kuò)大和維護(hù)網(wǎng)站。因此，在制作網(wǎng)頁之前，我們必須考慮欄目和板塊的布局。網(wǎng)站題材確定后，合理安排收集的資料內(nèi)容。例如，將最有魅力的內(nèi)容放在最突出的位置，或者在布局上占優(yōu)勢(shì)。欄目的本質(zhì)是網(wǎng)站的大綱索引，索引應(yīng)明確顯示網(wǎng)站的主體。在做欄目的時(shí)候，一定要仔細(xì)考慮，合理安排。欄目編制時(shí)應(yīng)注意的是●盡量刪除與主題無關(guān)的欄目●盡量將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列入欄目●盡量從訪問者的角度編制欄目，使訪問者的閱覽和查詢變得容易的輔助內(nèi)容，例如網(wǎng)站的簡(jiǎn)介、版權(quán)信息、個(gè)人信息等不必放在主欄中此外，板塊的布局設(shè)置也應(yīng)合理布局和劃分。板塊比欄的概念大，每個(gè)板塊都有自己的欄。

　　例如，ENET硅谷動(dòng)力網(wǎng)站分為新聞、產(chǎn)品、游戲、學(xué)院等板塊，各板塊下面有自己的主欄。一般來說，個(gè)人網(wǎng)站的內(nèi)容很少，只要分欄就足夠了，沒有必要設(shè)置板塊。如果需要設(shè)置板塊，請(qǐng)注意●各板塊應(yīng)具有相對(duì)獨(dú)立性●各板塊應(yīng)相互關(guān)聯(lián)●各板塊內(nèi)容應(yīng)圍繞網(wǎng)站主題②目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)網(wǎng)站目錄是指制作網(wǎng)站時(shí)制作的目錄。例如，在使用Frontpage創(chuàng)建網(wǎng)站時(shí)，默認(rèn)創(chuàng)建了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個(gè)容易的問題，很多站長(zhǎng)沒有計(jì)劃，擅自制作子目錄。目錄結(jié)構(gòu)的好壞，對(duì)于瀏覽者來說并沒有太大的感覺，但是對(duì)于網(wǎng)站本身的維護(hù)，對(duì)于后期內(nèi)容的擴(kuò)展和移植有著重要的影響。因此，在建立目錄結(jié)構(gòu)時(shí)，也應(yīng)仔細(xì)安排，例如●不要將所有文件存放在根目錄下。為了方便網(wǎng)站制作者，所有文件都放在根目錄下。這樣，文件管理混亂，哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些相關(guān)文件影響工作效率的上傳速度變慢，服務(wù)器通常為根目錄制作文件索引，關(guān)于網(wǎng)站模板，如果所有文件都放在根目錄下，即使只上傳一個(gè)文件●根據(jù)欄目?jī)?nèi)容制作子目錄。子目錄的建立，首先要根據(jù)主欄進(jìn)行建立。友誼的連接內(nèi)容很多，需要經(jīng)常更新的可以制作獨(dú)立的子目錄。相關(guān)性強(qiáng)，不需要頻繁更新的欄目。例如，網(wǎng)站介紹、站長(zhǎng)狀況等可以合并在統(tǒng)一目錄下。所有程序通常存儲(chǔ)在特定目錄中。例如，CGI程序放置在cgi-bin目錄中，提供下載的所有內(nèi)容也放置在目錄使維護(hù)管理變得容易?！裨诿總€(gè)主目錄下建立獨(dú)立的Images目錄。一般來說，網(wǎng)站根目錄下面有默認(rèn)的Images目錄。把所有的照片都存放在這個(gè)目錄是不方便的。例如，刪除欄目時(shí)，照片的管理相當(dāng)麻煩。因此，為各欄創(chuàng)建獨(dú)立的Images目錄很容易管理。原因簡(jiǎn)單，維護(hù)和管理方便。其他需要注意的是，目錄的水平不要太深，不要使用不超過3層的中文目錄，使用中文目錄可能會(huì)給網(wǎng)站的正確顯示帶來困難，不要使用過長(zhǎng)的目錄，過長(zhǎng)的目錄名不方便記憶，盡量使用意義明確的目錄，使記憶和管理變得容易。網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的開拓結(jié)構(gòu)?；谀夸浗Y(jié)構(gòu)，但可以跨越目錄。形象上，每頁都是固定點(diǎn)，鏈接是兩個(gè)固定點(diǎn)之間的連接。一個(gè)點(diǎn)可以與一個(gè)點(diǎn)連接，也可以與多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)不是分布在平面上，而是存在于立體空間中。一般來說，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方法:●樹狀鏈接結(jié)構(gòu)(一對(duì)一)，類似于DOS的目錄結(jié)構(gòu)，主頁鏈接指向一級(jí)頁面，一級(jí)頁面鏈接指向二級(jí)頁面。這種鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)進(jìn)入，一級(jí)退出，條理清晰，訪問者清楚地知道自己在哪里，不知道在哪里，但瀏覽效率低，一欄下面的子頁面必須返回主頁?！裥切捂溄咏Y(jié)構(gòu)(一對(duì)多)類似于網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁面之間都有鏈接。這樣瀏覽起來比較方便，可以隨時(shí)到達(dá)自己喜歡的頁面。但是，由于鏈接過多，瀏覽者容易迷路，不知道自己在哪里，看了多少內(nèi)容。因此，在實(shí)際網(wǎng)站設(shè)計(jì)中，這兩種結(jié)構(gòu)總是混合使用。網(wǎng)站希望瀏覽者能夠輕松快速的達(dá)到自己需要的頁面，同時(shí)也能夠清的了解自己的位置。因此，最好的方法是主頁和一級(jí)頁之間用星形鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁之間用樹形鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁制作中是非常重要的一環(huán)，采用什么樣的鏈接結(jié)構(gòu)直接影響布局。③形象設(shè)計(jì)網(wǎng)站的設(shè)計(jì)可以從以下幾點(diǎn)開始:●設(shè)計(jì)網(wǎng)站標(biāo)志(LOGO)。LOGO是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母、符號(hào)、圖案等。logo的設(shè)計(jì)創(chuàng)意應(yīng)該來自網(wǎng)站的名稱和內(nèi)容。例如，網(wǎng)站內(nèi)有代表性的人物、動(dòng)物、植物，可以作為設(shè)計(jì)的藍(lán)色書籍使用動(dòng)畫化和藝術(shù)化的專業(yè)網(wǎng)站，可以以本專業(yè)的代表性物品為標(biāo)志。最常用和最簡(jiǎn)單的方法就是用自己網(wǎng)站的英文名稱logo，采用不同的字體、字母的變形、字母的組合，就可以輕松的做出自己的logo?！裨O(shè)計(jì)網(wǎng)站的顏色。網(wǎng)站給人的第一印象來自視覺沖擊，不同顏色的組合產(chǎn)生不同的效果，有可能影響訪問者的感情。標(biāo)準(zhǔn)顏色是指能夠表現(xiàn)網(wǎng)站形象和內(nèi)涵的顏色，用于網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊。給人一種整體統(tǒng)一的感覺。其他顏色也可以使用，但應(yīng)該只是。