怎樣制作網(wǎng)站，流程是怎樣的？

網(wǎng)站制作流程
開(kāi)始構(gòu)造你的網(wǎng)站(proteomeinstitute.com)

1、總體規(guī)劃你的網(wǎng)站
當(dāng)你想建立你的網(wǎng)站是你一定已經(jīng)在網(wǎng)上瀏覽過(guò)n個(gè)小時(shí)了，當(dāng)看見(jiàn)別人的網(wǎng)上之家的時(shí)候，或者受朋友“到我的網(wǎng)頁(yè)看看”的精神刺激下，你開(kāi)始產(chǎn)生網(wǎng)上建家的沖動(dòng)了！但是這時(shí)候你并不知道你建網(wǎng)站的目的，你也不知道你該做成什么樣的網(wǎng)頁(yè)，“家里”該有些什么擺設(shè)。于是你應(yīng)該靜下來(lái)想一想，怎樣規(guī)劃你的網(wǎng)站。首先，你要有信心和知識(shí)。再次，你得有內(nèi)容，網(wǎng)站應(yīng)該有一個(gè)什么樣的主題，別人來(lái)你的網(wǎng)頁(yè)看什么。接著，你要組織你的網(wǎng)頁(yè)了，它們?cè)撌鞘裁唇Y(jié)構(gòu)，這種結(jié)構(gòu)不僅要讓訪問(wèn)者能感覺(jué)到你的風(fēng)格，也要方便你自己維護(hù)網(wǎng)站。最后，構(gòu)思出你的“引人入勝”的門面（Home Page)。

2、準(zhǔn)備工具和材料
拿出扳手、電線、螺絲刀和......我們要制作網(wǎng)頁(yè)了！安裝好一種編寫(xiě)HTML語(yǔ)言的編輯器，你可以利用IE的frontpage，但是你應(yīng)該有更好的，當(dāng)然是Frontpage98了！Word一般的簡(jiǎn)易操作；支持Microsoft、Netscape的全部網(wǎng)頁(yè)標(biāo)簽，極好的兼容性；提供多種設(shè)計(jì)樣板，表單向?qū)У壬倒瞎δ?；?qiáng)大的管理工能可以檢查網(wǎng)頁(yè)鏈接、查看組織結(jié)構(gòu)、上網(wǎng)傳送甚至檢查你的拼寫(xiě)錯(cuò)誤；“所見(jiàn)就所得”，普通視圖、HTML、預(yù)覽自由切換。當(dāng)然你也可以按自己的愛(ài)好選擇：Hotdog;Pagemill;Homesite......隨便你。有了編程工具就該準(zhǔn)備你的網(wǎng)頁(yè)素材了！文本、圖片、動(dòng)畫(huà)、midi和mp3音樂(lè)等等準(zhǔn)備搬上網(wǎng)的東東。制作這些東西你也許要用到做圖片的Photoshop、做gif動(dòng)畫(huà)的GALE、制作image map的工具M(jìn)ap This、中文字庫(kù)也應(yīng)該拿出來(lái)。

3、制作網(wǎng)頁(yè)
當(dāng)然要制作網(wǎng)頁(yè)了！......于是你把網(wǎng)頁(yè)制作好了?。ㄒ院笤僦v）

4、測(cè)試網(wǎng)站
網(wǎng)頁(yè)做好了，鏈接做好了，測(cè)試工作必不可少。用Frontpage98的FrontPage web Server（WEB服務(wù)器）可以對(duì)你的網(wǎng)頁(yè)進(jìn)行測(cè)試，看看鏈接是否正確發(fā)現(xiàn)問(wèn)題及時(shí)改正。

5、上傳你的網(wǎng)頁(yè)
不對(duì)不對(duì)，你還得先申請(qǐng)一個(gè)放網(wǎng)頁(yè)的空間。現(xiàn)在網(wǎng)上提供免費(fèi)主頁(yè)空間的網(wǎng)站很多，收集了一些。申請(qǐng)到空間后，帶上ftp工具上路了！如 cuteftp，先在site manage添上你的，填寫(xiě)上傳主機(jī)服務(wù)器的地址，你的用戶名，你的密碼，就可以了。開(kāi)始連接主機(jī)，登錄用戶，打開(kāi)右邊允許你上傳的目錄，

把你要上傳的東東都拖過(guò)去。注意：你的主頁(yè)名應(yīng)該是index.htm；index.html或者default.htm；default.html，按申請(qǐng)地方的要求來(lái)，還有就是文件名的大小寫(xiě)，unix主機(jī)可區(qū)分嚴(yán)格喲。上傳后你就可以欣賞你的作品了，怎么樣？興奮吧！

6、宣傳你的網(wǎng)頁(yè)
網(wǎng)頁(yè)做好了，也上傳了。但現(xiàn)在沒(méi)人知道，怎樣宣傳你的主頁(yè)呢？當(dāng)然是上聊天室，到處貼帖子，發(fā)E-MAIL通知好友，登錄搜索引擎，用免費(fèi)廣告，同別人互相交換連接......

