網頁設計工具及注意事項

appboy

想要建構一個畫面漂漂、內容豐富的網頁，常用的方式可大概分為下列兩類：
　

一、幕後法─使用HTML語言來定義

　　早期的網頁設計者都是利用一般的文書編輯軟體來編寫HTML檔案，其優點是適合於各種瀏覽器，可是缺點是一般新手在邊寫時較無法知道實際所編排出來的效果如何，如果對HTML語言不太熟悉的話，效果落差很大，需要花些時間技術才能熟練。

二、幕前法─採用網頁編輯軟體

　由於使用HTML語言來定義方法，對於不太熟練時所編出來的網頁可能和理想中的效果落差很大，慢慢地，強調所視即所得「WYSIWYG」(What You See Is What You Get)的網頁編輯器也紛紛出籠，使用這種方式的好處是不需要瞭解HTML語法，因此網頁設計不再是設計人員的專利，只要對編輯軟體有基本的認識的人都可以快速完成。目前較常用的網頁編製軟體有FrontPage 98、FrontPage Express 與 word97等。

• FrontPage： FrontPage 是一套非常簡單易學的網頁編輯軟體，它的好處在於不太需要瞭解HTML的原始碼，就可以用直覺的方式，只要選選功能表，設定一下參數， 一頁HomePage編排版的工作即可完成。
  　
• Dreamweaver：網頁設計所需要的文字、圖片、聲音、動畫、互動式設計都可以互相整合支援，創造出令人印象深刻、眩惑動感、互動性強的作品，是許多專業網站設計師的最愛。
  
  　
• Word：如果您只會使用Word而且不想再學習其他網頁製作軟體或HTML語法，也可以利用 word 編製網頁內容存成.html格式後，以後透過瀏覽器也可以，不過word 畢竟不是一套專業的網頁設計軟體，用它所設計出的作品，經過瀏覽器後的效果可能會出現莫名奇怪的結果，因此建議還是花點時間學習一套專業的網頁設計軟體較為保險。
  
  

　　至於設計網頁時應注意哪些事項呢？根據專家們的經驗大概有下列幾點：

一、畫面部份

　　目前PC所使用的螢幕大都採用VGA顯示卡，而標準的VGA卡的螢幕解析度為640×480，所以使用640×480的畫面設計大致能讓最多人能正確無誤的觀看，而不需要拉動捲軸。

二、版面風格應統一

　　為了讓觀賞者有一致性的感覺，且順利迅速瀏覽其他網頁，設計時應注意版面風格上的統一， 例如使用同樣背景顏色、標題文字的字型大小風格統一、瀏覽的方式相同......等。

三、文字應巧妙且恰到好處

　　如果能善用變換字體大小、字距、行距、字體、顏色等技巧，可讓版面看起來顯得更生動，但是也應恰到好處，不宜過份花俏、也不要用太多的特殊字形，並且最好不要使用閃爍文字，雖然閃爍文字可以引人矚目，但也容易令人眼花撩亂。

四、圖片不要太大且有文字說明

　　圖片雖有強化視覺效果，營造網頁氣氛、活潑版面效果，但是圖片卻也有其致命缺點，因為圖片的檔案容量相當驚人，非常不力於傳輸，因此使用圖片時務必考慮「圖片資料量的大小」和「檔案格式的普遍化」，格式最好採用GIF和JPEG，原則上一頁網頁的資料量不宜超過100K，並且每張圖最好能加上文字說明。

五、注意連結緊密與順暢

　　盡量將連結的文字融合在文章當中，避免文章看起來很突兀，同時每一網頁的下方提供連結以便引導參觀者回到上一層或再連結到下一層以及首頁，千萬不要發生連結失敗〝Not Found〞，那是非常令人掃興的。