對(duì)于一個(gè)新手想擁有自己的網(wǎng)站來說，怎么樣去做是一個(gè)問題。當(dāng)然，你可以到新浪博客或者其他什么地方申請(qǐng)一個(gè)免費(fèi)的個(gè)人主頁，這是最方便實(shí)際的解決方法。

但是，這怎么是我們崇尚DIY精神的表現(xiàn)呢？我們?yōu)槭裁床荒茏约褐谱鞒鲆粋€(gè)優(yōu)秀的網(wǎng)站呢？下面我就網(wǎng)頁設(shè)計(jì)以及網(wǎng)站制作的流程做一個(gè)小小的總結(jié)。

我是搞網(wǎng)站制作的，也是靠這個(gè)吃飯的。但是為了支持各位學(xué)習(xí)技術(shù)，我不介意把自己吃飯的家伙掏出來給大家看，希望大家喜歡。否則，我可就太冤枉了~```

網(wǎng)頁設(shè)計(jì)流程

一、策劃。

這兩個(gè)字看似沒有什么意義，表面上來看，的確是如此的。但是，你想擁有一個(gè)什么樣的網(wǎng)站？你的主色調(diào)，你的內(nèi)容，等等等等，都需要一個(gè)策劃，否則你打開制作工具，你根本不知道要做什么。就象你或者你的GF要做飯，材料什么都有，菜買回來了，可你不知道要吃什么，還為吃白菜或者吃芹菜而鬧不明白。你會(huì)很為難。對(duì)于新手來說，可以參考借鑒別人的作品，多看看一些你喜歡的網(wǎng)頁，然后去模仿，慢慢的就能做出自己的東西了。一個(gè)策劃做好了，就什么都好說了。
二、設(shè)計(jì)圖紙

你可以先在草稿上先畫一畫，但那樣的話，這個(gè)步驟應(yīng)該歸結(jié)于第一步。這里說的設(shè)計(jì)圖紙是在PS或者FW中把你想做的網(wǎng)站用圖片的形式畫出來。我不清楚是否在各位看觀中是否有準(zhǔn)備去應(yīng)聘網(wǎng)頁美工等工作的。但就我自己的公司在我們附近的一所大學(xué)里招聘的情況來看。實(shí)在是不怎么理想。因?yàn)檫@些應(yīng)聘網(wǎng)頁美工的同學(xué)居然不知道不明白網(wǎng)頁是先用PS或者FW畫出來的。最后我錄用了附近中專的一個(gè)學(xué)生。倒不是他在學(xué)校里學(xué)到了什么，是自學(xué)的，做得還不錯(cuò)。由此可見，學(xué)生在學(xué)校里學(xué)到的東西實(shí)在是太皮毛了~~~~（跑題了是吧~~~~~ ）~~~~~這一個(gè)步驟呢就是說~~~~~先把自己的想要的網(wǎng)頁用PS畫出來。PS的靈活多變以及超級(jí)強(qiáng)大的功能，完全可以畫出絢爛的網(wǎng)頁出來。

現(xiàn)在來說呢，我給大家提供幾個(gè)數(shù)字，就是網(wǎng)頁設(shè)計(jì)圖紙的寬度。如果你的網(wǎng)頁是準(zhǔn)備留有對(duì)聯(lián)廣告的位置，也就是像稀飯主站的那種樣式來說呢，你的網(wǎng)頁的寬度一般為 768 像素。也有760像素770像素780像素。這看個(gè)人的設(shè)計(jì)習(xí)慣來的。但一般來說呢，768像素是最符合規(guī)范的，因?yàn)?68正好是屏幕的高度。如果你是想設(shè)計(jì)滿屏的網(wǎng)頁，就像這個(gè)論壇吧。寬度一般為1000左右。有人說是1007，的確，在WINDOWS 標(biāo)準(zhǔn)界面下這個(gè)寬度能全部顯示而不必在下面拉啊拉的。但是如果是XP風(fēng)格的話，就要左右拉了因此寬度設(shè)置為1000差不多。也有設(shè)計(jì)為998了。這根據(jù)個(gè)人經(jīng)驗(yàn)而來，大家可以根據(jù)自己的實(shí)際判斷來說。總之就這左右。告訴嘛~~~~~你想設(shè)置多高就多高吧。如果是首頁的話呢，最好是能全部顯示出來。由于各個(gè)瀏覽器的不同——像多窗口瀏覽器有一個(gè)標(biāo)簽欄，就算是IE，常用圖標(biāo)也有大小之分。因此告訴是多少，你就自己掌握吧。
三、切割網(wǎng)頁

切割網(wǎng)頁這工作還是交給PS或者FW來制作。也就是使用他們的切片工具。個(gè)人認(rèn)為FW更適合用來切割圖片。太專業(yè)了。而且很容易上手。PS當(dāng)然也有這個(gè)功能。不過說來寒酸，我到現(xiàn)在也沒搞明白那是怎么切割的~~~~~就看別人切割了，自己就是不會(huì)~~~~~（沒辦法，本人電腦知識(shí)全部自學(xué)，PS、FW、DMX等等等等，因此有些問題搞不明白還是情有可原的吧~~~~ ）

切割網(wǎng)頁就是把圖片切割成若干個(gè)小圖片，其中寬度高度什么的都得自己去掌握去學(xué)習(xí)，我考慮寫一個(gè)教程。不過時(shí)間不是很充裕，看情況。
四、DMX制作網(wǎng)頁

終于到這一步了，大家是不是很明白?。坎粫?huì)用DMX就不能說是會(huì)制作網(wǎng)頁知道不？現(xiàn)在一般的大學(xué)生和職業(yè)學(xué)校的學(xué)生都應(yīng)該掌握了這個(gè)吧。順便說一下，網(wǎng)頁就是表格加圖片加FLASH。自己慢慢體會(huì)吧。
=============================================

這里只說了個(gè)流程，我看情況能不能有時(shí)間寫出詳細(xì)的教程。大家自己有基礎(chǔ)的可以先做做。這個(gè)流程中沒有說到CSS樣式的設(shè)置和其他的規(guī)格一些方面。這些就看自己的發(fā)揮了。CSS可以用人家現(xiàn)成的，自己修改修改就可以了。

對(duì)于一個(gè)新手想擁有自己的網(wǎng)站來說，怎么樣去做是一個(gè)問題。當(dāng)然，你可以到新浪博客或者其他什么地方申請(qǐng)一個(gè)免費(fèi)的個(gè)人主頁，這是最方便實(shí)際的解決方法。

但是，這怎么是我們崇尚DIY精神的表現(xiàn)呢？我們?yōu)槭裁床荒茏约褐谱鞒鲆粋€(gè)優(yōu)秀的網(wǎng)站呢？下面我就網(wǎng)頁設(shè)計(jì)以及網(wǎng)站制作的流程做一個(gè)小小的總結(jié)。

我是搞網(wǎng)站制作的，也是靠這個(gè)吃飯的。但是為了支持各位學(xué)習(xí)技術(shù)，我不介意把自己吃飯的家伙掏出來給大家看，希望大家喜歡。否則，我可就太冤枉了~```

