下面推荐的几款主流HTML5框架,上手都比较快,而且网站的教程相对完善,无论是初学还是专业前端,都能找到适合自己操作的框架。
; L- P& ~, W, D& s7 \. r: r' F7 |" E% e
Bootstrap
& u# |/ [9 M' C, X) K+ o全球数以百万计的网站都是基于 Bootstrap 构建的。Bootstrap能让所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。此外,bootstrap的官网也有很多教程提供。5 p0 u1 N5 z( ^% t
! [! O$ E7 Z: Z9 m
# r. f# H* N7 n& J5 H# o, M$ n7 [: \% \/ E- }& m" s6 c
Bootstrap 包含了十几个自定义的 jQuery 插件,并自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。5 r P! @+ @4 ]9 j7 C- _4 g
- x) R8 _. x" I1 s+ z. LSUI Mobile" |" Q' t4 K5 Q2 K4 C# A9 J
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。0 w" `7 N) c3 }# [4 u
& ~7 F; V; P. _/ |
! p3 h4 o' v: O, Z% [
6 l2 B" F! e! u$ aSUI Mobile 的组件都是按照iOS风格设计的,,非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。网站内有详细的编码介绍。
6 |' j% h2 A+ g! j1 G) v e! ~6 K$ a) f* F
jQuery UI. g9 |: x! E5 F* d6 D Z, h
jQuery UI 主要分为3个部分:交互、微件和效果库。主打代码开源,操作继承了jQuery 的简单特性,兼容各主流桌面浏览器。
* e9 ]. e" I( o; d( s P7 W) \. d+ E7 |6 D, ~$ K
* g2 ]3 P: |/ x- P" Q0 v U
1 F% ~8 W0 d" m6 F- k" D$ o! b
$ P6 q0 _3 i, T# k+ H7 z' n- A7 P1 [6 m$ c
jQuery mobile" E; K# V! k# Y* h7 r
jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。如果开发者了解 jQuery,可以很容易的学习 jQuery Mobile。% H% s; d; X% k& E7 c2 c$ K" S
' K/ {2 A* T+ T5 d' H8 ~/ h
" X7 N/ O {( Y! `' d; L$ c* v+ | b2 s& ~
如何高效学习HTML5前端开发?
( e6 ~2 r5 @5 B5 h前端首先要学HTML+CSS,如果想系统学习,最好是到专业培训机构或者收听网络课程,这样能学以致用。如果选择自学,应该先跟着书仔细、扎实的学一遍。做大量的练习,做各种常规的、新颖的布局练习来捆固、理解自己的知识。css要熟练掌握float、 position、width、height,以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,是必须要掌握的。& O' X0 N& k" L& ?7 U. l1 }1 u7 L
0 \$ \: m* T p5 ?3 ]: H7 c
如果只是为了做网站而学习前端HTML,大可不必花大量时间,很多自助建站工具都支持零基础建站,过程跟当年玩QQ空间装扮差不多,网站的制作周期和资金投入都相对较低。如建站宝盒V9已经能做出多种风格的满足购物、学习、展示和营销的优质网站。6 D: l# `: q/ `* M# z7 W+ {" O
' ^) \! X+ [* e/ w9 u
5 U6 o3 u, x, R1 N v$ J2 R; W零基础做HTML5响应式网站:iisp.com/special/v9special/index.php?s=ashley
4 w' s# Y4 N2 U3 ~7 r
' ^6 C- E9 S0 A$ M( Q
+ ~7 G+ b# o" V/ m! O |