現代RWD響應式網站設計入門

    學習現代網頁設計思維與邏輯!手寫符合不同行動裝置的前端網頁介面 !

    58
    5.0
    • RWD 基礎概念與原理

    • RWD 設計過程當中的思維邏輯

    • 獨立完成完整的手機版網頁

    • 實作特殊手機網頁的排版

    • mobile first 逆向思考的設計思維

    US$79.43

    Click for settings

    00:00
    00:00
    00:00

    響應式網頁已是趨勢,您還似懂非懂嗎?

    #完整設計概念 & 腳本化課程


    RWD (Responsive Web Design) 響應式網頁設計,是集合電腦版網頁、手機版網站、平板Pad三機一體最新網頁開發技術,已有 75% 以上的人使用手機上網,支援手機已成為必要條件。該怎麼設計、該怎麼做? google 的資料看起來很多,但常常不完整,也無法運用!因為 RWD 並不是一個技術門檻很高的應用,所以網路上少有完整系統化的教材,RWD 該懂哪些功能、設計上有什麼考量等等,都會在本課程當中,搭配實作一一解析。

    網頁設計師的必修課

    #從頭了解 RWD 設計理念與實作方法


    透過這堂課,可以讓你很快地掌響應式網頁的設計概念,依照語法搭配範例說明,讓你不但看得懂,還知道怎麼運用,讓你幫助公司建立起不止美觀也好用的手機版網頁。如果你是接案的網頁設計師,更能透過實作完整從無到有,建置符合不同行動裝置的頁面。

    3 小時快速 學會建置 RWD 網頁「通用」設計心法

    #那些很多人不知道,但接案時卻很好用的步驟化思考!


    透過詳細語法解說、大量圖表示意,引領了解各主題的核心概念與重點技術,並利用最適合的開發工具進行範例實作,徹底掌握符合不同行動裝置的設計心法,讓響應式網頁製作更簡單!如果你是一個接案網頁設計師,你會非常訝異 Mobile first 的設計模式,將能更加有快速地完成響應式網頁。且這套工作流程,將能在工作上永久使用


    Content

    • 1-1
      檔案下載
    • 1-2
      常用&特殊設計模式 fluid、column drop、off canvas、tiny tweaks、layout shifter
    • 1-3
      逆向思考下的設計( break point & navigation & Tab bar)
    • 1-4
      media query 媒體查詢 & viewport 屬性使用
    • 1-5
      固定及浮動 static / relative
    • 1-6
      CSS權重 (Specificity) 概念與應用

    Preview

    FAQ

    如果您購買的是募資課程,請在課程的【簡介】中查看開課時間,募資課程將於開課時間所述日期開放同學上課。

     

    若您購買的是一般課程(開放上課課程),則在購買完成後可以立即開始觀看。

     

    所有線上課程皆不受時間限制,享無限次永久觀看!

    Recommendations

    Pre-Purchase Q&A

    | No Content

    Sales Plans