下面推荐的几款主流HTML5框架,上手都比较快,而且网站的教程相对完善,无论是初学还是专业前端,都能找到适合自己操作的框架。" n( G1 g) B* k* | D
) |3 Y- q6 t8 D5 g6 u' u3 mBootstrap) A0 a. b4 c7 y }2 ^* k
全球数以百万计的网站都是基于 Bootstrap 构建的。Bootstrap能让所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。此外,bootstrap的官网也有很多教程提供。- y' J( P3 ~2 m' R# F1 j* M {. ?
# M+ d6 @# h* ~9 b* n1 L
4 E, l/ }9 @- u. J3 \+ V# o3 q: j$ u0 `
; U( E- H* U2 q! B2 CBootstrap 包含了十几个自定义的 jQuery 插件,并自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。
- S+ b) e8 D7 @7 f$ h
- i7 Z' X$ U/ J {0 O1 e& sSUI Mobile0 o4 Y( ?/ F* P1 [
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。
/ ]6 S2 K% U2 E" _
2 u3 y2 o: P" v6 ~/ V# i( _
1 m" M p" R4 g1 H8 {
P4 f7 x8 W8 X- TSUI Mobile 的组件都是按照iOS风格设计的,,非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。网站内有详细的编码介绍。7 C7 c* x) |, t, W* K
. X/ M h5 V7 S6 o
jQuery UI
p4 F* b/ x! a9 zjQuery UI 主要分为3个部分:交互、微件和效果库。主打代码开源,操作继承了jQuery 的简单特性,兼容各主流桌面浏览器。+ [: ]! Q9 w A% t) a- o
" K3 f: U' P+ b7 @$ m* n; Q5 k: [
. s, x5 i* L7 U" j9 ]% A( X. A5 h
! M- |. M( Y5 [% T1 Y# h/ `
4 C" N) D* B: x: n. E9 R4 J) R
! ~' {+ g8 P2 {( S, {$ J% XjQuery mobile
- R! o) R# M' s! }" hjQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。如果开发者了解 jQuery,可以很容易的学习 jQuery Mobile。& W/ D! A. H- j4 U3 V
+ W7 `7 v0 ~) E5 S9 P) E8 X
2 T0 y8 s n# B) O
& t8 P5 p* Y+ ?8 }# f4 C" `9 i如何高效学习HTML5前端开发?3 J% i' |6 `% W# `
前端首先要学HTML+CSS,如果想系统学习,最好是到专业培训机构或者收听网络课程,这样能学以致用。如果选择自学,应该先跟着书仔细、扎实的学一遍。做大量的练习,做各种常规的、新颖的布局练习来捆固、理解自己的知识。css要熟练掌握float、 position、width、height,以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,是必须要掌握的。% A% `% l/ p. o
% M' t7 X% ~ E; J; ~) k
如果只是为了做网站而学习前端HTML,大可不必花大量时间,很多自助建站工具都支持零基础建站,过程跟当年玩QQ空间装扮差不多,网站的制作周期和资金投入都相对较低。如建站宝盒V9已经能做出多种风格的满足购物、学习、展示和营销的优质网站。
+ ?/ }0 W$ `$ {; H1 O3 A8 y3 I, ?9 G! ^: v5 [* j
8 o& Q7 O2 I% x' V- m; q8 ~$ G. {零基础做HTML5响应式网站:iisp.com/special/v9special/index.php?s=ashley
: N7 a. s- I7 q9 H6 M, W: O) _- B- D* z4 i+ ~+ M, E$ |; g( U
- O: @ U' @+ t
|