網頁設計及網站製作

-------------------------------------------------------------------
      更好的瞭解企業並發生互動的可能。所以說網頁的形式是為內容而服務的。設計精美的網頁可以吸引來訪者的視線，而過於華麗則有些喧賓奪主了。

　　就像有些創意獨特的時裝手錶，你已無法用它來判斷時間。在企業網站策劃中應該考慮設計精美的同時，考慮網站線索的清晰，使用的方便，功能的體現等因素。

網頁設計要注意的事項

　　你應當有一個很清晰的網站介紹，告訴訪問者你的網站能夠提供些什麼，以便訪問者能找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的資訊，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的資訊。

　　“網站一旦發佈，網站設計的優點和缺陷全都公佈於世。沒有什麼方法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶回饋意見中學到更多的東西。” ——專家忠告

　　閃爍讓人頭痛

　　通過使用標識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站，就少用此方法。

背景顏色

　　背景顏色也會產生一些問題，可能會使網頁難於閱讀。你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字體。

　　向前和向後按鈕 　　

應當避免強迫使用者使用向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的網站在每一頁同樣的位置上都有相同的導航條，使流覽者能夠從每一頁上訪問網站的任何部分。

　　“堅持你的信念。嚴格遵守各種規則。避免想當然。絕不停止學習。” ——專家忠告

　　點擊記數器 　　

不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數流覽者認為計數器毫無意義，它們很容易被做假，流覽者也不想看廣告。如果你顯示你的網站是多麼受歡迎，你最好提供一個連結，顯示訪問日誌。

　　不要用框架 　　

與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在螢幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示幕幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜尋引擎常常被框架混淆，從而不能列出你的網站。

　　去掉圖像 　　

在流覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者，還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的連結和使用替代文字，而不是圖像來滿足訪問者的需要。

　　重複使用圖像 　　

一些網站由於使用大量不重複的圖像而錯過了使用更好的技巧的機會。在創建商標時，在網頁上多次使用同樣的圖像是一個好的方法，並且一旦它們被裝入，以後重新載入就會很快。

　　避免使用過大的圖像

　　不要使用橫跨整個螢幕的圖像。避免訪問者向右滾動螢幕。占75%的螢幕寬度是一個好的建議。

　　“避免使用炫耀的技巧。” ——專家忠告

　　選擇使用Flash動畫 　　

許多使用比較慢的電腦的訪問者發現動畫圖示很容易耗盡系統資源，使網站的操作變得很困難，因此，應該給用戶一個跳過使用Flash動畫的選擇。

　　儘量少使用Flash外掛程式　　

雖然許多Web設計者認為Flash功能很強大，並且Netscape5.0將支持Flash，在使用時不必再下載任何外掛程式。 但是，最好還是取消使用Flash做各介面的想法。

　　讓使用者先預覽小圖像 　　

如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟體，把圖像的縮小版本的預覽效果顯示出來，這樣使用者就不必浪費金錢和時間去下載他們根本不想看的大圖像。

　　動畫與內容應有機結合

　　確保動畫和內容有關聯。它們應和網頁渾然一體，而不是乾巴巴的。動畫並不只是Macromedia Director等製作的東西的簡單堆積。

　　慎用聲音 　　

聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢，同時並沒有帶給流覽者多少好處。首次聽到滑鼠發出聲音可能會很有趣，但是多次以後肯定會很煩人。使用聲音前，應該仔細考慮聲音將會給你帶來什麼。

　　少用Java 和AxtiveX 　　

在網頁上應儘量少使用Java 和AxtiveX。因為並不是每一種流覽器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題，過分地使用Java，會使Mac崩潰。

　　超級連結　　

超級連結是WWW的神經系統，它也是嚮導，把你從一個網頁帶到另一個網頁，或者從網頁的某一部分引導到另一部分。超級連結是用特殊的文本或圖像來實現連結的，按一下它就可以實現它的功能。