下面推荐的几款主流HTML5框架,上手都比较快,而且网站的教程相对完善,无论是初学还是专业前端,都能找到适合自己操作的框架。; |( t6 u4 B, u1 l6 s5 a- d
$ L2 Z) P* B& V, Z4 E3 C& Q. UBootstrap
' u% L* P2 c2 u9 X& M4 q+ G全球数以百万计的网站都是基于 Bootstrap 构建的。Bootstrap能让所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。此外,bootstrap的官网也有很多教程提供。" E, y$ c, g% A; }2 s/ X
; v9 j8 x+ t8 E4 l% a
" u! D h7 e+ d# u& ~0 | ]9 E5 D" E5 f: C8 E
Bootstrap 包含了十几个自定义的 jQuery 插件,并自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。
+ j5 C& H8 ]# ~3 n4 |) |, Y0 z
- x {) k9 i' [+ b2 H% G) k( oSUI Mobile* U' C: `+ l2 s& G
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。: V; k1 i" x% ]1 C
7 B8 W5 I' D, H; Y& Z
; q8 u: z5 Z) {, D! w: O
3 p$ \8 Z/ t5 r" uSUI Mobile 的组件都是按照iOS风格设计的,,非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。网站内有详细的编码介绍。
! t' ]+ a! W7 T+ }
% i j7 @( V" KjQuery UI4 u/ ~6 ], w4 e! M) G
jQuery UI 主要分为3个部分:交互、微件和效果库。主打代码开源,操作继承了jQuery 的简单特性,兼容各主流桌面浏览器。5 \! d0 Y3 C% g$ n8 v0 v# _1 Y( i& p
4 q3 p9 |' i/ b2 z
/ P7 [& U7 d; y/ c" x
& W( e4 t: h; @# {3 T+ A
4 ~- z! l7 X5 u5 Q4 w' b
9 `- n$ j( {& }
jQuery mobile8 Z% f& G3 `! }& [' k
jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。如果开发者了解 jQuery,可以很容易的学习 jQuery Mobile。
; P8 w4 c9 R$ m: h% u+ e! r4 P# t) T
9 f0 V& u* I/ Y3 Q* I. l3 i) W
& U+ \& g9 F: o( I: h如何高效学习HTML5前端开发?
2 R. L' j1 X$ Z前端首先要学HTML+CSS,如果想系统学习,最好是到专业培训机构或者收听网络课程,这样能学以致用。如果选择自学,应该先跟着书仔细、扎实的学一遍。做大量的练习,做各种常规的、新颖的布局练习来捆固、理解自己的知识。css要熟练掌握float、 position、width、height,以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,是必须要掌握的。( X/ P+ o+ g) N6 q( @0 `+ s
" j- ?& y( Q6 y" r如果只是为了做网站而学习前端HTML,大可不必花大量时间,很多自助建站工具都支持零基础建站,过程跟当年玩QQ空间装扮差不多,网站的制作周期和资金投入都相对较低。如建站宝盒V9已经能做出多种风格的满足购物、学习、展示和营销的优质网站。
+ }# N; I' q# H. C
2 ^# ~& P+ i: q* L9 @% R
1 `& q0 L: d1 v, E9 e* E2 ~零基础做HTML5响应式网站:iisp.com/special/v9special/index.php?s=ashley9 w7 G' L8 z g! V! ^+ o9 c) H4 \& M
' G% R" j+ Q" f" o7 j/ i$ V9 g
. V' L0 `0 N" ~; B* D$ Z z* E
|