YK Forum » 網頁製作 » 如何做網站


2006-12-14 05:05 PM kukucat
如何做網站

在著手進行一個網站的設計之前,首先要明確以下幾項設計原則:
1.內容與形式相統一
內容是指你要通過網頁向瀏覽者傳達的有效資訊及文字;形式指的是網頁的排版佈局、色彩、圖形的運用等外在的視覺效果。無論採取何種表現形式都不能單純追求網頁美觀而忽視內容的建設,沒有充實內容的網站,即使設計再精美,也不會對用戶有長久的吸引力。
2.主題鮮明
一個網站必須要主題鮮明,突出重點,特別是個人網站,不可能像綜合網站一樣內容大而全,包羅萬象,因此必須要確定一個明確的主題,突出自己的個性和特色,一個主題鮮明、內容豐富極具特色的網站往往比一個「大雜燴」式的網站更能吸引人。
3.風格統一
整個網站的設計要採取統一的風格,這樣使網站看起來更專業,不要一個頁面採用一種風格,另外一個頁面又換一種風格,給人一種很散亂的印象。風格要突出自己的個性,無論是文字、色彩的運用,還是版式的設計都要給人一種鮮明的印象,使人看到這個頁面,就會想到這是你的網站。
4.兼顧下載速度與美觀
由於目前的網路狀況較差,不能?了片面追求頁面的美觀而忽視頁面的下載速度,這樣會失去一大批瀏覽者,大家不會?了看一幅美麗的圖片而等上半天。網頁中的圖片應當是起到畫龍點睛的作用,除非特殊需要,一般不要在網頁中大量使用圖片,在網頁中的圖片要經過適當的壓縮處理,使它在保證質量的前提下儘量小。一些用Java程式設計的頁面也非常美觀,但下載速度慢,一般要慎重使用。
5.導航清晰
網站要給瀏覽者提供一個清晰的導航系統,以便於瀏覽者能夠清楚目前所處的位置,同時能夠方便地轉到其他頁面。導航系統要出現在每一個頁面上,標誌要明顯,便於用戶使用,對於不同欄目結構可以設計不同的導航系統。
6.欄目設置合理
對於一個網站,尤其是內容較多的網站,其欄目設置是否清晰、合理、科學,往往在很大程度上影響網站的訪問量。一個欄目設置合理的網站,用戶會很容易地找到需要的東西,這樣的網站才能讓用戶喜歡。對於初學者來說,常犯的錯誤就是網站結構設計不合理,內容編排雜而亂。因此,在設計網站之前,一定要規劃好欄目的設置。
7.良好的相容性
對於網頁來說,它不同於其他印刷品,製作完成後就一成不變了,它隨著用戶瀏覽器的不同而出現變化,因此設計者一定要考慮到網頁的相容性,使它適用於大多數主流的瀏覽器或目標用戶所用的瀏覽器,不致於出現差別很大的瀏覽效果。
8.經常更新
經常維護更新,給用戶提供最新的資訊,才是一個網站具有吸引力的重要手段。因此,要想保持網站的訪問量,吸引更多的「回頭客」,你必須要定期更新網站內容。
9重要的,做網頁前,要先想清楚,自己要做的「主題」到底是什麼、找齊資料、
現在的製作網頁...哪個軟體比較好?
Frontpage最容易學
Dreamweaver功能強(常用)
Notepad最好用
NAMO初學者使用(常用)
PhotoImpact(要練才會做)
小嘗試
首先,你要去申請網頁空間,例如像:
yahoo的個人網頁 [url]http://tw.home.yahoo.com/[/url]
pchome的個人網頁 [url]http://home.pchome.com.tw/[/url]
各大入口網站 雅虎、PCHOME、新浪、蕃薯藤、gigigaga,都有類似的空間,
班網來說,cityfamily是比較常見的班網入口網站囉
如果是申請家族的話,就是留言板、相簿、投票、聊天室就都有包括了,
這對入門初學者來說比較容易方便,如果想有自己的style的話,
就要自己設計網站了,這比較難啦,但一些"免費資源"也可以在網站上找到的,
像是,你也可以去申請"奇摩相簿"擺照片、圖片、桌布,
然後去網站上找免費申請的"留言板"and"計數器"來裝璜自己的網站,
動態程式與圖片,就用關鍵字去找,找圖的話用"素材"這個關鍵字,
找程式的話就用"網頁程式"去找,提供你幾個不錯的站:
東西都有了,就是用FrontPage、或筆記本、或Dreamweaver來設計網頁,
如果你FrontPage不會用的話,用WORD也可以設計網頁呀,
只要存檔時記得用【另存html檔】就行了,
再不然,雅虎個人網頁上也有現成的網頁呀

2007-11-18 06:44 PM sweety27
是否:) :)

2007-11-21 09:43 AM 蕾蕾
我都係唔識整個人網頁呀......!!!:'(

2007-12-18 09:41 PM sinshuki
=o="
=o="

2007-12-18 09:51 PM raffy09
thx for sharing

2008-1-20 06:23 PM 笨xb
ok?多謝你的分享

2008-2-2 11:35 AM 0o祐銘o0
多謝分享...^^

2008-2-2 06:42 PM tom
有冇第二d空間呀????

2008-3-20 09:28 PM 米仔
多謝你同我地分享:D

2008-3-29 09:24 PM pollyhps
thankyou of you share!

2008-5-22 02:51 PM cicilee8899
我以前學過但係好耐冇用過依加忘得差吾多啦

2008-6-29 05:45 PM yanfion
我以前都學過!!!:) :) :)

2008-8-5 06:46 PM 吉恩
我有看沒有懂啊
謝謝大大的分享
:D :D :D

2008-8-14 10:30 PM kelvinNg
photoimpact中三屯天都要學

2008-8-15 10:02 PM SDMA
thx.....我想知好耐

2008-9-15 03:59 PM HenryWong
Thanks for sharing:em32:

2008-11-22 10:53 PM shekhim123
好似好難咁=3=淆

2009-1-1 03:40 PM peonysuen
Thank you very much!

2009-1-5 10:29 PM may
多謝你的分享~

我會去試看看~~:em28:

2009-2-2 08:02 PM candy19
開吾到了牙"

2009-3-8 02:37 PM kawai1315
:D thx

2009-3-10 10:33 PM henryslcss69
多謝分享.........

2009-3-22 08:11 PM aaronchen
很棒的文章~

2009-10-2 01:39 AM tracy714
無用處:em34:

2009-11-1 04:25 PM jannifer
我都係唔識:L :'(

2010-1-9 11:50 AM h0_bi
在這種芐c0mment`v_v
多謝大大分享..

2010-12-15 03:58 PM Gifts
很詳細哦 多謝分享:D

2011-3-17 11:47 PM boysvs
先回複來看看 多謝分享 ^^

2011-5-18 10:30 PM williamyii77
Dreamweaver好好用

2011-5-18 10:31 PM williamyii77
sor連回了-,-.

[[i] 本帖最後由 williamyii77 於 2011-5-18 10:33 PM 編輯 [/i]]

頁: [1] 2
查看完整版本: 如何做網站


Powered by Discuz! Archiver 5.0.0  © 2001-2006 Comsenz Inc.