自己製作網頁

1. 如何做網站

在著手進行一個網站的設計之前，首先要明確以下幾項設計原則：

1.內容與形式相統一

內容是指你要通過網頁向瀏覽者傳達的有效資訊及文字；形式指的是網頁的排版佈局、色彩、圖形的運用等外在的視覺效果。無論採取何種表現形式都不能單純追求網頁美觀而忽視內容的建設，沒有充實內容的網站，即使設計再精美，也不會對用戶有長久的吸引力。

2.主題鮮明

一個網站必須要主題鮮明，突出重點，特別是個人網站，不可能像綜合網站一樣內容大而全，包羅萬象，因此必須要確定一個明確的主題，突出自己的個性和特色，一個主題鮮明、內容豐富極具特色的網站往往比一個「大雜燴」式的網站更能吸引人。

3.風格統一

整個網站的設計要採取統一的風格，這樣使網站看起來更專業，不要一個頁面採用一種風格，另外一個頁面又換一種風格，給人一種很散亂的印象。風格要突出自己的個性，無論是文字、色彩的運用，還是版式的設計都要給人一種鮮明的印象，使人看到這個頁面，就會想到這是你的網站。

4.兼顧下載速度與美觀

由於目前的網路狀況較差，不能?了片面追求頁面的美觀而忽視頁面的下載速度，這樣會失去一大批瀏覽者，大家不會?了看一幅美麗的圖片而等上半天。網頁中的圖片應當是起到畫龍點睛的作用，除非特殊需要，一般不要在網頁中大量使用圖片，在網頁中的圖片要經過適當的壓縮處理，使它在保證質量的前提下儘量小。一些用 Java程式設計的頁面也非常美觀，但下載速度慢，一般要慎重使用。

5.導航清晰

網站要給瀏覽者提供一個清晰的導航系統，以便於瀏覽者能夠清楚目前所處的位置，同時能夠方便地轉到其他頁面。導航系統要出現在每一個頁面上，標誌要明顯，便於用戶使用，對於不同欄目結構可以設計不同的導航系統。

6.欄目設置合理

對於一個網站，尤其是內容較多的網站，其欄目設置是否清晰、合理、科學，往往在很大程度上影響網站的訪問量。一個欄目設置合理的網站，用戶會很容易地找到需要的東西，這樣的網站才能讓用戶喜歡。對於初學者來說，常犯的錯誤就是網站結構設計不合理，內容編排雜而亂。因此，在設計網站之前，一定要規劃好欄目的設置。

7.良好的相容性

對於網頁來說，它不同於其他印刷品，製作完成後就一成不變了，它隨著用戶瀏覽器的不同而出現變化，因此設計者一定要考慮到網頁的相容性，使它適用於大多數主流的瀏覽器或目標用戶所用的瀏覽器，不致於出現差別很大的瀏覽效果。

8.經常更新

經常維護更新，給用戶提供最新的資訊，才是一個網站具有吸引力的重要手段。因此，要想保持網站的訪問量，吸引更多的「回頭客」，你必須要定期更新網站內容。

9.重要的，做網頁前，要先想清楚，自己要做的「主題」到底是什麼、找齊資料、現在的製作網頁...哪個軟體比較好？

-------------------- -------------------- --

2. 做網頁

Frontpage最容易學

Dreamweaver功能強(常用)

Notepad最好用

NAMO初學者使用(常用)

PhotoImpact(要練才會做)

也有一些免費的：

FrontPage Express

http://www2.hkedcity .net/citizen_files/a a/aa/kk9202/public_h tml/2/FrontPage Express.zip

NVU

http://toget.pchome. com.tw/cgi-bin/downl oad/C/download.cgi?F low_no=23320&Sof t_url=http://moztw.o rg/dls/nvu/nvu-1.0-w in32-installer-zhTW. exe

2009-01-02 15:58:30 補充：
小嘗試

首先，你要去申請網頁空間，例如像：

yahoo的個人網頁 http://tw.home.yahoo .com/

pchome的個人網頁 http://home.pchome.c om.tw/

各大入口網站 雅虎、PCHOME、新浪、蕃薯藤、gigigaga，都有類似的空間，

班網來說，cityfamily是比較常見的班網入口網站囉

如果是申請家族的話，就是留言板、相簿、投票、聊天室就都有包括了，

這對入門初學者來說比較容易方便，如果想有自己的style的話，

2009-01-02 15:58:45 補充：
就要自己設計網站了，這比較難啦，但一些"免費資源"也可以在網站上找到的，像是，你也可以去申請"奇摩相簿"擺照片、圖片、桌布，

然後去網站上找免費申請的"留言板"and"計數器"來裝璜自己的網站，

動態程式與圖片，就用關鍵字去找，找圖的話用"素材"這個關鍵字，

找程式的話就用"網頁程式"去找，提供你幾個不錯的站：

2009-01-02 15:58:52 補充：
東西都有了，就是用FrontPage、或筆記本、或Dreamweaver來設計網頁，

如果你FrontPage不會用的話，用WORD也可以設計網頁呀，

只要存檔時記得用【另存html檔】就行了，

再不然，雅虎個人網頁上也有現成的網頁呀

網頁排版: MS FrontPage, Dreamweaver

動畫: Flash

插圖: Ai, Firework

圖/相片加工: Photoshop

FTP: FileZillaPortable / Cute FTP 或使用寄存提供的網頁上載.

當然還有更多相關的software, 以上所講的只係我慣用的組合, 只供參考.



最簡單的網頁製作方法:

1) 計劃製作網頁的題材, 外型排版, 色調等. 搜集相關的資料, 圖片及內容.

2) 用MS FrontPage或Dreamweaver設定網站的間格, save為index.html .

3) 設定好網站間格後, 隨你方便使用Firework/Flash/Ai/Photoshop等或其他software整button, banner, 相片等, 其他裝飾圖片或動畫.

4) 用step 2的框架, 舖排step 3整好的材料, 佈置你的網站.

5) 網站的index外型做好咗, 便要製作其他分頁html.

6) 在適當的圖片/button/文字等, 設定超鏈結, 接駁至指定的分頁在設定的框架上顯示.

7) 完成後在電腦操作一次, click過晒所有嘢確保運作正常. 如有需要可加插更多細緻嘢, 及思考吓版面操作夠唔夠方便, 再作改善.

8) search間合心水的 [網站寄存空間] 申請付費的網站空間, 或search一些免費寄存空間.

9) 開設a/c後, 根據網站寄存提供的方法上載, 或設定FTP上載你的網站.

10) 大功告成. 日後有任何更新, 修改電腦內的html, 再上載overwrite舊檔便ok.


希望以上內容幫到你.

2008-12-27 01:36:23 補充：
如果你想知道更多, 不妨睇番相關的書籍或教學網站.

圖片可買圖庫/素材CD或到素材網站下載.

Microsoft office