甚麼是嚮應式網站?

當我們談到”嚮應式網站”，並不是說網站懂得自動回應你的問題—雖則你也有一半是對的。一個嚮應式網站，關鍵在於”嚮應”瀏覽網站設備的螢幕的尺寸，繼而調節網頁上的元素。嚮應式網頁設計不單指網站能兼容你的設備，如果你正在用手機瀏覽我們網台公司(pnetform.com)這篇文章，或許有好多地方你都忽略了，正正是這些工作令你能順利地看這文章。好了，甚麼是嚮應式網站？

嚮應式網站的需要

嚮應式不止是推廣的口號。根據研究發現，有72%的人喜歡在手機上看網站，在美國有77%的人是使用手機的。我們在設計網站時，時刻記著手機友善的網站能幫到這三份之二的客戶群體。

在討論嚮應式網站前，讓我們調整一下思路，跳出銷售人員或服務供應商的框框，代入用家的角度去看整件事。當有人投訴看不到網頁時，也許有人說，”用電腦看看吧”，其實正正是忽略了手機作為閱讀工具的情況。

然而，試下將心比己，如果你最愛的網站對手機不友善，你也很不愉快吧？我們網台公司的網站都能在不同的設備中正確地顯示出來，這不是因為我們很得閒很多時間，而是我們知道這對顧客來說有甚麼不便有甚麼難處。只要明白此處，你都會理解到甚麼是嚮應式網站。

嚮應式網站：首要事情

總括而言，嚮應式網站泛指一種能從用家角度出發的網頁設計取態。無論用家的方向、平台、螢幕大小等都在設計時考慮周到。

如果你是開發人員，這意味著你會留意CSS Media Queries、圖像、排版及網格等。這些決定性因素驅使我們在設計時令基礎元素更靈活，網頁元素在用家使用桌面電腦、手提電腦、平板或手機時都會容易調整。

對消費者來說，嚮應式網站令其使用任何裝時都不影響到重要的特質，所以你用任何工具看我們網台公司的網站時，沒有一件東西是會走樣、變形或被阻。如果你都想擁有嚮應式網站，必需留意有關的技術是能夠自動適應用家選擇的工具。

Responsive Web Development: Essential Aspects　嚮應式網站：必需的事項

在考慮到以上各點時，可能你會覺得每個網頁元素都要處理才能令網站手機友善。其實這是值得的，想想客人會有多麼喜愛你的付出，作為網頁開發者，你也不應失望，因為這些都是重要的，沒有嚮應式網頁設計，你將有更多的麻煩。以下是3個必需的事項：

• 使用液態網格 (Fluid Grids): 開發人員一般都熟識網格，這是一組固定寬度的排版方式，然而嚮應式網站使用的不是固定網格，而是可變的液態網格。有別於固定網格，液態網格的寬度會隨著螢幕大小而變化，而在其中的網頁元素尺寸都會隨之改變。
• 使用媒體查詢 (Media Queries)去令網頁元素更佳: 除了固定網格，嚮應式網頁設計還會使用Media Queries(按：根據Mozilla中文網頁翻譯)。現代瀏覽器都會支援Media Queries，CSS(樣式表)會依據使用者的系統而漸漸調整，這意味著網頁設計師可針對各裝置和要求做出特定的風格和效果，開發人員亦可控制甚麼網頁元素在不同的情況呈現或收起。
• 選擇靈活的圖像令調節適應更輕鬆: 對設計師來說，調整圖像十分有挑戰性。CSS(樣式表)的max-width(最大寬度)性質令圖像載入時更配合到排版。如你想儘量做好嚮應式網站設計，嘗試讓瀏覽器根據CSS指令去執行圖像尺寸計算。先至聲明，圖像不應太大，以至拖慢載入速度。

嚮應式網站和兼容性

幾經努力之下，你現在看到的網台公司頁面正在示範嚮應式網站如何做到兼容四方，過程最初頗為痛苦，尤其是如果沒有經驗的話，簡直是畢生難忘。然而只要持之而恆，開發任何網站時都堅持到底，無論是使用者或者搜尋器都會認為你的網站是可靠、好用和相關的，汗水不會白流。