如何畫網站

① 如何做網站和網頁

現在網頁製作的方法多種多樣，既有復雜，又有簡單，但是總的概括起來，製作網站不外乎兩個，一個是傳統網站建設，另一個是新型自助建站。如果是如何製作網頁簡單的方法，那第二種是為簡單的，如果是復雜的話，那傳統的網站建設是難的。

選用自助建站平台，有的自助建站平台是提供免費空間和網站域名的，選用這種建站平台可以簡化網頁製作的步驟，使得過程更為簡單。如果建站平台沒有提供域名和空間的，那需要自己去購買網站域名和網站空間，一般搜索引擎上都是可以找到域名和網站空間的服務商的，但是一定要懂得選購，否則會影響網站的發展。

可以使用凡科建站，用戶在凡科網注冊成功後，使用帳號登錄自助建站系統，點擊創建網站，然後根據提示開始進行網頁的製作，這里可以選擇空白的網站模板進行設計，也可以選擇現成的網站模板作為基礎進行修改。

凡科建站平台的會提供各種網站模塊和功能設置，例如圖文模塊、產品模塊等，至於網站功能則有在線投票、在線留言、在線支付等多種使用功能。

0代碼輕松建站！點擊這里獲取精美網站模板：凡科建站

② 如何製作網頁

首先，可以告訴想學網頁製作的朋友。學習製作網頁和學習其它知識一樣，是要有基礎的。在基礎之上學習起來會比較輕松和快捷的。其次，要清楚學習它是用來做什麼。

建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網頁設計感興趣，有較充足的學習時間，熟悉office辦公軟體。當然，這些不是一定必須的。

第一階段：開始時最好是學些網頁編輯軟體，如：FrontPage、Dreamweaver.這樣可以使您更了解網頁製作與運營的原理。最好使拿本教程來學學，結合教程邊學習邊製作。

第二階段：會用網頁製作軟體後，已會製作一個較完整的網站了。但為了能使自己設計製作的網頁盡善盡美，還是學習網頁的核心技術吧！網頁編輯語言（包括:html、css、javascript、asp、xml等）。你可以選擇地學習。

第三階段:結合你自己已掌握地知識來開發網站，可以開發出別人給你定義的目標網站。到了這個時候，你就成為真正的網站開發者了。

怎樣製作網頁，不是說一兩篇文章能夠說清楚的。以上介紹的是製作網頁的主要綱要，希望能夠給想要學習製作網頁的朋友一個參考。

二
一、工具

1、空間
網頁做好了肯定是要發表上網的，所以必須先申請一個空間；免費的空間不是很穩定，容量又小，也不好申請，建議到大的網站如新浪、網易去先買一個個人空間，大概有個20M以上的就可以了。
2、軟體
推薦使用Dreamweaver6.0中文版，這個軟體最大的特點就是「所見即所得」，也即是製作過程中看到的，便是到時發布到網路上的。

二、教程

花點時間，找個比較通俗易懂的教程看一看是很有必要的。每個網頁的組成，不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素，搞清楚如何將這些元素擺放進去，你也就算懂得如何製作網頁了。推薦一個教程地址，有空可以去看看，http://www.goeway.com/WEB/INDEX.ASP

三、製作

開始時建議去下載一個比較簡單的網頁，在製作軟體中將它打開，然後仔細觀察人家的網頁的構成，模仿它去填充各種元素，實踐中再配合著教城，進度會快很多，記得也牢一些。
其實做網頁並不難，但要做出有特色的網頁來，那就非一朝一夕之功了。
一點個人的粗淺體會，不妥之處敬請指正。

三
網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者 .

四
一、首先確定你要製作的網頁的主題，就是你建這個網站的內容是什麼（註：網站和網頁的關系與區別就好比一本書和其中的一個頁面的關系）；
二、確定你的網頁的閱讀對象，就是你的網頁是准備給那些人看的；
三、選擇製作網頁的工具軟體，常見的有dreamweaver和office組件裡面的frontpage，如果你是初學者，哪我建議你使用frongpage,因為這個軟體的入門比較簡單（當然功能也很強大），如果你會使用word的話，哪就可以很快作出網頁的，如何你想作專業的網頁製作人員，哪我建議你使用dreamweaver，目前的版本是XM，我現在就使用，很好用的，這個軟體的好處是不怎麼產生垃圾代碼，並且支持各種代碼的性能很好，基本上各種代碼可以直接編輯。

