iT邦幫忙

2

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

  • 分享至 

  • xImage
  •  

Responsive Web Design(RWD)為2010年Ethan Marcotte所發表的創新網頁技術。
RWD的設計理念為使用HTML與CSS3 Media Queries設計可兼容各載具與解析度之版型。
各位好
我是高雄的前端工程師,洧杰,
個人將於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分鐘即可到目的
地。


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言