html手机底部导航(html导航栏)

　　最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，难道连一个小小的手机网站难道都搞不定吗？其实手机网站就是一个微缩版的PC网站罢了！至于为什么觉得难、觉得无从下手。

　　云和觉得有以下几点：

　　一、没有完整的思路和流程

　　就像做网站的流程一样，如果你能知道它的流程，我相信就不会觉得做手机网站难！真正难的是你没有思路。

　　二、把html5这门技术想的高深莫测

　　好像觉得学会用html5+css3做手机网站，就相当于学会了顶尖的绝世武功。其实你错了！不要把html5这玩意想的太高深，其实做手机网站，真正意义上用不到什么的html5的强大功能。(可能对于一些不懂什么技术的小白而言：你的手机网站是用HTML5+CSS3做的啊，简直牛逼呀！能用上目前互联网上最新最前沿的技术。其实明眼人一看，就知道是用什么技术做的。俗话说的好："外行看热闹，内行看门道")

　　好了扯了这么多，下面就说说怎么来开发移动手机网站吧！

　　基本上开发手机网站，可大致分为两大类。一类是用框架开发手机网站。一类是自己手写手机网站。

　　一、框架开发手机网站

　　一般用现在常用的开发框架有：目前Web前端最火的框架（BootStrap）、Jquery mobile..当然可能还有一些移动端开发的框架，这些我就没具体去研究过。

　　为什么说BootStrap是目前前端最火热的开发框架呢？

　　因为bootstrap自带响应式布局（栅格系统），而且能做到移动设备优先的原则。

　　运用bootstrap来开发网站有什么好处呢？

　　1.不懂设计也可以做网站

　　就算不懂设计，你的网页在Bootstrap的帮助下，也能拥有超高颜值。它强大的内置样式库让你的作品变成尤物。

　　主要体现在：字体文件和bootstrap自带的UI样式。（为广大不会UI设计的程序员，提供了福音）

　　2.上手快

　　你可以专心解决问题，冗繁的细节都丢给Bootstrap操心。可以做到一次开发，就可适配所有终端，并且能迅速上手并建出网站原型。还提供很多丰富的插件，就算你不会JS，基本能看懂常见的API，网站上的效果，基本能解决。

　　缺点：

　　1.不遵循最佳实践

　　我们在使用Bootstrap时遇到的最大问题之一是你的DOM元素上将拥挤大量的类。这打破了良好的web设计基本规则之一，HTML不再有语义，而且内容和表示不再分离。前端纯粹主义者会觉得这相当令人讨厌，以为它使可扩展性、重用性和维护性遇到了更大的挑战。

　　2.?Bootstrap 太重

　　直接点说：就是CSS和JS有点点大。CSS压缩后115k,JS压缩后35k

　　如果你想要使用Bootstrap的所有功能，你应该好好考虑资源的加载时间。当然，对于一些地方这可能不是问题，但是在新西兰互联网不得不横跨太平洋，这时达到那儿将是很缓慢的。因此考虑你的目标市场。

　　相信任何框架都有它的优点，同时也是有它的缺点的。没有一个产品是很完美的，所以根据自身实际情况进行选择。至于一些其它框架暂时不做过多的解释了，相信只要你肯愿意百度一下，就可以找到你想要的。

　　二、手写手机网站

　　一般我们自己手动开发手机网站的话，基本可以划分两类来做到。一类是通过在网页头部添加meta标签进行实现（网页指html5的格式来开发）。另一类是通过CSS3的Media标签（媒介查询）来实现。

　　加QQ：1577852261

　　微信搜索公众号加关注：深圳云和（iyunhedata）|惊喜不断

　　咨询电话：0755-21007865

　　地址：深圳市龙华新区龙华街道办创业路汇海广场B23(03-08)

　　在线价格查询：深圳云和培训价格查询（www.iyunhe.com/seosite/）