四、如果你作好了頁面，就需要考慮你的網頁放到什麼地方發表，也就是平常我們說的發表空間，我們學校的用戶網路中心已經申請好了空間，大家可以直接使用（有發布空間的標志是你有了FTP賬號，這個需要申請）。

五、找到發布空間以後，你需要把自己的網頁上傳到你的發布空間，這個需要一個上傳軟體，我推薦使用ACEFTP，這個軟體體積小，速度快，注意我發現這個軟體的2.0中文版不能夠正確使用，我建議使用1.31版。

六、製作網頁需要的其他相關軟體：ACDSEE,這個是查看圖片的最好軟體，也可以對圖片作簡單的處理，目前的版本是4.0，網上很多地方可以下載；另外如果你對圖片需要復雜處理的話，哪最好選擇使用PHOTOSHOP，目前的版本是7.0，也有中文補丁，使用起來很方便，當然，這個軟體的學習使用相對是比較難點的。

7、使用層的時候最好定義為div標簽而不是layer，因為前者在兩種主流瀏覽器都有很好的兼容性。

8、在用圖片製作熱區鏈接時，最好給熱區命名，防止有時只能在圖片上畫出直線。

9、當我們將框架結構建立好後，可以將此框架體文件和Site窗體並排放置，然後從Site中選擇網頁文件拖放到相應的框架中。這適用於框架比較復雜的頁面。

10、如果對一張圖片不滿意，想更換另一張，最簡單的方法雙擊此圖片，直接選擇要替換的圖片即可。

11、在預覽網頁之前最好先保存一下，有時候在不能正確預覽網頁，而存一下就可能會解決這個問題。

12、如果你的頁面中使用了CSS或是Java Applet，最好不要使用「file->convert->3.0 browser compatible」命令，因為這一選擇會把所有3.0 瀏覽器不認識的定義都抹去。最可怕的是我們不知道在這個過程中Dreamweaver 到底做了什麼，具體發生了那些變化。而且要提醒你，對一批頁面執行此操作時，一定要先備份，否則可沒地方買後悔葯。

五---資源
1. 水晶情緣--網頁特效專家 2006 情人節特別版
這個軟體是專為那些想在網上安家而苦於製作網頁特效源
www.skycn.com/soft/14150.html

2. 網建博士 1.01

不懂製作網頁的專門技術，不懂網頁編程技術，不需要任何專業背景知識，任何人只要會用
www.onlinedown.net/soft/7597.htm

3. 網頁背景選擇器 2.5.1

當您製作網頁時，您是否為了在大量素材中選一張背景，每每都要用看圖軟體查看--修改網
www.onlinedown.net/soft/11406.htm

4. Animagic GIF Animator 1.22

一個很好用的製作網頁動畫的軟體，它提供了六種特效，也支持拖曳功能，它不僅支持gif
www.onlinedown.net/soft/4904.htm

5. Animagic GIF Animator 1.22 漢化補丁

一個很好用的製作網頁動畫的軟體，它提供了六種特效，也支持拖曳功能，它不僅支持gif
www.onlinedown.net/soft/6612.htm

6. Macromedia Authorware V7.0

先進豐富的視音頻、可視媒體集成製作解決方案，可用於製作網頁和在線學習應用軟體
download.21cn.com/list.php?id=31900

7. Picture2Web 2.3.1

用來製作網頁電子相簿的好工具
download.pchome.net/design/homepage/9539.html

8. SCP Button Magic 4.0

專門製作網頁廣告橫幅和按鈕的軟體
download.pchome.net/design/webpic/2138.html

9. Animagic GIF Animator V1.22

一個很好用的製作網頁動畫的軟體，它提供了六種特效，
www.skycn.com/soft/2406.html

10. Magic Gallery 4.5

一款製作網頁照片集以及其縮略圖的軟體
download.pchome.net/design/homepage/17444.html

11. Animagic GIF Animator 1.22

一個很好用的製作網頁動畫的軟體
download.pchome.net/design/animation/633.html

