如何建立一(yī)個響應式網站？

做響應性網站的“四個不要”：
  1.不要優先設計台式機開(kāi)發人員(yuán)通常會犯的常見錯誤。 在設計網站時，他們優先考慮使用桌面版本，因爲在這些人的眼中(zhōng)，基于桌面的網站已轉變爲适用于其他設備的自适應網頁設計。 非常輕松愉快的事情。 但是，在計劃階段本身發生(shēng)的這個錯誤可能會成爲一(yī)個非常大(dà)的問題。 它甚至會導緻返工(gōng)，當然，許多錯誤也會擴散。
  2.不應隐藏内容響應式設計通常具有較少的空間來顯示圖片和内容，但這并不意味着您的内容應被忽略。 您必須采用一(yī)種重新排列内容的方式，以确保其可讀性。 這是相對容易實現的。 您可以創建導航鏈接并使用錨點，以便用戶可以在頁面上看到他們想要的内容。 那些通過CSS布局控制内容隐藏的人員(yuán)應該了解，這些内容仍會被加載，因此爲用戶提供完整的觀看體(tǐ)驗對您來說并不重要。 簡而言之，開(kāi)發人員(yuán)不應因使用的設備而“懲罰”用戶。
  3.不要忽略頁面的加載時間。 随着寬帶的普及，Web開(kāi)發人員(yuán)已經習慣于在頁面上使用大(dà)量相對較大(dà)的資(zī)源。 但是，當我(wǒ)們使用手機時，我(wǒ)們的用戶使用速度較慢(màn)的2G和3G網絡。 同樣，維護Minf International的人也要爲其使用的帶寬付費。 頁面在台式計算機上的加載速度很快，但是在手機上加載頁面的操作可能會花費很長時間或使用額外(wài)的昂貴帶寬。 更糟糕的是，當用戶被迫等待頁面加載（即使是幾秒鍾）時，他們将離(lí)開(kāi)頁面，您将失去(qù)訪問量。  4.不要尋找經驗不足的人來進行前端開(kāi)發。 前端Web技術的門檻很低，但是專業很深，因此設計人員(yuán)也将做前端。 有些人可以對前端進行爲期兩天的自學，但不要忽略Web前端。 細節取勝，好與壞的區别就在于細節，包括合理的布局。 這對于效果尤其重要。 标準的CSS代碼對兼容性有很大(dà)的影響。 響應式網站的制作尤其需要紮實的基本技能和多年的經驗。
  制作響應式網站的五點建議：
  1.該計劃與往常一(yī)樣，應始終将其放(fàng)在第一(yī)位。 一(yī)旦開(kāi)始解決紙(zhǐ)上的設計問題，就可以開(kāi)始構建網站了。  2.充分(fēn)利用原型軟件。 建議使用Adobe Edge Reflow，它允許您使用媒體(tǐ)查詢，在程序中(zhōng)設置斷點以及設計适用于台式計算機，平闆電腦和移動電話(huà)的布局。 然後，您可以将CSS複制到另一(yī)個編輯器（如Adobe Dreamweaver或其他HTML），以進一(yī)步優化設計。
  3.首先考慮一(yī)種移動策略。 如果是第一(yī)次創建移動網站，則可以在平闆電腦和台式計算機上擴大(dà)規模并設計網頁。 這三個平台的重點是Web徽标和文本。 如果文本可以在移動設備上輕松閱讀，那麽在平闆電腦和台式機平台上您将沒有問題。  4.謹慎使用導航如果您的站點隻有兩個或三個導航按鈕，則可以在屏幕上的簡單菜單中(zhōng)包含這些按鈕。 如果菜單元素更多，則可能需要考慮創建一(yī)個帶有下(xià)拉菜單項的單個圖标。
  5.首先建立網站。 一(yī)些公司，例如Jiffy軟件，将首先創建整個頁面布局，然後開(kāi)始編寫代碼，以确保他們可以實現客戶想要的外(wài)觀。 創建移動頁面時，非常重要的一(yī)點是，按鈕的設計必須足夠大(dà)以覆蓋您的指尖，其次是保持界面簡單實用。 許多設計人員(yuán)傾向于在移動接口中(zhōng)添加太多元素，這将導緻設計和實際問題。 如有疑問，請保持頁面簡潔。