網(wǎng)頁制作建站技術(shù)\交流 總站點(diǎn): 當(dāng)你在學(xué)習(xí)過程中碰釘子，我們會(huì)幫助你及時(shí)解決處理好問題。

一. 前言

　　隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡(luò)人口的日益增長，從外行到菜鳥、菜鳥到老鳥、老鳥又成為了一代大蝦，(本人還只是老鳥而已，還未到大俠的境界)，其中不知道發(fā)生了多少的變化……

　　以前是瀏覽別人的網(wǎng)站，看到整齊的文字和花花綠綠的圖片，真是羨慕極了!后來呢，自學(xué)了Frontpage2000，覺得做主頁其實(shí)也很容易，不就是寫些文章，插點(diǎn)圖片嘛……于是，興致勃勃地寫了個(gè)漂亮的主頁，加了幾個(gè)鏈接，通到大眾軟件、電腦之家……做好站點(diǎn)、上傳、打開IE、在地址欄里打上 ，再用激動(dòng)到顫抖的手按下回車……

　　此后鮮花掌聲千千萬，但麻煩也接踵而來，主要是內(nèi)容收集分類困難，更新不便，界面過于簡陋……但筆者并不氣餒，駕著小貓上網(wǎng)找網(wǎng)站制作的教程，DOMN下來拌著方便面和好多個(gè)不眠之夜慢慢啃。終于黃天不負(fù)苦心人，在無數(shù)次的失敗后，筆者漸漸積累起的經(jīng)驗(yàn)反映在個(gè)人站點(diǎn)的不斷發(fā)展中了^_^

　　由于深深地體會(huì)過自己摸索的痛苦，所以把筆者的建站心得，拿來和眾多同好分享，可惜的是筆者的站點(diǎn)正面臨全面改版，無法留下地址，供大家學(xué)習(xí)參考，水平所限文章中錯(cuò)誤在所難免，還望高手、大俠不吝賜教^_^

　　注:筆者在這里說的網(wǎng)站指的是個(gè)人申請(qǐng)的免費(fèi)主頁，也就是說不具有商業(yè)性質(zhì)，(其實(shí)很多提供免費(fèi)主頁申請(qǐng)服務(wù)的站點(diǎn)在網(wǎng)友申請(qǐng)前都有規(guī)定，禁止主頁用于商業(yè)用途)，所以筆者在設(shè)計(jì)時(shí)考慮較多的是網(wǎng)友們興趣愛好，而不是注重商品的展示，但總體的設(shè)計(jì)思想和某些技巧也適用于商業(yè)站點(diǎn)，取舍就看您的喜好了。

　　網(wǎng)站制作除了可以按制作的時(shí)期分為前期規(guī)劃、中期制作、發(fā)布，及后期維護(hù)外，還可以按工作性質(zhì)分成:結(jié)構(gòu)設(shè)計(jì)、資料收集、美工設(shè)計(jì)、宣傳推廣等。

　　言歸正傳，進(jìn)入主題:

　　二. 網(wǎng)絡(luò)基礎(chǔ)知識(shí)

　　首先來了解一下我們平時(shí)說的萬維網(wǎng)是什么?(沒學(xué)過網(wǎng)絡(luò)知識(shí)也沒關(guān)系，筆者會(huì)盡量說的淺顯易懂)

　　www(world wide web)是指在internet上的許多計(jì)算機(jī)連接在一起而形成的網(wǎng)絡(luò)，這些計(jì)算機(jī)相互或是單向的傳遞信息，(包括文字、程序、圖像、聲音和其他眾多多信息)。

　　我們?cè)趺丛L問這些信息呢?

　　通過URL和相關(guān)的Protocol就可以做到了。

　　URL(Uniform Resource Locator)就是統(tǒng)一資源地址，是URI(Universal Resource Identifier，通用資源標(biāo)識(shí))命名體系規(guī)范中的一個(gè)分支。顧名思義，URL就是幫助我們?cè)诰W(wǎng)絡(luò)上找到需要的資源的“路徑”，舉個(gè)例子:

　　