12. Banner Maker Pro V4.0.0.1 漢化版

是一套製作網頁橫幅廣告及按鈕軟體。特點包含：可以調
www.skycn.com/soft/2507.html

13. Banner Maker Pro V6.0.6

是一套製作網頁橫幅廣告及按鈕軟體。特點包含：可以調
www.skycn.com/soft/2506.html

14. Animagic GIF Animator V1.22 漢化補丁

一個很好用的製作網頁動畫的軟體，它提供了六種特效，
www.skycn.com/soft/2407.html

15. Mapedit 3.16

製作網頁Image Maps的工具
download.pchome.net/development/html/13659.html

16. Banner Maker Pro 6.0.6

是一套製作網頁橫幅廣告及按鈕軟體。特點包含：可以調整看板及按鈕尺寸、選擇背景顏色
www.onlinedown.net/soft/9507.htm

17. GIF Dispenser 1.0

是一個快速製作網頁動態GIF圖片的好工具
download.pchome.net/design/animation/923.html

18. 自助建站專家 5.0

不懂製作網頁的專門技術，不懂網頁編程技術，不需要任何專業背景知識，任何人只要會用
www.onlinedown.net/soft/13044.htm

19. 酷網寶典(CoolWEB) 2.0

酷網寶典(coolweb)是用於製作網頁特效的軟體。能夠製作三大類效果：特殊層效果，動態
www.onlinedown.net/soft/6658.htm

20. 下雨天網頁特效王 RD2.0

製作網頁的好幫手,大量的特效代碼
download.pchome.net/development/html/17686.html

21. Macromedia Contribute 3.11

Macromedia出品的全新概念網頁設計工具，可以將網頁編寫程序化繁為簡,製作網頁,現在就
www.onlinedown.net/soft/20135.htm

22. 酷網寶典(CoolWEB) V2.0

酷網寶典(coolweb)是用於製作網頁特效的軟體。能夠製作
www.skycn.com/soft/10742.html

23. Button Magic V4.0

專門製作網頁廣告橫幅和按鈕的軟體，可存成 BMP、JPG
www.skycn.com/soft/2508.html

24. Liatro Button Maker V2.2

Liatro Button Maker 是一套專門製作網頁按鈕的繪圖軟
www.skycn.com/soft/8697.html

25. Mapedit V3.16

製作網頁Image Maps的工具，小巧、使用方便。
www.skycn.com/soft/7725.html

26. 網建博士 V1.01

不懂製作網頁的專門技術，不懂網頁編程技術，不需要任
www.skycn.com/soft/9476.html

27. GIF Dispenser 1.0

是一個快速製作網頁動態GIF圖片的好工具，使用者只要移動操作視窗上的浮標組，來調整
www.onlinedown.net/soft/14222.htm

28. Reptile V3.0

所視即所得的背景製作軟體，製作網頁背景再也不需要求
www.skycn.com/soft/2541.html

29. GIF Dispenser V1.0

是一個快速製作網頁動態 GIF 圖片的好工具，使用者只要
www.skycn.com/soft/2417.html

30. 網建博士 V1.01

不懂製作網頁的專門技術，不懂網頁編程技術，不需要任何專業背景知識，任何人只要
download.21cn.com/list.php?id=24329

31. MapEdit V3.05 漢化版

製作網頁Image Maps的工具，小巧、使用方便。 本
www.skycn.com/soft/16664.html

32. 網頁特效王 Beta 1

製作網頁特效的得力助手,正在進一步開發中
www.onlinedown.net/soft/24073.htm

33. MapEdit 3.16

小巧但是使用方便的製作網頁ImageMaps的工具!
www.onlinedown.net/soft/9690.htm

34. Picture2Web V2.3.1

Picture2Web 是一個用來製作網頁電子相簿的好工具。它
www.skycn.com/soft/6878.html

35. Banner Maker Pro V6.0.1

製作網頁橫幅廣告及按鈕軟體。特點包含：可以調整看板及按鈕尺寸、選擇背景顏色、
download.21cn.com/list.php?id=10850

36. Button Magic 4.0

專門製作網頁廣告橫幅和按鈕的軟體，可存成BMP、JPG和GIF格式。
www.onlinedown.net/soft/8830.htm

