手机网站制作必须了解的5个知识点
手机网站制作必须了解的5个知识点
做手机网站的目的是方便移动用户浏览我们的网站内容;那么在这个基点下我们应该考虑的是让手机等移动设备在访问我们的手机网站的时候有一个高速和舒服的浏览;首先我们要了解目前中国的移动网络速度还不是非常的理想,手机流量的费用也不便宜;那么基于这两点我们就应该考虑方用户解决访问速度和节省流量的问题;WIFI不是随时都有的;所以我们必须考虑网络速度和流量节省的问题;
那么我们可以通过以下几点来解决用户访问速度和节省流量;
第一点:能不用JS我们就不用js;
理由是网页加载js也是需要流量的,js越多加载的也就越多,从而访问速度也不可能快;在此之前我想你肯定看到过大量好漂亮的手机网站模板,但是你知道这些漂亮手机网站模板的特效用了多少JS来实现吗?所以我们不应该一味的追求手机网站外观;应该先解决访问速度问题;那么问题来了;不用JS特效怎么办?解决办法是用HTML5和CSS3来代替JS特效;
第二点:不使用FLASH;
在安卓4.4以后和苹果IOS系统都不再支持flash;所以我们在选择手机网站模板的时候不能选择有flash的模板,用户看不到flash内容;并且加载flash也很浪费流量和时间;
第三点:图片不宜太多和太大;
图片的大小直接关系到移动用户加载的速度;举个例子,你一个网页上有10张图片要加载,每张图片大小是200KB那么用户加载完你这个网页上的图片就要花费200*10=2000KB的流量;如果加载速度为100KB/s那么加载完你这个网页的图片都要花费20秒时间;这样的话哪个用户愿意等;浪费流量不说(现在土豪多)还浪费用户加载时间(土豪的时间也很宝贵);所以在手机网站模板中不宜使用过多大图片;在图片大小方面应该控制;
第四点:代码一定要简洁;
还是速度问题代码越简洁用户加载的内容就越少,速度就越快;不需要的代码不要加载,就如前面我们讲解的一个手机网站模板制作教程中的一样,一个手机网站首页就应该这么简简单单;
第五点:符合SEO优化标准最重要
在百度和谷歌移动网站优化指南中有明确提到该注意的事项和解决方案;下面我就挑几个重点的说一说;
1、有明确的面包宵导航,清楚的告诉用户所在位置;如图片:
2、图片要有ALT标签说明;
3、URL地址尽量简短;
4、做好sitemap地图;
相关内容
-
Dreamweaver CC教程:在多用户系统中自定义
Dreamweaver CC教程:在多用户系统中自定义,自定义,多用户系统,...
-
Dreamweaver制作用户注册表单
Dreamweaver制作用户注册表单,表单,用户注册,制作,文本域,点...
-
Dreamweaver CC新功能:现代化的用户界面
Dreamweaver CC新功能:现代化的用户界面,用户界面,新功能,工具...
-
Fireworks改变图片大小技巧
Fireworks改变图片大小技巧,改变图片,单击,图象,文件,图片大...
-
Excel 2016教程: 微调加载选项
Excel 2016教程: 微调加载选项,选项,教程,加载,选择,查看,加...
-
Excel 2016教程: 设置默认查询加载设置
Excel 2016教程: 设置默认查询加载设置,设置,默认,查询,加载,...
-
Excel 2016教程: 将查询加载到Excel数据模型
Excel 2016教程: 将查询加载到Excel数据模型,查询,加载,数据...
-
Excel 2016教程: 将查询加载到工作簿
Excel 2016教程: 将查询加载到工作簿,加载,查询,教程,编辑器,...
-
Excel 2016教程: 未启用的特定加载项
Excel 2016教程: 未启用的特定加载项,加载,启用,教程,单击,函...
-
Excel 2016教程: 与另一个用户或计算机共享自定
Excel 2016教程: 与另一个用户或计算机共享自定义功能区,功能...
-
Excel技巧大全:管理加载宏
Excel技巧大全:管理加载宏,加载,大全,自动保存,单击,安装,向导...
-
Excel动画教程:保存“加载宏”
Excel动画教程:保存“加载宏”,动画教程,加载,方法,移植,自定...
-
Excel动画教程:加载“宏”
Excel动画教程:加载“宏”,动画教程,加载,系统,默认,可以通过,...
-
Excel动画教程:加载宏功能
Excel动画教程:加载宏功能,动画教程,加载,默认,系统,功能,可以...
-
Word个性设置技巧:保存用户个性化设置
Word个性设置技巧:保存用户个性化设置,个性化设置,用户,设置,...