【CSS課程】Responsive網頁排版技術課程

課程說明

Responsive Web Design(RWD)為2010年Ethan Marcotte所發表的創新網頁技術。
RWD的設計理念為使用HTML與CSS3 Media Queries設計可兼容各載具與解析度之版型。
本課程將由淺入深地教導RWD的網頁排版技術,以及分享RWD現況發展和實務分享。

課程主題

  • 初識RWD
    • RWD環境建置 - Media Queries、Viewport、瀏覽器兼容性
    • RWD設計教學 - 漸進單元式講義教學 (課後會提供講義原始檔載點)
    • RWD資源分享 - 線上檢測工具、前端框架、jquery套件
  • RWD規劃流程分享
    • 評估導入可行性 - 並非所有網頁性質都適合RWD
    • 時程規劃 - 行動載具與螢幕解析度之適配程度
    • RWD辛酸史 - 那些年,我們曾經發生過的RWD悲劇史
  • RWD常見設計模式
    • Which comes first - 大到小或小到大?
    • 設計模式 - 各種載具的使用行為都不一樣
    • 設計巧思 - 國外網站設計案例

適合對象

  • 網頁設計師
  • 平面/美術設計師
  • UI/UX設計師
  • 前端設計師
  • 未來會使用到CSS語法設計網頁者

FAQ

Q:請問RWD網頁排版技術與一般網頁設計有何差別?
A:以往設計網頁時,通常都需要再客製化手機/行動裝置版版型,RWD的優勢在於僅只用一個版型便可兼容所有螢幕解析度與行動裝置載具,不需再分兩個網站來進行區分性。於此也提供RWD網站DEMO,您可以使用各行動載具來觀察RWD網站的魅力所在。

Q:這課程會很難嗎?會不會講過於艱澀的程式語法?
A:此課程僅只會講到HTML、CSS語法,以及該如何套已寫好的javascript來進行瀏覽器兼容性,我們會從實務面分享該如何逐步落實將RWD設計模式套用在網站上,只要您曾有使用過HTML與CSS語法便可參與課程。

講者名單 

 廖洧杰- 熱愛分享與交流的前端工程師,於2007年加入邁世通科技進行前端設計與專案管理,目前則專注於兼容Desktop/Mobile網頁前端開發,期間已協助數十位平面設計師、網頁設計師導入標準網頁設計。

nowill-是少數對網站每個環節都有一定知識與實戰經驗的設計師,並曾協助數十位平面設計或學生族群跨入網頁設計相關領域,是個對網路充滿熱忱又足夠專注的專業設計師。目前除了繼續提供專業服務外,也認真創作屬於自己的網路世界。

議程時間

時間主講人/議程項目
13:30~13:40 【洧杰】初識RWD
13:40~14:00 中場休息
14:00~14:50 【洧杰】RWD規劃流程分享
15:50~16:10 中場休息
16:10~17:00 【nowill】RWD常見設計模式
17:00~17:30 Q&A 交流

地點資訊

高雄市前鎮區復興四路十二號A棟頂樓海景旗艦會議廳
課程費用:$500,若未於報名後 5 天內完成繳費流程,系統將自動取消該報名資格。
外地朋友請坐捷運至獅甲捷運站4號出口出去,遇復興三路左轉步行5~10分鐘即可到目的地。

歷屆課程

【CSS課程】跨平台/瀏覽器整合CSS設計流程

 

聯絡窗口mail:gonsakon@gmail.com

 

此課程已圓滿結束,感謝各位朋友們共襄盛舉!

 

 

 

 

活動票券

票種 販售時間 售價
入場券 2013/03/01 12:00(+0800) ~ 2013/03/30 17:00(+0800) 結束販售
  • TWD$500
候補卷 (備註:礙於場地問題, 故[入場卷]名額是擁有桌子與椅子可使用, 之後的我們仍會提供椅子讓您參與課程, 假使前面順位有人未到,則再會讓您遞補進來, 使用含有桌椅的座位。) 2013/03/01 12:00(+0800) ~ 2013/03/30 17:00(+0800) 結束販售
  • TWD$500
下一步