37. Magic Gallery 4.5.13

MagicGallery是一款製作網頁照片集以及其縮略圖的軟體，可以方便的調節圖片尺寸。
www.onlinedown.net/soft/22860.htm

38. Magic Gallery V4.5.13

Magic Gallery 是一款製作網頁照片集以及其縮略圖的軟
www.skycn.com/soft/16474.html

39. 下雨天網頁特效王 RD2.0

製作網頁和好幫手，該軟體包含了大量的javascript特效和vbscript特效。你只需簡單
download.21cn.com/list.php?id=42907

40. BSCOutline Tutorial V5.10

用來製作網頁上的Java applet導航條，類似於文件管理器
www.skycn.com/soft/494.html

③ 怎麼創作網站

網站設計八步驟

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者
★要想學做網頁，首先得了解製作網頁的工具。

製作網頁主要有以下一些工具

Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。

Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具，javascript、java編輯器等。

網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。

大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。

總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！

④ 如何製作簡易網站

網站製作簡易流程介紹

小小魔刀(管理員) 添加於 2007-1-2 14:20
下面流程不一定為標准流程,我們只取其中可取的地方,如果那裡你覺得不合適,與現在的方法相去甚遠,那麼我們完全不比要再去看,我是這么認為的,裡面有可取的地方,也有很多不需要的地方,現在根本用不上,多讀沒什麼壞處的

1 策劃與草圖

1.1所有網站和其它設計作品的過程都是從策劃開始的。這是最能體現你的才華和創造力的地方。人最大的區別於其它動物的地方就是會思考，會創造，而且唯有這點是難能可貴的！我們必須要在動手打開PS或FW製做界面前就要完成一個網站最最關鍵的策劃部分，它將直接影響

這個網站的成敗與否。一個優秀的網站，不僅做得漂亮，而且要方便瀏覽，可讀性強，簡潔明快！
網站的風格，用色，版式，布局，欄目甚至每個細小的圖標都要經過精雕細琢，深思熟慮。而風格的制定要取決於你所做網站的瀏覽人群和讀者職業背景、文化程度和修養愛好等，只有投其所好才能最大化地產生共鳴；另一方面取決於公司的類型和企業法人的喜好，如果不是要強加入你自己的意志的話，那上述幾點已經制定了網站大致的努力方向了！

1.2本站是商業化的網站面向企業為主，所以我採用簡約風格，亮麗明快的顏色和風格，只要學學平面構成和色彩構成就知道如何按其風格去布置各個元素和內容，以及用何種顏色來營造你要表達的效果了，包括冷暖明暗都是很關鍵的。大面積的中性色不刺眼，而重要的引導視線可以讓亮色來擔當，冬天喜歡暖色夏天喜歡冷色是人之常情，藍色那種給人以信任和科技的底韻是我選擇它的原因，而像橙、黃等促進食慾的顏色更容易受到食品網站的青睞！

1.3本著簡潔科學的分類原則來劃分欄目：首頁 客戶中心 窄告介紹 合作媒體 常見問題 媒體報道 關於我們

欄目如果劃分不好的話，影響框架的調整，後果就是：重頭再來了，郁悶吧？
本網站主要面向濰坊企業，所以要做得本地化，讓人看了感覺親切，而且要做得漂亮

1.4好了，完成上面這些後請拿起筆在紙上按你的創意和設想畫一草圖，盡是具體些，最好精細到每處陰影和描邊！這步很關鍵的說！

1.5本節最後就是准備製做網站時所需要的素材了，包括圖標，LOGO，廣告語，內容介紹等這都是最基本的！

2 設計與製做

2.1如果草圖都已經繪制完美後就可以打開PS或FW開工製做和設計我們的界面了，在這里我使用PS，雖然沒有FW的高效和專業但更加靈活和自由，這是我最喜歡的，也因為用慣了嘛！＾＾養兵千日用兵一時，平時的練習和學習在這里派上用場了！

2.2可以在新建的778*600頁面中先打框架然後再採用逐步細化的方法，還可以採用你自己獨特的手法，比如透明玻璃水晶按鈕等效果來營造特別的風格，要力求簡約和精緻！不要放過每個細節的刻畫，即使是1*1的5%透明度的陰影都會給你的頁面增彩，別以為別人看不見！