　　這個(gè)地址說明了通過HTTP協(xié)議，能夠在叫的主機(jī)上，在路徑“/welcome/”下找到一個(gè)index.html的文件。

　　Protocol(協(xié)議)里用與internet的是TCP/IP(Transmission Control Protocol/Internet Protocol,傳輸控制協(xié)議/網(wǎng)際互聯(lián)協(xié)議)，TCP/IP最初由DARPA(美國國防高級(jí)研究規(guī)劃局)設(shè)計(jì)，用于國防相關(guān)的工程，現(xiàn)在被廣泛的操作系統(tǒng)所支持，(包括Windows, NT, NetWare, Macintosh等)，成為了通用的網(wǎng)絡(luò)協(xié)議。

　　HTTP(Hypertext Transfer Protocol，超文本傳輸協(xié)議)是用來在Internet上傳送超文本的傳送協(xié)議，它運(yùn)行在TCP/IP協(xié)議之上。其他常用的協(xié)議還有文件傳輸協(xié)議FTP(File Transfer Protocol)、遠(yuǎn)程登錄協(xié)議Telnet、NEWS以及Gopher等。

　　HTML(Hypertext Markup Language，超文本標(biāo)識(shí)語言)是WWW上的發(fā)布語言、標(biāo)記性語言或頁面格式定義語言，可以用文本編輯器來制作，我們平時(shí)見到的網(wǎng)頁就是HTML文件。HTML可以插入圖形、音頻、視頻等對(duì)象，使其具有極為豐富的網(wǎng)頁內(nèi)容和很強(qiáng)的可觀賞性，同時(shí)文件本身的體積很小(不包括插入的圖像、聲音之類額定文件)，非常適合在網(wǎng)絡(luò)上傳輸，目前版本是4.0。

　　基礎(chǔ)培訓(xùn)結(jié)束，準(zhǔn)備進(jìn)入:

　　三. 前期準(zhǔn)備篇

　　1.HTML語言*:

　　先要學(xué)習(xí)HTML超文本語言，也許有人認(rèn)為有了Frontpage2000和Dreamweaver之類的圖形化網(wǎng)頁制作工具就不再需要學(xué)習(xí)HTML語言了，其實(shí)這是個(gè)很普遍的認(rèn)識(shí)誤區(qū)。因?yàn)榧幢阌袕?qiáng)大的軟件，但它們都只能自動(dòng)生成很簡單的HTML代碼，對(duì)于想創(chuàng)作復(fù)雜的網(wǎng)頁結(jié)構(gòu)還不太使用。所以在很多時(shí)候，比如用FrontPage做好一個(gè)網(wǎng)頁后，還經(jīng)常需要直接在網(wǎng)頁的HTML代碼里作修改，加以完善，以求達(dá)到想要的效果。

　　另外，懂得HTML語言也可以幫助我們看懂別人做的網(wǎng)頁里的結(jié)構(gòu)和特效，從而提高自己的水平，這也是一個(gè)學(xué)習(xí)網(wǎng)頁制作的大好機(jī)會(huì)。建議大家去學(xué)，但如果實(shí)在不愿意，筆者也不勉強(qiáng)。^_^

　　2.工具的選擇:

　　除了學(xué)習(xí)一些基本的HTML語言知識(shí)外，一般說來還需要學(xué)習(xí)諸如:網(wǎng)頁制作工具、圖形工具、網(wǎng)頁動(dòng)畫工具、FTP上傳工具等常用的軟件。筆者簡單地來介紹一下:

　　網(wǎng)頁制作工具:

　　Frontpage2000*是Microsoft公司的產(chǎn)品，包括在Office2000專業(yè)版的套裝里，支持所見即所得的編輯方式，在站點(diǎn)的管理方面做的很出色。不需要你掌握很深的網(wǎng)頁制作技術(shù)知識(shí)，甚至不需要你了解HTML的基本語法，很適合新手。事實(shí)上，如果你會(huì)使用MS Word的話，你很快就會(huì)學(xué)會(huì)使用FrontPage，并發(fā)現(xiàn)這其實(shí)是一件再簡單不過的事，因它的基本使用方法和Word十分相似。

