常見問題
早期的網頁設計預設對象大多以一般家用電腦或筆記型電腦的瀏覽者為主,所以在製作網頁時會以此規格為預計頁面的大小,然而隨著平板電腦及智慧型手機的普及,傳統的網頁設計方式已無法滿足所有的網頁瀏覽裝置,使用畫面較小的平板或智慧型手機來瀏覽傳統設計的網頁時,將會因為頁面寬度過寬而導致瀏覽者在瀏覽頁面時的不便,因此為了滿足手機瀏覽者的需求,一般在進行網站製作時通常會再另外製作「手機版」的網站,以滿足這些族群的需求,然而手機版網站雖然可以解決大多數手機瀏覽網頁者的不便,但對於花錢進行網站建置的企業來說,將額外增加一個網站建置的成本。
為解決這樣的窘境,現在有越來越多的企業選擇使用「響應式網頁設計(Responsive Web Design)簡稱RWD」的技術來製作網站。RWD又稱自適應網頁設計、多螢式網頁設計或回應式網頁設計,簡單來說就是網頁會自已随著瀏覽者的網頁瀏覽裝置解析度的大小,自動變化網頁的寬度及頁面配置,讓瀏覽者能以最適合閱讀的格式呈現。
RWD網頁原理是使用CSS3以百分比的方式來進行網頁畫面的設計,讓網頁在不同解析度下瀏覽時,能自動改變網頁頁面的佈局排版,因為此技術解決了目前智慧型手機及平板電腦瀏覽網頁的不便,所以RWD網頁設計開發技術已成了新一代的網頁設計趨勢。
「RWD網站」與「手機版網站」兩者是不一樣的。以上兩種規格的網站都是為了解決因為較小解析度的瀏覽裝置(例如智慧型手機、平板電腦…等)在瀏覽網頁時的不便而衍生的網站建置方案。RWD響應式網頁設計(Responsive Web Design)主要是讓網頁可以自動随著不同的解析度而自動調整網頁的大小及配置方式以方便瀏覽者閱讀網頁,瀏覽者無論是用較大的瑩幕(如桌上型電腦、筆電)或較小的行動裝置(如手機或平板)都可以輕易的閱讀RWD格式的網頁。然而「手機版」的網站,顧名思義就是只適合以手機這種較小解析度的瀏覽裝置來閱讀,當然您也可以使用較大解析度的電腦或筆電來閱讀,只是所呈現的畫面寬度較小,而造成整體看起來較不便利也不美觀。
Flash可讓原本靜態呆板的網頁,變成活潑動態的頁面,一般網站常將flash用於前導頁動畫製作、動態選單製作、Banner廣告動畫、圖片輪撥、動態商品展示、網頁遊戲、電子賀卡…,初期Flash盛行時,幾乎所有的網站都偏愛使用它來添加活潑互動的元素,然而隨著網友瀏覽習性的改變,網友慢慢的已經對於flash的動畫不感興趣,反而希望能以更有效率、更快的瀏覽速度來瀏覽網頁,以取得他們所需的資訊。另一方面,有的flash需要使用較多的電腦資源(CPU、RAM)且檔案較大,因而導致部份手機或平板電腦廠商為了節省電力而紛紛放棄支援Flash(例如Apple的iphone及ipad)。
為了順應趨勢,所以現在在進行網頁製作時,除非真的有需要,否則建議不要放置太多的Flash,而改用相容性較高的J-Query及html5語言來取而代之,雖然目前並非所有的瀏覽器都可以支援html5,但大多數主流的瀏覽器支援度已越來越高,相信短時間內便可全面支援。
此外,如果您還是堅持要使用Flash的話,也請於網頁中,在該Flash下,另外放置一張替代的底圖,必要的話,也可以在該圖片上加上連結,萬一網友的瀏覽器不支援Flash時,至少還能貼心的讓網友也看的到替代的圖片喔!
網站的SiteMap意指網站的「導覽頁」,也就是說SiteMap是用來顯示網站所有的頁面連結資訊,該頁面主要是讓瀏覽者能更清楚、更明確的找到網站的資訊。
大體而言網站的SiteMap分成兩種格式,分別為一般網頁格式(html、asp、aspx、php)及XML格式。通常一般網頁格式的SiteMap是放置在網站頁面中,讓瀏覽者可以直接點選瀏覽及查詢用;另一種XML格式的SiteMap則是用來向搜尋引擎提交網站架構用,也就是告訴搜尋引擎自已的網站全部有那些頁面,可供搜尋引擎收錄用。
原則上一個好的網站建置,需同時擁有上述兩種SiteMap,若您還沒有為您的網站建置SiteMap頁,或尚未向搜尋引擎提交SiteMap的話,建議您盡快去完成這件事。完成SiteMap的佈署後,對於網站優化(SEO)將有意想不到的幫助喔!
每個網站的視覺風格及系統功能,基本上都是需要視業主及瀏覽者的需求及瀏覽習性而定,不見得網站視覺製作的較為豐富(例如放罝較多的插圖、照片、動畫…等)就一定比較好,因為重視覺設計的網站,雖然有可能會因為網站的美編特效,而增加網友的關注,但此類型網頁因為會放罝較多的圖片及動畫元素,因此網友在瀏覽該網頁時,會花較多的時間,進而影響網友繼續瀏覽的意願,而且若使用租用型主機時,也將會有超過每月主機流量上限的風險。
所以在網頁製作前,應該先了解網站的屬性是否適合較多的美編,例如:飯店、餐廳、保養品…等時尚類型的網站或是主要瀏覽對象為幼童的網站,就可以考慮使用較多的美編及動畫元素來吸引瀏覽者,進而產生消費意願;但如果是屬於入口型網站、購物型網站、學術性網站、政府機關網站…等類型的網站時,則不建議使用過多的美編及動畫,因為此類型網站的瀏覽者主要瀏覽訴求是以資訊搜尋及購物為主,過多的美編對網友來說是沒有太大意義的,而且反而會造成反效果。因此在網頁設計前,務必先評估網站屬性後,再進行網頁製作。
以近期整體大環境來說,您或許會發現使用大量美編及動畫的網站越來越少,而且越大型的企業網站反而風格設計方面會越簡單,而且歐美國家的網站設計風格也都傾向越簡單越好,因為對他們來說,網站效能、網站資訊完整度及網站搜尋排名結果才是當下網頁設計中最重要的一環。
但是網站風格要簡約,但卻又不能太單調且不失質感而且又要顧及網頁執行效能及網頁優化,在設計上並不容易,因此網站設計的好壞,就得考驗網頁設計公司的功力囉!