RWD前端設計筆記

感謝ct lin大大講這一場RWD版型設計，以一個web當範例講解設計RWD時，應該注意哪些地方？

1. 設計版型首先要先想好要分成哪幾個大區塊。
2. 盡量以標籤來設計css、以簡馭繁，。
3. 當網頁在pc瀏覽轉移到平板，由平板瀏覽轉移到手機瀏覽，版面的移動方向，編排位置等等，都會影響版面的編排。
4. 如何定義標籤讓瀏覽器（語意網）更容易搜尋到使用者要搜尋的關鍵字。
5. style sheet(外部連結) 必須要跟標籤分離，以後較好維護。

我在寫html時，我時常遇到該如何縮排，才能一目了然，不會寫錯任何一個 tag，少寫一個 tag或 div對應的區塊，Ct Lin 介紹一個工具，[haml]全名為 HTML Abstract Markup Language，它的主要用途是用來產生 HTML，haml語法很簡潔，但很嚴格寫法。
我本身慣用linux系統，haml 是用Roby開發，所以必須安裝 Roby 的套件，Nginx是一個輕量級server，若你有在寫java，可能要注意Nginx與java servlets是否會互斥。，在安裝haml套件
若只想試著用haml，並不想安裝任何套件，可以到這一個網站onepage，可以寫html與haml，

只要點一下就可以做html<>haml切換，一邊搭配教學文件，學習haml，會很快上手

當晚上課是在ct lin大大自己開發的onepage來撰寫前端網頁（可撰寫平板、print、pc、手機....），支援haml、html、Less、sass、javascript.....等等。
詳細請至onepage

若你是一位新手從未寫過haml或less或sass.....。你可以先在onepage使著寫你從未寫過的語言，降低前置作業失敗感。
若哪裡寫錯，或理解錯誤，請告訴我！！

參考資料：

• 認識 HAML 及 SASS 作更敏捷的 Web 開發
• onepage