2.3最好養成分層的習慣，這樣可以方便分類和編輯，不至於把上百個圖層放在一下層級里搞得一團亂麻，分不清楚。

作為一名優秀的設計師應該有條理，所以請養成分類並為每個圖層命名的習慣，這決不是浪費你的時間！

3 切割與導出
無論是PS還是FW，哪怕是AI做的設計界面，在切割的原則都是一樣的，請遵從以下幾個方面：
3.1首先要按大致的框架切割，如國字型或T字型，注意其完整性
3.2對於要輸入的文字區域、大面積色塊或單獨的圖片以及Flash動畫要單獨切割成非圖片格式的切片以備插入
3.3對於添加內容需要很長的區域要注意其伸縮性切割，若有圖案要保證可以重復排列
3.4在切割時要特別認真和小心，不要空留一行或列的一個象素的間隙，要放大讓切片都對齊，不留空隙
3.5其它如按鈕和空白處等自動生成的切片，以及創建需要改變圖片外觀的切片等
切割完畢後，選擇文件另存為WEB頁命令，導出為HTML文件待DW編輯。

4 編輯與模板
4.1在DW中打開導出的HTML文件開始編輯，包括大表格居中，設置背景，修改空白可輸入區單元格背景為原來切割的圖片等
4.2將編輯完畢的文件添加CSS樣式，包括最基本的TD和ALINK等標簽，然後存為模板DWT文件，並＾+alt+v新建可編輯區域
4.3通過模板新建各個頁面並添加入相應的內容

5 動畫與廣告
5.1按原來切片所容留的大小製做FL動畫廣告條，使用相應的文字內容和廣告語，在FL中新建文件
5.2復制粘貼廣告詞到場景中，排版並轉換為元件578*104
5.3添加相應的背景和動畫，調試節奏後發布為SWF文件
5.4插入到DW中的模板頁並調整大小後存檔，其它的頁面會自動更新

6 鏈接與上傳
6.1重新設置模板頁的導航鏈接，本步驟也可在第四節完成
6.2在本地打開首頁檢查鏈接與文字內容直到無錯，確保鏈接可正常訪問
6.3上傳到申請的空間，在域名解析成功後在瀏覽器中瀏覽網上的效果並做相應後期維護

⑤ 自己如何製作網站

1、申請一個域名

網站需要通過域名訪問，所以搭建網站的第一步肯定要有一個域名，其實會有很多平台提供免費的二級域名，我們可以使用，如果你是小白、新手的話可以用免費的二級域名先跑起來。不過現在域名的價格也不貴，買一個幾塊錢的特殊後綴的練練手，也是沒有問題的。域名可以到阿里雲這類大平台去。

2、買一個空間

也就是虛擬主機，或者叫伺服器，伺服器一般用來運行較大的系統，普通人做個人站點選虛擬主機就行，1-200塊就可以搞到一個。前提推薦大家現在本機把網站調試好、玩透徹，然後再考慮去購買虛擬主機。

3、要有一個網站

如果你具備開發製作網站的能力，就不用多說了。如果不會的話，可以選擇一些主流的個人建站程序，例如博客類的程序，WordPress就可以。下載源代碼，安裝到伺服器上，配置好域名，設置好後台就可以通過域名訪問了。
當然，這里有一個大的前提就是網站需要做備案，這個也不難，在伺服器供應商那裡，按照流程操作，一般都可以很順利的拿到備案。

最後說一下進階的內容，WordPress是世界范圍內最知名的可以做自主建站的程序，它可以通過模板擴展，將原本博客界面的站點轉化成企業站點、商城站點、資訊站點等等。另外還有很多擴展類插件，可以實現更多的功能。所以這些東西，就需要我們不斷的去探索和嘗試了。通過努力，我們的個人網站會不斷的迭代、進步，同時你因為接觸了建站這個行業，便會逐步的了解到一些技術上的知識、搜索引擎優化的知識，讓自己懂得更多。

⑥ 如何自己製作網站

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。
四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者

⑦ 怎麼製作自己的網站

網站製作簡易流程介紹

1 策劃與草圖