網(wǎng)頁設(shè)計(jì)流程

一、策劃。

這兩個(gè)字看似沒有什么意義，表面上來看，的確是如此的。但是，你想擁有一個(gè)什么樣的網(wǎng)站？你的主色調(diào)，你的內(nèi)容，等等等等，都需要一個(gè)策劃，否則你打開制作工具，你根本不知道要做什么。就象你或者你的GF要做飯，材料什么都有，菜買回來了，可你不知道要吃什么，還為吃白菜或者吃芹菜而鬧不明白。你會(huì)很為難。對(duì)于新手來說，可以參考借鑒別人的作品，多看看一些你喜歡的網(wǎng)頁，然后去模仿，慢慢的就能做出自己的東西了。一個(gè)策劃做好了，就什么都好說了。
二、設(shè)計(jì)圖紙

你可以先在草稿上先畫一畫，但那樣的話，這個(gè)步驟應(yīng)該歸結(jié)于第一步。這里說的設(shè)計(jì)圖紙是在PS或者FW中把你想做的網(wǎng)站用圖片的形式畫出來。我不清楚是否在各位看觀中是否有準(zhǔn)備去應(yīng)聘網(wǎng)頁美工等工作的。但就我自己的公司在我們附近的一所大學(xué)里招聘的情況來看。實(shí)在是不怎么理想。因?yàn)檫@些應(yīng)聘網(wǎng)頁美工的同學(xué)居然不知道不明白網(wǎng)頁是先用PS或者FW畫出來的。最后我錄用了附近中專的一個(gè)學(xué)生。倒不是他在學(xué)校里學(xué)到了什么，是自學(xué)的，做得還不錯(cuò)。由此可見，學(xué)生在學(xué)校里學(xué)到的東西實(shí)在是太皮毛了~~~~（跑題了是吧~~~~~ ）~~~~~這一個(gè)步驟呢就是說~~~~~先把自己的想要的網(wǎng)頁用PS畫出來。PS的靈活多變以及超級(jí)強(qiáng)大的功能，完全可以畫出絢爛的網(wǎng)頁出來。

