技術支援
Support
一般網站區分為「靜態網站」與「動態網站」二種,所謂靜態網站是指所有的網頁內容,無法透過管理介面讓管理者即時新增、修改或刪除。反之動態網站則是可以讓管理者透過一「後端管理系統」即時的針對網站進行更新或維護的動作。
動態型的網站,又有分網站的「前台」與「後台」。照字面意思翻譯「前台」也就是所謂的展示前台,而「後台」 就是管理後台。動態型網站的資料,必須先由網站後台(網站後端管理系統)將資料與相關文件上傳或做設定後,便會即時的顯示於網站的前台供網友瀏覽。這就好比藝人或是表演要開始前必須有後台人員將道具以及相關事項都備妥,當開始正式表演時才能提供觀眾最好的演出內容。所以說,後台就好比是一個舞台的後製管理作業,讓管理人員能將產品或訊息資訊上架並設定相關屬性(如設定訊息的主旨、內容或商品的價格、規格…),而前台就像是表演人員,能將事先設定的資訊內容,即時的呈現在網友面前。
做網站之前要先了解製作的網站類型,若您不了解各類型的差異性,可請網頁設計公司為您分析。網站製作類型我們大致分成「客製化量身製作、套版式網站、租用式網站」三種。
(1) 客製化網站製作將針對企業特色及實際功能需求做規劃。經由雙方溝通後進行製作,採用「量身打造」的方式,較能製作出較符合企業獨特之形象的專業網站,此種方式也是目前大多數企業架站所採用的類型。
(2) 套版式網站指該網站之「系統功能」或「版面風格」為制式的系統或版面,客戶僅可依照即有的系統或版面進行套用,因此在功能及樣版設計上的限制較多,可修改地方不多,甚至無法修改,但相對整體網站設計費用將較為便宜。
(3) 租用式網站類似套版式網站,但價格是採用租用的方式收費,通常為年繳方式。此類型之網站系統會提供幾款的版面風格供客戶選擇及切換,所有的系統功能都是固定的,所以無法根據個人的喜好進行大幅度變更,大多只能選擇是否開放該功能。此類型網站通常適用於較不計較網站視覺風格及預算有限之企業或個人。
哪種網頁的設計風格才適合自己公司呢?,其實沒有一定的標準,我們建議可以先參考同業或同性質的網站,去了解其他網站是否適合,避免其他網頁的缺點,並且留意優點,在業界的好網站,通常會成為其他業主參考的網站,以換位方式是思考,如果自己是消費者,我想看到的網站是如何的,思考公司行業的目的與定位,是高單價?還是以量制價呢?,再去進行網頁功能與設計的規劃,網頁要製作的風格,取決在設計師與業主的溝通,所以業主本身也要有一定的想法,否則設計師也只能瞎子摸象般的自由摸索,做出來的網頁跟自己的期望是容易會有落差的。
「RWD網站」與「手機版網站」兩者是不一樣的。以上兩種規格的網站都是為了解決因為較小解析度的瀏覽裝置(例如智慧型手機、平板電腦…等)在瀏覽網頁時的不便而衍生的網站建置方案。RWD響應式網頁設計(Responsive Web Design)主要是讓網頁可以自動随著不同的解析度而自動調整網頁的大小及配置方式以方便瀏覽者閱讀網頁,瀏覽者無論是用較大的瑩幕(如桌上型電腦、筆電)或較小的行動裝置(如手機或平板)都可以輕易的閱讀RWD格式的網頁。然而「手機版」的網站,顧名思義就是只適合以手機這種較小解析度的瀏覽裝置來閱讀,當然您也可以使用較大解析度的電腦或筆電來閱讀,只是所呈現的畫面寬度較小,而造成整體看起來較不便利也不美觀。
網站設計是指設計及建構網站。其中包含了各種網頁設計所需的技巧,舉例來說,資訊架構、使用者介面、網站架構、導覽、版面、顏色、字體以及整體效果呈現。 這些技巧都與設計原則環環相扣,進而創建出一個能符合該公司或個人需求的網站。
網頁設計的好壞對業主來說是一種非常主觀的判斷,每個業主喜歡的網頁規模與設計風格大都不同,沒有哪一種的網頁設計風格才是最好的。但是近年來,喜歡簡潔風格的人越來越多,所以並不是複雜的網頁或是華麗的網頁才讓人注意,而是在網頁設計越來越成熟的情況下,網頁的本質越來越受到重視,也就是網站資訊內容的傳達,更多業主了解,簡潔,並不是單調,也不是設計師刻意偷懶,不是做的很華麗,就是代表盡心盡力製作,網頁在經過不斷演進後,慢慢的走向了單純的訴求,因為瀏覽者真正想要的,最後還是網頁裡的內容本質,而不是網頁有華麗,單純的網頁設計方式才是能夠更符合瀏覽網站的標準,讓來網站瀏覽的人,直接得到搜尋的資訊。
早期的網頁設計預設對象大多以一般家用電腦或筆記型電腦的瀏覽者為主,所以在製作網頁時會以此規格為預計頁面的大小,然而隨著平板電腦及智慧型手機的普及,傳統的網頁設計方式已無法滿足所有的網頁瀏覽裝置,使用畫面較小的平板或智慧型手機來瀏覽傳統設計的網頁時,將會因為頁面寬度過寬而導致瀏覽者在瀏覽頁面時的不便,因此為了滿足手機瀏覽者的需求,一般在進行網站製作時通常會再另外製作「手機版」的網站,以滿足這些族群的需求,然而手機版網站雖然可以解決大多數手機瀏覽網頁者的不便,但對於花錢進行網站建置的企業來說,將額外增加一個網站建置的成本。
為解決這樣的窘境,現在有越來越多的企業選擇使用「響應式網頁設計(Responsive Web Design)簡稱RWD」的技術來製作網站。RWD又稱自適應網頁設計、多螢式網頁設計或回應式網頁設計,簡單來說就是網頁會自已随著瀏覽者的網頁瀏覽裝置解析度的大小,自動變化網頁的寬度及頁面配置,讓瀏覽者能以最適合閱讀的格式呈現。
RWD網頁原理是使用CSS3以百分比的方式來進行網頁畫面的設計,讓網頁在不同解析度下瀏覽時,能自動改變網頁頁面的佈局排版,因為此技術解決了目前智慧型手機及平板電腦瀏覽網頁的不便,所以RWD網頁設計開發技術已成了新一代的網頁設計趨勢。
無障礙網頁主要是要讓「視覺障礙者」或「聽覺障礙者」可以使用其他替代方式獲得網頁的資訊內容,由於他們無法像一般人瀏覽網頁的方式來取得相關資訊,必需透過閱讀機、點字顯示器等各種特殊輸出裝置來「瀏覽」網頁,透過這些輔助設備,可以將符合無障礙網頁的資訊,「唸」出來或用點字方式顯示,來讓視障朋友們了解網頁的內容。
正因如此,所以無障礙網頁的製作方式將比一般網頁來的複雜些,除了必需在網頁中的所有元素(如圖片、Flash、表格、表單…等)加上註解說明及一些無障礙網頁設計規範需特別注意的事項外,還應該在網頁的重要資訊上避免使用炫光、快速動態影像等媒體效果,來造成輕度視覺障礙者閱讀的不便。
為了讓網頁開發者和網頁使用者能夠對網頁的可及性設計有明確的評估方式和一致的認定準則,我們國內特別參考WAI組織在相關無障礙網頁標準的設計,以三個優先等級來規範無障礙網頁的可及性設計,分別為第一優先等級(A)、A+等級、第二優先等級(AA)、第三優先等級(AAA)。
每個網站的視覺風格及系統功能,基本上都是需要視業主及瀏覽者的需求及瀏覽習性而定,不見得網站視覺製作的較為豐富(例如放罝較多的插圖、照片、動畫…等)就一定比較好,因為重視覺設計的網站,雖然有可能會因為網站的美編特效,而增加網友的關注,但此類型網頁因為會放罝較多的圖片及動畫元素,因此網友在瀏覽該網頁時,會花較多的時間,進而影響網友繼續瀏覽的意願,而且若使用租用型主機時,也將會有超過每月主機流量上限的風險。
所以在網頁製作前,應該先了解網站的屬性是否適合較多的美編,例如:飯店、餐廳、保養品…等時尚類型的網站或是主要瀏覽對象為幼童的網站,就可以考慮使用較多的美編及動畫元素來吸引瀏覽者,進而產生消費意願;但如果是屬於入口型網站、購物型網站、學術性網站、政府機關網站…等類型的網站時,則不建議使用過多的美編及動畫,因為此類型網站的瀏覽者主要瀏覽訴求是以資訊搜尋及購物為主,過多的美編對網友來說是沒有太大意義的,而且反而會造成反效果。因此在網頁設計前,務必先評估網站屬性後,再進行網頁製作。
以近期整體大環境來說,您或許會發現使用大量美編及動畫的網站越來越少,而且越大型的企業網站反而風格設計方面會越簡單,而且歐美國家的網站設計風格也都傾向越簡單越好,因為對他們來說,網站效能、網站資訊完整度及網站搜尋排名結果才是當下網頁設計中最重要的一環。
但是網站風格要簡約,但卻又不能太單調且不失質感而且又要顧及網頁執行效能及網頁優化,在設計上並不容易,因此網站設計的好壞,就得考驗網頁設計公司的功力囉!