2 設計與製做

3 切割與導出

4 編輯與模板

5 動畫與廣告

6 鏈接與上傳

按軟體及長度劃分製做步驟:

1 策劃與草圖

1.1所有網站和其它設計作品的過程都是從策劃開始的。這是最能體現你的才華和創造力的地方。人最大的區別於其它動物的地方就是會思考，會創造，而且唯有這點是難能可貴的!我們必須要在動手打開PS或FW製做界面前就要完成一個網站最最關鍵的策劃部分，它將直接影響

這個網站的成敗與否。一個優秀的網站，不僅做得漂亮，而且要方便瀏覽，可讀性強，簡潔明快!

網站的風格，用色，版式，布局，欄目甚至每個細小的圖標都要經過精雕細琢，深思熟慮。而風格的制定要取決於你所做網站的瀏覽人群和讀者職業背景、文化程度和修養愛好等，只有投其所好才能最大化地產生共鳴;另一方面取決於公司的類型和企業法人的喜好，如果不是要強加入你自己的意志的話，那上述幾點已經制定了網站大致的努力方向了!

1.2本站是商業化的網站面向企業為主，所以我採用簡約風格，亮麗明快的顏色和風格，只要學學平面構成和色彩構成就知道如何按其風格去布置各個元素和內容，以及用何種顏色來營造你要表達的效果了，包括冷暖明暗都是很關鍵的。大面積的中性色不刺眼，而重要的引導視線可以讓亮色來擔當，冬天喜歡暖色夏天喜歡冷色是人之常情，藍色那種給人以信任和科技的底韻是我選擇它的原因，而像橙、黃等促進食慾的顏色更容易受到食品網站的青睞!

1.3本著簡潔科學的分類原則來劃分欄目:首頁 客戶中心 窄告介紹 合作媒體 常見問題 媒體報道 關於我們

欄目如果劃分不好的話，影響框架的調整，後果就是:重頭再來了，郁悶吧?

本網站主要面向濰坊企業，所以要做得本地化，讓人看了感覺親切，而且要做得漂亮，廢話!!

1.4好了，完成上面這些後請拿起筆在紙上按你的創意和設想畫一草圖，盡是具體些，最好精細到每處陰影和描邊!這步很關鍵的說!

1.5本節最後就是准備製做網站時所需要的素材了，包括圖標，LOGO，廣告語，內容介紹等這都是最基本的!

2 設計與製做

2.1如果草圖都已經繪制完美後就可以打開PS或FW開工製做和設計我們的界面了，在這里我使用PS，雖然沒有FW的高效和專業但更加靈活和自由，這是我最喜歡的，也因為用慣了嘛!^^養兵千日用兵一時，平時的練習和學習在這里派上用場了!呵呵!

2.2可以在新建的778*600頁面中先打框架然後再採用逐步細化的方法，還可以採用你自己獨特的手法，比如透明玻璃水晶按鈕等效果來營造特別的風格，要力求簡約和精緻!不要放過每個細節的刻畫，即使是1*1的5%透明度的陰影都會給你的頁面增彩，別以為別人看不見!

2.3最好養成分層的習慣，這樣可以方便分類和編輯，不至於把上百個圖層放在一下層級里搞得一團亂麻，分不清楚。

作為一名優秀的設計師應該有條理，所以請養成分類並為每個圖層命名的習慣，這決不是浪費你的時間!

3 切割與導出

無論是PS還是FW，哪怕是AI做的設計界面，在切割的原則都是一樣的，請遵從以下幾個方面:

3.1首先要按大致的框架切割，如國字型或T字型，注意其完整性

3.2對於要輸入的文字區域、大面積色塊或單獨的圖片以及flash動畫要單獨切割成非圖片格式的切片以備插入

3.3對於添加內容需要很長的區域要注意其伸縮性切割，若有圖案要保證可以重復排列

3.4在切割時要特別認真和小心，不要空留一行或列的一個象素的間隙，要放大讓切片都對齊，不留空隙

3.5其它如按鈕和空白處等自動生成的切片，以及創建需要改變圖片外觀的切片等

切割完畢後，選擇文件另存為WEB頁命令，導出為HTML文件待DW編輯。

4 編輯與模板