現(xiàn)在來說呢，我給大家提供幾個(gè)數(shù)字，就是網(wǎng)頁設(shè)計(jì)圖紙的寬度。如果你的網(wǎng)頁是準(zhǔn)備留有對(duì)聯(lián)廣告的位置，也就是像稀飯主站的那種樣式來說呢，你的網(wǎng)頁的寬度一般為 768 像素。也有760像素770像素780像素。這看個(gè)人的設(shè)計(jì)習(xí)慣來的。但一般來說呢，768像素是最符合規(guī)范的，因?yàn)?68正好是屏幕的高度。如果你是想設(shè)計(jì)滿屏的網(wǎng)頁，就像這個(gè)論壇吧。寬度一般為1000左右。有人說是1007，的確，在WINDOWS 標(biāo)準(zhǔn)界面下這個(gè)寬度能全部顯示而不必在下面拉啊拉的。但是如果是XP風(fēng)格的話，就要左右拉了因此寬度設(shè)置為1000差不多。也有設(shè)計(jì)為998了。這根據(jù)個(gè)人經(jīng)驗(yàn)而來，大家可以根據(jù)自己的實(shí)際判斷來說?？傊瓦@左右。告訴嘛~~~~~你想設(shè)置多高就多高吧。如果是首頁的話呢，最好是能全部顯示出來。由于各個(gè)瀏覽器的不同——像多窗口瀏覽器有一個(gè)標(biāo)簽欄，就算是IE，常用圖標(biāo)也有大小之分。因此告訴是多少，你就自己掌握吧。
三、切割網(wǎng)頁

切割網(wǎng)頁這工作還是交給PS或者FW來制作。也就是使用他們的切片工具。個(gè)人認(rèn)為FW更適合用來切割圖片。太專業(yè)了。而且很容易上手。PS當(dāng)然也有這個(gè)功能。不過說來寒酸，我到現(xiàn)在也沒搞明白那是怎么切割的~~~~~就看別人切割了，自己就是不會(huì)~~~~~（沒辦法，本人電腦知識(shí)全部自學(xué)，PS、FW、DMX等等等等，因此有些問題搞不明白還是情有可原的吧~~~~ ）

切割網(wǎng)頁就是把圖片切割成若干個(gè)小圖片，其中寬度高度什么的都得自己去掌握去學(xué)習(xí)，我考慮寫一個(gè)教程。不過時(shí)間不是很充裕，看情況。
四、DMX制作網(wǎng)頁

終于到這一步了，大家是不是很明白??？不會(huì)用DMX就不能說是會(huì)制作網(wǎng)頁知道不？現(xiàn)在一般的大學(xué)生和職業(yè)學(xué)校的學(xué)生都應(yīng)該掌握了這個(gè)吧。順便說一下，網(wǎng)頁就是表格加圖片加FLASH。自己慢慢體會(huì)吧。
=============================================

這里只說了個(gè)流程，我看情況能不能有時(shí)間寫出詳細(xì)的教程。大家自己有基礎(chǔ)的可以先做做。這個(gè)流程中沒有說到CSS樣式的設(shè)置和其他的規(guī)格一些方面。這些就看自己的發(fā)揮了。CSS可以用人家現(xiàn)成的，自己修改修改就可以了。

如果你是想制作一個(gè)靜態(tài)的網(wǎng)站。那么掌握網(wǎng)頁制作流程就差不多了，這一章只要學(xué)習(xí)網(wǎng)站規(guī)劃就可以。但大多數(shù)人不會(huì)愿意制作靜態(tài)的網(wǎng)站，因?yàn)楣芾韺?shí)在是太麻煩了，因此，網(wǎng)站必然是動(dòng)態(tài)的。呵呵。

一、整體規(guī)劃

好像又是沒有意義的一個(gè)詞，但是就根本來說實(shí)在是太有意義了。網(wǎng)站的規(guī)劃分為下面幾個(gè)部分

1、動(dòng)態(tài)程序語言的選擇。

大家可以先了解一個(gè)語言，ASP ，PHP ，JSP ，CGJ ，.NET 等等等等。就現(xiàn)在來說，一般的小型網(wǎng)站都是使用 ASP + ACC數(shù)據(jù)庫(kù)形式來制作，也是互聯(lián)網(wǎng)上最廣泛的方法。 .NET 是新興的一種語言，應(yīng)該是ASP的升級(jí)版本。互聯(lián)網(wǎng)有這種趨勢(shì)，就是 .NET 語言制作網(wǎng)站。 而 PHP + MYSQL 這種形式也廣泛流行，象稀飯論壇就是這種形式。我在這里簡(jiǎn)單說幾句而已，沒有基礎(chǔ)的可以百度一下詳細(xì)資料。
一般來說，個(gè)人網(wǎng)站的形式 為 asp+ acc數(shù)據(jù)庫(kù) 和 php + mysql數(shù)據(jù)庫(kù)。

