無論是開發(fā)軟件還是創(chuàng)建網(wǎng)站，真正困擾我們的往往并非軟件的使用問題，而是軟件技術(shù)之外的一些東西，真正決定一個網(wǎng)站是否成功的要素是設(shè)計、定位、推廣等非技術(shù)手段。
一、整理規(guī)劃。
網(wǎng)站建設(shè)的開始就應(yīng)該有一個整體的戰(zhàn)略目標(biāo)，即確定站點(diǎn)的目標(biāo)。
首先要有一個總的目標(biāo)，這個網(wǎng)站到底是要做什么。有的要顯示自己的設(shè)計水平，這就要求頁面美觀；有的是為了求職而設(shè)計的求職網(wǎng)站，這就要求提供足夠的信息讓別人了解你的工作能力；有的是要為用戶服務(wù)，這就要求網(wǎng)站有較強(qiáng)的互動性，而本站建設(shè)之初的主要目的就是為了本人更好的學(xué)習(xí)網(wǎng)絡(luò)知識，只是興趣而已，本站站名“網(wǎng)頁教學(xué)網(wǎng)”讓人一看就知道是有關(guān)介紹網(wǎng)頁知識的站點(diǎn)。而申請域名也是相當(dāng)重要的，webjx.com，大家都知道web譯為網(wǎng)、網(wǎng)頁、網(wǎng)絡(luò)等，j是jiao的第一個字母，x是xue的第一個字母，其實本站是web jiao xue的字母的縮寫！當(dāng)然大家申請注冊域名時可以申請自己名字的拼音等！在這里不作過多介紹。
確定好目標(biāo)之后，還要決定網(wǎng)站的目標(biāo)觀眾。其中包括以下幾種情況：
1.目標(biāo)觀眾的訪問速度。很多在線教育網(wǎng)站采用不同的軟件制作在線課件，但是視頻無論如何在現(xiàn)在是不適合目前中國瀏覽者的網(wǎng)絡(luò)帶寬，不過提高我們的網(wǎng)絡(luò)帶寬也是一種發(fā)展的趨勢。
2.目標(biāo)觀眾的計算機(jī)配置和瀏覽器版本。計算機(jī)硬件技術(shù)飛速發(fā)展，現(xiàn)在使用的計算機(jī)的配置都是比較高的！
所以我們在設(shè)計網(wǎng)頁時，其實已經(jīng)不必要考慮計算機(jī)配置了。需要注意的是在設(shè)計中要在不同的瀏覽器中瀏覽自己的網(wǎng)頁，看看有沒有發(fā)生變化。
3.插件問題。對于有些軟件，比如Flash的插件，現(xiàn)在大部分瀏覽器都安裝有這種插件了，如果網(wǎng)頁上播放視頻，那么就要考慮瀏覽器是否需要安裝相應(yīng)的插件，在這時最好在網(wǎng)站中說明并提供插件和播放器的下載。現(xiàn)在好多電影站都做的比較好，它們都提供播放器和插件的下載！
二、新建站點(diǎn)
規(guī)劃好站點(diǎn)之后，就可以用專門的網(wǎng)頁開發(fā)軟件創(chuàng)建站點(diǎn)了。
在創(chuàng)建站點(diǎn)之前，我們應(yīng)該首先在我們的磁盤上創(chuàng)建一個文件夾，用于存放站點(diǎn)內(nèi)的所有資源，當(dāng)然如果你的站點(diǎn)資源比較豐富這是可以建立子文件夾存放站點(diǎn)內(nèi)相應(yīng)的資源。例如：站點(diǎn)文件夾為myweb，子文件夾images用于存放站點(diǎn)內(nèi)用到的圖片，upfiles用于存放上傳的文件，admin用于存放站點(diǎn)后臺程序等等。創(chuàng)建站點(diǎn)在Dreamweaver軟件中操作比較簡單，本站也已經(jīng)提供了相應(yīng)的視頻教程，如果您不熟悉可以去查看下。
剛建立起的站點(diǎn)是空的文件夾，用戶首先要設(shè)計站點(diǎn)結(jié)構(gòu)。制作專業(yè)網(wǎng)站之前要有一個詳細(xì)的計劃，這樣雖然會花費(fèi)一些人力和物力，但總比出現(xiàn)了問題之后再修改要好得多。
在網(wǎng)站規(guī)劃中一個很重要的問題就是確定站點(diǎn)結(jié)構(gòu)。設(shè)計站點(diǎn)結(jié)構(gòu)，就得確定站點(diǎn)子欄目；設(shè)計站點(diǎn)結(jié)構(gòu)，就得確定圖片、多媒體文件的存放位置；設(shè)計站點(diǎn)結(jié)構(gòu)，就得導(dǎo)航條。專業(yè)網(wǎng)站中，必須要有導(dǎo)航條。
三、收集資源
確定好站點(diǎn)目標(biāo)和結(jié)構(gòu)之后，接下來要做的就是收集有關(guān)網(wǎng)站的資源，其中包括以下資源：
1.文字資料：文字是網(wǎng)站的主題。無論是什么類型的網(wǎng)站，都要離不開敘述性的文字。離開了文字即使圖片再華麗，瀏覽者也不知所云。所以要制作一個成功的網(wǎng)站，必須要提供足夠的文字資料。
2.圖片資料：網(wǎng)站的一個重要要求就是圖文并茂。如果單單有文字，瀏覽者看了不免覺得枯燥無味。文字的解說再加上一些相關(guān)的圖片，讓瀏覽者能夠了解更多的信息，更能增加瀏覽者的印象。
3.動畫資料：在網(wǎng)頁上插入動畫可以增添頁面的動感效果?，F(xiàn)在Flash動畫在網(wǎng)頁上應(yīng)用的相當(dāng)多，所以建議大家應(yīng)該學(xué)會Flash制作動畫的一些知識。
4.其它資料：例如網(wǎng)站上的應(yīng)用軟件，音樂網(wǎng)站上的音樂文件等等。
四、布局頁面
設(shè)計站點(diǎn)結(jié)構(gòu)和收集了足夠的資源之后，就可以開始布局頁面了。在Dreamweaver中，可以通過以下手段進(jìn)行排版：
1.利用表格進(jìn)行排版：表格主要有三個元素－表格、行和列及單元格，而且表格還可以嵌套，不過在這里建議大家不要把所有的網(wǎng)頁都放在一個大表格中，并且嵌套最好不要超過３層，因為如果你那樣做了，瀏覽器解析的時間會增加了，那么當(dāng)瀏覽者訪問時速度就慢了。
2.利用層排版：層很適合形式自由的排版，現(xiàn)在ＷＥＢ標(biāo)準(zhǔn)建議排版時拋棄表格，不過如果初學(xué)者學(xué)習(xí)利用層排版時還要學(xué)習(xí)其它好多相關(guān)知識，其中最重要的是CSS和Javascript，使用CSS來輔助層可以對網(wǎng)頁實現(xiàn)排版，可以解決表格給我們帶來的煩惱。如果你對WEB標(biāo)準(zhǔn)感興趣，那么你就該好好的學(xué)習(xí)CSS了！
3.利用布局視圖進(jìn)行排版：在Dreamweaver MX 2004中有專門的布局視圖，我們初學(xué)網(wǎng)頁設(shè)計時可以使用它進(jìn)行排版。
4.利用框架進(jìn)行排版：它是一種用瀏覽器窗口，顯示多個網(wǎng)頁的形式，前幾天記得有人在論壇中求，網(wǎng)頁格式的課件，網(wǎng)頁格式的課件大部分是用框架做出來的。
五、編輯文檔與超級連接
經(jīng)過上面的幾個步驟之后，一切準(zhǔn)備工作都已經(jīng)就緒，現(xiàn)在可以象裝箱一樣把收集到的資料及制作的組件放到頁面布局中為它們指定的位置上了。
插入到網(wǎng)頁布局之后，文字都是同一種字號，同一種風(fēng)格，同一種顏色；圖片有大有小。所以這時就要對各種元素進(jìn)行編輯了，例如，改變文本字體、字號、顏色、大小等，對圖片進(jìn)行大小，表格的調(diào)整，按鈕行為的調(diào)整等等！
連接是網(wǎng)頁的靈魂。瀏覽者在瀏覽網(wǎng)頁時，單擊網(wǎng)頁設(shè)置的超級連接可以跳轉(zhuǎn)到相關(guān)頁面，所以一個好的網(wǎng)頁是離不開連接的。
六、發(fā)布站點(diǎn)
站點(diǎn)的發(fā)布
網(wǎng)站發(fā)布就是把網(wǎng)站上傳到因特網(wǎng)上，以提供瀏覽者瀏覽。上傳之前必須檢查你的域名和主頁空間的申請情況，以及網(wǎng)頁和站點(diǎn)的連接情況等。建議大家最好安裝ＩＩＳ，本站內(nèi)都提供了iis5.01、iis6.0、iis5.0的安裝程序。
上傳軟件一般都使用用FTP，上傳到服務(wù)器中申請的域名下(具體要看看你申請空間時，人家給你的開通信?。?，上傳軟件一般有CuteFTP、LeadFTP等
站點(diǎn)的維護(hù)
站點(diǎn)發(fā)布之后還要經(jīng)常對站點(diǎn)進(jìn)行維護(hù)。站點(diǎn)維護(hù)是指不斷優(yōu)化網(wǎng)站功能和更新網(wǎng)頁內(nèi)容。維護(hù)網(wǎng)站的目的是使網(wǎng)站的結(jié)構(gòu)規(guī)劃合理、內(nèi)容與形式統(tǒng)一、主題鮮明，經(jīng)常更新網(wǎng)頁內(nèi)容，讓網(wǎng)站與時俱進(jìn)。
轉(zhuǎn)自: www.OftenGo.com
