• 當前位置：創(chuàng)新互聯 >> 常見問題 >> 網站建設 >> 網頁設計 >> 怎樣制作網頁

怎樣制作網頁

• 作者：創(chuàng)新互聯 文章來源：網站設計部 點擊數： 更新時間：2014-12-21
• 建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網頁設計感興趣，有較充足的學習時間，熟悉office辦公軟件。當然，這些不是一定必須的。 
  
  第一階段：開始時最好是學些網頁編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網頁制作與運營的原理。最好使拿本教程來學學，結合教程邊學習邊制作。
  
  第二階段：會用網頁制作軟件后，已會制作一個較完整的網站了。但為了能使自己設計制作的網頁盡善盡美，還是學習網頁的核心技術吧！網頁編輯語言（包括:html、css、javascript、asp、xml等）。你可以選擇地學習。 
  
  第三階段:結合你自己已掌握地知識來開發(fā)網站，可以開發(fā)出別人給你定義的目標網站。到了這個時候，你就成為真正的網站開發(fā)者了。 
  
  怎樣制作網頁，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網頁的主要綱要，希望能夠給想要學習制作網頁的朋友一個參考。 
  
  
  
  
  
  一、工具 
  
  1、空間 
  網頁做好了肯定是要發(fā)表上網的，所以必須先申請一個空間；免費的空間不是很穩(wěn)定，容量又小，也不好申請，建議到大的網站如新浪、網易去先買一個個人空間，大概有個20M以上的就可以了。 
  2、軟件 
  推薦使用Dreamweaver6.0中文版，這個軟件最大的特點就是“所見即所得”，也即是制作過程中看到的，便是到時發(fā)布到網絡上的。 
  
  二、教程 
  
  

  花點時間，找個比較通俗易懂的教程看一看是很有必要的。每個網頁的組成，不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素，搞清楚如何將這些元素擺放進去，你也就算懂得如何制作網頁了。

  
  

  三、制作 
  
  開始時建議去下載一個比較簡單的網頁，在制作軟件中將它打開，然后仔細觀察人家的網頁的構成，模仿它去填充各種元素，實踐中再配合著教城，進度會快很多，記得也牢一些。 
  其實做網頁并不難，但要做出有特色的網頁來，那就非一朝一夕之功了。 
  一點個人的粗淺體會，不妥之處敬請指正。 
  
  
  
  三 
  網站設計八步驟 
  
  由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會制作網頁，于是他們認為網頁制作非常簡單，就匆匆忙忙制作自己的網站，可是做出來之后與別人一比，才發(fā)現自己的網站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個網站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。 
  
  一、確定網站主題 
  
  網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。 
  
  二、搜集材料 
  
  明確了網站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的素材。 
  
  三、規(guī)劃網站 
  
  一個網站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規(guī)劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網頁才能有個性、有特色，具有吸引力。如何規(guī)劃網站的每一項具體內容，我們在下面會有詳細介紹。四、選擇合適的制作工具 
  
  盡管選擇什么樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多，首先就是網頁制作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟件，你可以根據需要靈活運用。 
  
  五、制作網頁 
  
  材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。在制作網頁時要多靈活運用模板，這樣可以大大提高制作效率。 
  
  六、上傳測試 
  
  網頁制作完畢，最后要發(fā)布到Web服務器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發(fā)布到自己申請的主頁存放服務器上。網站上傳以后，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發(fā)現問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。 
  
  七、推廣宣傳 
  
  網頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。 
  
  八、維護更新 
  
  網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者 . 
  
  
  
  
  
  
  四 
  一、首先確定你要制作的網頁的主題，就是你建這個網站的內容是什么（注：網站和網頁的關系與區(qū)別就好比一本書和其中的一個頁面的關系）； 
  二、確定你的網頁的閱讀對象，就是你的網頁是準備給那些人看的； 
  三、選擇制作網頁的工具軟件，常見的有dreamweaver和office組件里面的frontpage，如果你是初學者，哪我建議你使用frongpage,因為這個軟件的入門比較簡單（當然功能也很強大），如果你會使用word的話，哪就可以很快作出網頁的，如何你想作專業(yè)的網頁制作人員，哪我建議你使用dreamweaver，目前的版本是XM，我現在就使用，很好用的，這個軟件的好處是不怎么產生垃圾代碼，并且支持各種代碼的性能很好，基本上各種代碼可以直接編輯。 
  
  四、如果你作好了頁面，就需要考慮你的網頁放到什么地方發(fā)表，也就是平常我們說的發(fā)表空間，我們學校的用戶網絡中心已經申請好了空間，大家可以直接使用（有發(fā)布空間的標志是你有了FTP賬號，這個需要申請）。 
  
  五、找到發(fā)布空間以后，你需要把自己的網頁上傳到你的發(fā)布空間，這個需要一個上傳軟件，我推薦使用ACEFTP，這個軟件體積小，速度快，注意我發(fā)現這個軟件的2.0中文版不能夠正確使用，我建議使用1.31版。 
  
  六、制作網頁需要的其他相關軟件：ACDSEE,這個是查看圖片的最好軟件，也可以對圖片作簡單的處理，目前的版本是4.0，網上很多地方可以下載；另外如果你對圖片需要復雜處理的話，哪最好選擇使用PHOTOSHOP，目前的版本是7.0，也有中文補丁，使用起來很方便，當然，這個軟件的學習使用相對是比較難點的。 
  
  7、使用層的時候最好定義為div標簽而不是layer，因為前者在兩種主流瀏覽器都有很好的兼容性。 
  
  8、在用圖片制作熱區(qū)鏈接時，最好給熱區(qū)命名，防止有時只能在圖片上畫出直線。 
  
  9、當我們將框架結構建立好后，可以將此框架體文件和Site窗體并排放置，然后從Site中選擇網頁文件拖放到相應的框架中。這適用于框架比較復雜的頁面。 
  
  10、如果對一張圖片不滿意，想更換另一張，最簡單的方法雙擊此圖片，直接選擇要替換的圖片即可。 
  
  11、在預覽網頁之前最好先保存一下，有時候在不能正確預覽網頁，而存一下就可能會解決這個問題。 
  
  12、如果你的頁面中使用了CSS或是Java Applet，最好不要使用“file->convert->3.0 browser compatible”命令，因為這一選擇會把所有3.0 瀏覽器不認識的定義都抹去。最可怕的是我們不知道在這個過程中Dreamweaver 到底做了什么，具體發(fā)生了那些變化。而且要提醒你，對一批頁面執(zhí)行此操作時，一定要先備份，否則可沒地
• 平面設計常用的軟件 :上一篇
  詳解Dreamweaver13個技巧 :下一篇