分层语义化模板实践 ---- 张克军

http://hikejun.com twitter: @kejunz

Me. • • • http://hikejun.com • twitter: @kejunz

L(ayered) S(emantic) M(arkup)

MVC L(ayered) S(emantic) M(arkup)

MVC IA L(ayered) S(emantic) M(arkup)

Designer FrontEnd Engineer demo http://hikejun.com/work/qq/spec/example_mod_compare.html

PRD PSD HTML CSS

JS PSD CSS HTML Prototype PRD

JS C- PSD CSS V- HTML Prototype M- PRD

Javascript ( ) CSS ( ) HTML

step 1: HTML wireframe demo: http://hikejun.com/work/qq/share_8.4/page_naked.png

step 2: reset rules( ) demo: http://hikejun.com/work/qq/share_8.4/page_base_style_1.png

step 3: ( ) demo: http://hikejun.com/work/qq/share_8.4/page_base_style_2.png

step 4: demo: http://hikejun.com/work/qq/share_8.4/page_base_style_3.png

step 5: /

• UI • •

demo: http://hikejun.com/work/qq/share_8.23/mod_comp.html ‘ ’ http://hikejun.com/work/qq/share_8.23/sports.qq.com.html http://hikejun.com/work/qq/share_8.23/news.qq.com.html

1. demo: http://hikejun.com/work/qq/share_8.4/example2/article-layout.html

II. demo: http://hikejun.com/work/qq/share_8.4/example2/article.html

III. demo: http://localhost/~kejun/douban/ui-framework/test/all.html

IV. demo: http://localhost/~kejun/douban/ui-framework/test/all.html

http://weilaixu.cn	40
http://www.slideshare.net	18

分层语义化模板实践 ---- 张克军

by itchina110 on Dec 13, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 58

Statistics

分层语义化模板实践 ---- 张克军 — Presentation Transcript