顯示廣告
隱藏 ✕
看板 Programming
作者 gonsakon (threewood)
標題 【CSS課程】Responsive網頁排版技術
時間 2013年03月03日 Sun. PM 09:20:50



各位好

我是高雄的前端工程師,洧杰,

個人將於3/31(日)在高雄舉辦CSS課程,
如果對Responsive網頁排版技術有興趣者,
歡迎前來聽取,

這一次則是請了另外一位北部的資深設計師南下參與演講,
希望透過南北結合的分享能量,
讓南部有意想進取此一領域的同行有所收穫。
另也歡迎同行宣傳與分享,

詳細活動連結→http://registrano.com/events/c33aa3

於此也節錄部分活動內容:


【課程說明】

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 - 大到小或小到大?
  設計模式 - 各種載具的使用行為都不一樣
  設計巧思 - 國外網站設計案例


【FAQ】

Q:請問RWD網頁排版技術與一般網頁設計有何差別?

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

Q:這課程會很難嗎?會不會講過於艱澀的程式語法?

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


【地點與費用資訊】
高雄市前鎮區復興四路十二號A棟頂樓海景旗艦會議廳
課程費用:$500,請利用報名系統進行報名手續即可。
外地朋友請坐捷運至獅甲捷運站4號出口出去,遇復興三路左轉步行5~10分鐘即可到目的
地。

 

--
※ 作者: gonsakon 時間: 2013-03-03 21:20:50
※ 看板: Programming 文章推薦值: 0 目前人氣: 0 累積人氣: 845 
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇
看板名稱: 確定(Enter) 取消(Esc) 搜尋(Space)
查詢帳號: 確定(Enter) 取消(Esc) 搜尋(Space)
搜尋: m)m文 b)進板 c)未分類 a)作者 /)標題 q)取消?[q]

搜尋 送出(Enter) 取消(Esc)

回覆文章至: f)看板 m)作者信箱 b)兩者皆是 q)取消?[f]
要引用原文嗎? y)引用原文 n)不引用 a)全部回覆 r)複製原文 q)取消?[y]
轉錄本文章於看板: 1)使用連結 2)使用複製 q)取消 ?[1]
轉寄至站內信箱於使用者: 確定(Enter) 取消(Esc)
轉寄至站內信箱於使用者: 確定(Enter) 取消(Esc)
修改文章標題為: 確定(Enter) 取消(Esc)
修改文章標題為: 確定(Enter) 取消(Esc) 全部(a)

確定要刪除這篇文章?(可按大U救回) 確定(Enter) 取消(Esc)

刪除理由:

確定(Enter) 取消(Esc)
加到這個分類: 確定(Enter) 下一層(→) 回上層(←) 取消(Esc)
你覺得這篇文章: 1)真讚 2)真瞎 q)取消?[1] (再選一次即可收回)
你覺得這篇文章: 1)值得推薦 2)表示反對 3)單純註解 q)取消?[3]
guest
預覽(Enter) 取消(Esc)
上傳圖片
按ctrl+Enter可輸入下一行。
guest
確定要送出? 確定(Enter) 取消(Esc) 繼續(e)
搜尋: 送出(Enter) 取消(Esc)

▏▎▍▌▋▊▉ 請按任意鍵繼續