【CSS课程】Responsive网页排版技术课程

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分钟即可到目的
地。


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章