4.1在DW中打開導出的HTML文件開始編輯，包括大表格居中，設置背景，修改空白可輸入區單元格背景為原來切割的圖片等

4.2將編輯完畢的文件添加CSS樣式，包括最基本的TD和ALINK等標簽，然後存為模板DWT文件，並^+alt+v新建可編輯區域

4.3通過模板新建各個頁面並添加入相應的內容

5 動畫與廣告

5.1按原來切片所容留的大小製做FL動畫廣告條，使用相應的文字內容和廣告語，在FL中新建文件

5.2復制粘貼廣告詞到場景中，排版並轉換為元件578*104

5.3添加相應的背景和動畫，調試節奏後發布為SWF文件

5.4插入到DW中的模板頁並調整大小後存檔，其它的頁面會自動更新

6 鏈接與上傳

6.1重新設置模板頁的導航鏈接，本步驟也可在第四節完成

6.2在本地打開首頁檢查鏈接與文字內容直到無錯，確保鏈接可正常訪問

6.3上傳到申請的空間，在域名解析成功後在瀏覽器中瀏覽網上的效果並做相應後期維護!

⑧ 網站怎麼製作

簡單介紹一下製作主頁的過程和方法：一、准備材料你首先做一個小計劃,准備在主頁上告訴人家什麼？比如介紹三個方面：自我介紹,我的愛好,我的工作,那你就先起一個總目錄（文件夾,比如d:\\\\html）,來放你的所有文件，然後再在這個目錄建立三個子目錄：myself,interest，job。文件名你可以任意，但最好全部小寫，因為有的主機要認大小寫。然後將你的材料進相應的子目錄。比如你要在你的主頁里展示你的靚照，那就將你的照片掃描成JPG格式的文件，放在myself的目錄下.要注意,網上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但你可以用圖象軟體進行轉換，比如Office
97的照片編輯器。把你准備在你主頁上出現的圖象放進相應的目錄里後,你就可以開始製作了。二、開始製作你無須去記復雜的HTML語言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit
Page,便可以製作了.文字的處理基本跟Word沒什麼兩樣,關鍵是插入圖片和產生鏈接.我們先做關於你自我介紹的一頁，你先寫上「大家好，我是superboy，下面是我的照片：」這時要放圖片了，只須點擊Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然後把這個文件保存為myself.html文件，放在myself的目錄下。好，現在必須做封面了，你在封面寫：「歡迎來到superboy的主頁」以下是「自我介紹，我的愛好，我的工作」。你的自我介紹要鏈接到下一頁去，你只須用滑鼠選「自我介紹」後按滑鼠右鍵
，再選create
link，然後再選你myself目錄下的myself.html，就將「自我介紹」鏈接到下一頁了，以後在瀏覽器中一按，就可以跳到鑲有你靚照的頁面啦。在你的封面做好了所有鏈接和圖片後，記住你必須將這一頁保存為index.htm(有的主機要求必須為index.html),因為網頁默認的主頁名稱是index.製作主頁其實很簡單，只要多實際製作，工多藝熟。還可以拿來主義，在網上看到什麼好的主頁，用另存為功能保存為.html格式的文件，細細研究人家是如何做的。還可以借用網頁模版來搞，我的就是~~~~~~三、將你製作好的安放在網上要在網上安你自己的家，你必須先申請一個主頁空間，即向某一個主機申請一快硬碟空間。現在有較多的主機提供免費主頁空間，具體見實用鏈接欄目。這些主機不僅提供免費個人主頁空間，並且還提供留言簿、計數器等很有用的功能。只要到有關站點申請即可，具體方法，參考相關題目。申請完成以後用FTP將你所有的主頁文件上傳至主機指定的目錄就可以了！需要注意的是，一定要保持網頁的相對位置，否則會看不到網頁的。

⑨ 如何免費製作一個公司網站

新手想自己建公司網站，但又對如何製作一個公司網站不是很了解，最合適的建站方式就是自助建站系統，為什麼呢？因為用凡科建站這種自助建站系統，就算不懂編程代碼、設計，只要挑選合適的網站模板搭建網站就可以了。具體步驟如下：

1、注冊一個凡科帳號；

5、最後保存公司網站即可。