下面推荐的几款主流HTML5框架,上手都比较快,而且网站的教程相对完善,无论是初学还是专业前端,都能找到适合自己操作的框架。
; { j9 A* E) x6 q
9 F* ` |0 Z0 ?& s l- Y& w# k/ |Bootstrap3 R0 q* X& `! E
全球数以百万计的网站都是基于 Bootstrap 构建的。Bootstrap能让所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。此外,bootstrap的官网也有很多教程提供。
& r! q ~8 L* F) X+ C* _
( F. h& K. {1 ^# n% C9 D2 z3 R
# X9 }9 i# X0 }7 q3 z# h# B9 e1 h4 n9 x9 ~# [0 ?, F
Bootstrap 包含了十几个自定义的 jQuery 插件,并自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。8 v/ M% }6 f; L4 M/ @9 A( I
6 I" |0 T, X) A) _8 Y
SUI Mobile% H5 Y6 n6 W& A2 N& I, k* N
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。5 W) L- ^% X5 a0 m+ R' o
2 K, Y C& C$ W% v" j1 q3 D
/ u' u0 A$ \, N+ X: O" h! O
8 q6 V2 H$ X4 {) c# R/ bSUI Mobile 的组件都是按照iOS风格设计的,,非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。网站内有详细的编码介绍。
' u, s/ o6 Z$ G7 G+ w
4 d7 t& a" L' I: P- sjQuery UI q/ Z' J$ L1 q G0 D% E& O
jQuery UI 主要分为3个部分:交互、微件和效果库。主打代码开源,操作继承了jQuery 的简单特性,兼容各主流桌面浏览器。: j9 X7 I! G% e! ~& _( K; n5 g# H
8 ^! z1 f: o+ I4 S% m; G
- a# U8 p$ V' |$ D, K F2 m- p7 l' \6 y3 f# _7 A! K; y6 I
! b3 W0 p) O6 j; d0 N7 {* h6 K& D) @4 X" ?8 U
jQuery mobile
" ^. N/ ~" D6 K! |' sjQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。如果开发者了解 jQuery,可以很容易的学习 jQuery Mobile。; e `0 ^/ c+ V. {6 K( t
3 }# W4 n/ J, f
- o: F. v) ^1 _, k2 Z# v2 V" |4 i3 K! x- d0 o5 E8 l9 n# A7 C
如何高效学习HTML5前端开发?" V2 W( ~ ?% C$ h/ b6 ~
前端首先要学HTML+CSS,如果想系统学习,最好是到专业培训机构或者收听网络课程,这样能学以致用。如果选择自学,应该先跟着书仔细、扎实的学一遍。做大量的练习,做各种常规的、新颖的布局练习来捆固、理解自己的知识。css要熟练掌握float、 position、width、height,以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,是必须要掌握的。( m% i! ?" ^' Z2 E. s5 G' v
|* I! T5 h2 q3 x7 t
如果只是为了做网站而学习前端HTML,大可不必花大量时间,很多自助建站工具都支持零基础建站,过程跟当年玩QQ空间装扮差不多,网站的制作周期和资金投入都相对较低。如建站宝盒V9已经能做出多种风格的满足购物、学习、展示和营销的优质网站。
9 X5 ~# r; ~" V3 {" ?+ f4 N/ Z
! U. o, s& {! ^7 r
: `9 N4 T" S" l: {: t j零基础做HTML5响应式网站:iisp.com/special/v9special/index.php?s=ashley/ V( I4 H, p- A* V8 R3 ]
7 V7 e+ J- |$ W; a
# _2 n7 |7 K" f# t9 b$ t |