2、網(wǎng)站欄目功能規(guī)劃。

你的網(wǎng)站有哪些欄目，你的網(wǎng)站實(shí)現(xiàn)什么功能。很現(xiàn)實(shí)的問題，你得好好策劃策劃哦?。?/P>

3、根目錄策劃。

你的網(wǎng)站實(shí)際上就是一堆文件的集合，怎么樣去規(guī)劃這些文件，就是目錄的安排。好的網(wǎng)站的目錄很清晰，讓人一目了然。你自己的你看著辦吧。我這里點(diǎn)水而過，詳細(xì)資料請(qǐng)百度。
二、數(shù)據(jù)庫(kù)規(guī)劃

你已經(jīng)選擇了程序和數(shù)據(jù)庫(kù)了對(duì)吧，我們現(xiàn)在要做的就是規(guī)劃數(shù)據(jù)庫(kù)了。大家沒有什么意見吧~~~~~呵呵。數(shù)據(jù)庫(kù)里面放什么東西，怎么樣去放，詳細(xì)資料請(qǐng)百度。
三、編寫網(wǎng)站后臺(tái)

前面已經(jīng)說了，你要策劃網(wǎng)站內(nèi)容以及功能。寫網(wǎng)站是先寫后臺(tái)滴！！目前有很多程序員還沒有想到這一點(diǎn)，頭大。把后臺(tái)和數(shù)據(jù)庫(kù)全部弄出來了，前臺(tái)就是顯示還有什么問題嗎？
四、編寫網(wǎng)站前臺(tái)

網(wǎng)頁設(shè)計(jì)已經(jīng)在主題帖里面說明了，現(xiàn)在就該是那里設(shè)計(jì)的也就是網(wǎng)頁的前臺(tái)。網(wǎng)頁已經(jīng)有了，使用程序把內(nèi)容顯示出來應(yīng)該沒有什么問題吧？？
五、測(cè)試，修改

沒有一個(gè)程序弄好了就是沒有漏洞沒有錯(cuò)誤的，測(cè)試和修改是必不可少的。經(jīng)過你的N多測(cè)試，我想網(wǎng)站應(yīng)該沒有什么問題了吧？？
六、發(fā)布。

如果你的網(wǎng)頁僅僅是給自己的朋友看看，當(dāng)做學(xué)習(xí)，你可以用自己的電腦配置成服務(wù)器，這樣的軟件是多之又多，大家百度一下吧~~~~呵呵~~~~~ASP+ ACC數(shù)據(jù)庫(kù)形式的當(dāng)然就是配置IIS就可以了，呵呵。

如果你的網(wǎng)站準(zhǔn)備長(zhǎng)期給大家看~~~~想做一名小小的站長(zhǎng)，那么你可以考慮購(gòu)買虛擬空間和域名。當(dāng)然，現(xiàn)在有很多人選擇免費(fèi)空間和免費(fèi)域名~~~~~我當(dāng)年也是這樣做的。不過現(xiàn)在的免費(fèi)空間實(shí)在是不咋滴~~~~~大家如果準(zhǔn)備把網(wǎng)站做好的話，還是購(gòu)買收費(fèi)空間和頂級(jí)域名吧~~~~~（寫了這么多做個(gè)廣告大家不介意吧？我這邊有空間域名提供哦！呵呵，都是很不錯(cuò)的空間域名。要買的話，找我啦~~~~~）

如果你的網(wǎng)站非常受歡迎，或者你的網(wǎng)站內(nèi)容非常多，虛擬空間已經(jīng)不能夠滿足你了，那你租賃服務(wù)器或者托管服務(wù)器也是比較恰當(dāng)?shù)?。本人身為網(wǎng)絡(luò)公司，自然和國(guó)內(nèi)多家IDC商家有著緊密聯(lián)系， 嗯哼~~~啊~~~大家明白了吧~~~~

哇！你的網(wǎng)站實(shí)在太強(qiáng)了??！一臺(tái)服務(wù)器已經(jīng)不能滿足你了耶~~~~~考慮服務(wù)器集群不？？？？網(wǎng)站做到這一步~~~~也是日進(jìn)斗金啦~~~~`
如果你想做網(wǎng)站，如果你想成為專業(yè)站長(zhǎng)~~~~~多多的去體驗(yàn)一下吧?。?！

• 網(wǎng)頁設(shè)計(jì)