　　Dreamweaver*是Macromedia公司的產(chǎn)品，和FrontPage的功能類似，也是圖形化的網(wǎng)頁制作工具，還支持層的操作，并且可以避免生成冗余代碼?，F(xiàn)在，不少網(wǎng)站在招聘網(wǎng)站設(shè)計(jì)人員時(shí)，都要求應(yīng)聘該職位的人員能熟練地操作Dreamweaver，所以立志于將來從事網(wǎng)站制作工作的朋友一定要學(xué)好Dreamweaver才行。

　　以上工具同時(shí)支持對(duì)HTML源代碼進(jìn)行直接編寫。

　　Hotdog是純代碼工具，只支持手寫HTML代碼，但由于軟件本身包含的了很多制作網(wǎng)頁時(shí)要用到的基本元素，所以筆者認(rèn)為還是非常順手的，特別對(duì)于熟悉HTML語言的朋友和代碼狂人來說。^_^

　　圖形工具:

　　Photoshop5.5*是Adobe公司的產(chǎn)品，是功能非常強(qiáng)大的專業(yè)圖形軟件，可以制作任何你想要的平面效果。其中包含的ImageReady是用于網(wǎng)頁圖片制作的。缺點(diǎn)是體積龐大，操作比較復(fù)雜，非專業(yè)人士很難熟練掌握。

　　Paint Pro則是一款小巧玲瓏、使用簡便的軟件，功能也很多，基本上可以滿足一般的圖形制作，而且最大的優(yōu)勢(shì)是完全免費(fèi)的!

　　另外，矢量圖形工具有CorelDraw等，可以做出體積很小的矢量圖片，缺點(diǎn)是網(wǎng)頁上無法直接插入顯示。

　　網(wǎng)頁動(dòng)畫工具:

　　ImageReady已經(jīng)介紹過了，可以制作GIF89a格式的圖片。隨著圖片幀數(shù)的增加，動(dòng)畫形象會(huì)更豐滿，當(dāng)然體積也會(huì)更大。特點(diǎn)是與Photoshop交換作品方便，缺點(diǎn)是制作的位圖體積較大。

　　Flash*是Macromedia公司的產(chǎn)品，與Dreamweaver和firework并稱網(wǎng)頁制作三劍客，可以非常方便地制作動(dòng)畫效果，并根據(jù)鼠標(biāo)事件(Event)來引發(fā)一些特效，適合制作交互動(dòng)畫、小游戲。最吸引人的還是作品SWF體積出奇的小，并且可以以插件的形式加入到網(wǎng)頁中。通常幾分鐘的復(fù)雜動(dòng)畫才幾百K，比起AVI格式真有天淵之別，很多在網(wǎng)上傳播的流行音樂的MTV，5分鐘左右連圖像帶歌曲也只有2、3百K，而以壓縮比高著稱的MP3格式光5分鐘的歌曲就要4M呢!Flash在兩年來迅速發(fā)展，相信成為網(wǎng)絡(luò)上廣為接受的標(biāo)準(zhǔn)格式已經(jīng)為期不遠(yuǎn)了。

　　FTP上傳工具:

　　制作好的網(wǎng)頁要上傳到提供給我們主頁空間的服務(wù)器后，才能讓網(wǎng)友去訪問。上傳工具將影響到我們對(duì)站點(diǎn)更新維護(hù)的效率。

　　CuteFTP:老牌的上傳軟件，功能強(qiáng)大，使用方便，支持拖放。

　　UploadNow!:中文軟件，可以自動(dòng)把本地站點(diǎn)上更新過的文件上傳，避免上傳沒有更新過的文件，節(jié)省的上網(wǎng)的時(shí)間和費(fèi)用。

　　WS-FTP*:速度特別快，支持拖放，對(duì)有多個(gè)站點(diǎn)要維護(hù)的朋友比較適用。

網(wǎng)站建設(shè)全攻略系列,更多，請(qǐng)到站區(qū)學(xué)習(xí)！