7、網(wǎng)站維護(hù)和更新
要想訪問(wèn)量大，你得經(jīng)常更新你的網(wǎng)頁(yè)，增加網(wǎng)頁(yè)內(nèi)容，并彌補(bǔ)網(wǎng)站存在的缺陷

在制作網(wǎng)站時(shí)，首先要明確建立網(wǎng)站的目的是什么。如果是個(gè)人網(wǎng)站，那么網(wǎng)頁(yè)的設(shè)計(jì)可以圍繞個(gè)性化來(lái)進(jìn)行，如果是企業(yè)網(wǎng)站，則立足于企業(yè)形象來(lái)展示來(lái)進(jìn)行。在確定網(wǎng)站主題后，就可以組織網(wǎng)站內(nèi)容，搜集所需要的資料，尤其是相關(guān)的文本和圖片，準(zhǔn)備的越充分，越有利于下一步網(wǎng)站欄目的規(guī)劃
規(guī)劃網(wǎng)站欄目和目錄結(jié)構(gòu)
確定了網(wǎng)站主題后，即可根據(jù)網(wǎng)站內(nèi)容開(kāi)始規(guī)劃網(wǎng)站欄目，網(wǎng)站欄目實(shí)際上是一個(gè)網(wǎng)站內(nèi)容的大量索引，在規(guī)劃師要注意以下幾點(diǎn)。

1 對(duì)搜集到的資料進(jìn)行分類，并為其建立專門的欄目，個(gè)欄目的主題圍繞著網(wǎng)站的主題展開(kāi)，同時(shí)欄目的名稱要具有概括性，個(gè)欄目名稱的字?jǐn)?shù)最好相同。規(guī)劃網(wǎng)站欄目的過(guò)程實(shí)際上是對(duì)網(wǎng)站內(nèi)容的細(xì)化，一個(gè)欄目有可能就是一個(gè)專欄網(wǎng)頁(yè)。

2 在創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)時(shí)，不要將所有的文件都放在根目錄下，而應(yīng)該按照網(wǎng)站欄目來(lái)建立目錄并存放文件，例如企業(yè)站點(diǎn)可以按照公司簡(jiǎn)介，產(chǎn)品介紹，在線訂單，反饋信息等建立目錄。通常站點(diǎn)根目錄下面都有一個(gè)圖片目錄，如果把所有圖片都放在這個(gè)目錄下面，不便于管理，
因此也應(yīng)該為每個(gè)欄目建立一個(gè)獨(dú)立的圖片目錄，而根目錄只用于存放主頁(yè)中的圖片

3 在為目錄文件命名是要使用間斷的英文形式，文件名應(yīng)少于8個(gè)字符，一律以小寫(xiě)處理。另外，同一類型的多個(gè)文件應(yīng)該以數(shù)字序號(hào)表示區(qū)分，有利于查找修改。

設(shè)計(jì)網(wǎng)頁(yè)布局

網(wǎng)頁(yè)布局主要是針對(duì)網(wǎng)站主頁(yè)的版面設(shè)計(jì)，因此最好將構(gòu)思的頁(yè)面布局草圖勾勒出來(lái)，然后進(jìn)行版面的細(xì)化和調(diào)整。在設(shè)計(jì)是應(yīng)該把一些主要的元素放到網(wǎng)頁(yè)中，例如網(wǎng)站的標(biāo)志，廣告欄目，導(dǎo)航條等，這些元素應(yīng)該放在最突出的位置，最醒目的位置，然后再考慮其他元素的存放位置在將各個(gè)元素確定好之后，下面就可以考慮文字，圖片，表格等頁(yè)面元素的排版布局了。確定布局草案后，利用網(wǎng)頁(yè)制作工具，把草案做成一個(gè)簡(jiǎn)略的網(wǎng)頁(yè)，觀察總體效果，對(duì)不協(xié)調(diào)的地方進(jìn)行調(diào)整

網(wǎng)頁(yè)布局的好壞是決定網(wǎng)站美觀與否的重要因素，通過(guò)合理的，有創(chuàng)意的布局，才能把文字，圖像等內(nèi)容完美地展現(xiàn)在瀏覽者面前。作為昂也制作的初學(xué)者來(lái)說(shuō)，應(yīng)該多參考優(yōu)秀站點(diǎn)的版面設(shè)計(jì)，多閱讀平面設(shè)計(jì)類的書(shū)籍，來(lái)提高自己的藝術(shù)修養(yǎng)和網(wǎng)頁(yè)版面布局水準(zhǔn)
整合網(wǎng)頁(yè)內(nèi)容

在確定了網(wǎng)頁(yè)布局后，就需要將收集到的素材落實(shí)為網(wǎng)站標(biāo)志，廣告欄目，導(dǎo)航欄，按鈕，文本，圖片，動(dòng)畫(huà)等頁(yè)面元素，這一階段的任務(wù)實(shí)際上是通過(guò)各種圖像工具和文字工具堆素材進(jìn)行編輯和處理，然后通過(guò)網(wǎng)頁(yè)制作工具將其添加到布局版面中，完成網(wǎng)頁(yè)制作。
本文發(fā)布于北京網(wǎng)站建設(shè)公司尚品中國(guó)http://proteomeinstitute.com/