×

网站制作手机版步骤有哪些?手机版网页设计注意事项

分类:建站推广 编辑: 浏览量:100
2021-09-22 16:16:33
  现在手机版的网站受到了用户的信赖,因为它浏览起来非常的便利,那么网站制作手机版步骤有哪些?手机版网页设计注意事项是怎样的呢?下面新网就给大家具体的说明一下。


  网站制作手机版步骤有哪些?

  进入网站首页,注册之后进入微站编辑页面,点击选择模板。

  选择一个你喜欢的网站模板(这里以选择百变模板进行自定义搭建)。

  进入网站的编辑页面,进行手机端网站的页面布局。

  最后进行保存,可进行网站预览和分享。

  注意事项

  关于模板选择:可选择百变模板(自定义页面),也可以选择其他的固定的模板。

  关于其他组件:除了微站,还有当下比较火的H5幻灯片、摇一摇、H5小游戏等小组件。

  手机网站制作的要点

  手机网站域名的配置:

  建议使用独立域名,很多网站为了省事,将PC端域名与手机域名使用同一个域名下,这本来问题不大,但却忽略了,在移动端,搜索引擎对PC端的资源是排斥的,也就是说,网站需要有明确的指示给搜索引擎,在什么时候PC端优先,什么时候移动端优先,如果你不懂做适配设置,最好的办法是将PC端网站与手机网站分开,针对移动互联网做适配的手机网站,因而,在搜索有限的情况下,手机网站使用独立域名是最佳的选择。

  手机网站系统的选择:

  选择一个支持pc和手机的网站管理系统是很有必要的,而且必须可以实现数据在站点之间的共享,比如pc上的新闻我们也需要同步到移动端,这时候就需要一个站点发布,两个网站同步显示,我本人用过不少网站系统,同事支持pc和手机的网站管理系统不是很多,国内这方便做得比较完善的就pageadmin网站系统还可以,手机和pc框架独立,新闻,产品这些数据可以实现共享,自由度比较大,大家可以去下载来试试,这个系统可以免费下载使用。

  手机分站的建立:

  我们下载系统后,只需要到站点管理里面增加一个分站,然后参考pageadmin官方手机网站制作教程就可以实现了手机网站制作,这个系统也自带了几个默认手机版本,大家可以再默认模板基础上进行美化就可以了。

  手机版网页设计注意事项

  一、与计算机共享同一套网页

  这里的与计算机共享网页,指的是计算机用的网页完全不经修改、就直接给手机浏览。前提是网站本身的元素要够简单、版面不能太复杂。

  二、制作手机专用网页

  这个做法在90年代非常盛行,当时电信业者的GPRS/WAP广告打得正火热,手机能浏览的网站都是WAP网站,也就是用WML编写的手机网,WML是很简陋的HTML,内容通常只有文字跟选单。

  用这个方法的好处是,WAP可以在所有的手机上正常显示,不过要同时维护手机版和桌面版的网页会很困难,使得信息常常无法同步。

  三、用浏览器来判断装置

  Opera有桌面版和手机版,同样的Chrome、Safari、Firefox也是。有的网站会使用浏览器嗅探机制(browsersniffing) 来判断你是用哪一种、什么装置的浏览器,不过browsersniffing的设定很繁琐,而且经常出差错。最快的方法是在网页上加入各种版本的连结,让 浏览者可以自由选择格式。

  四、开发复合型网站

  复合版网站就是能同时给桌面和手机使用的网站,它跟刚谈到的「与计算机共享」并不一样,复合版网站虽然内容相同,但是它会根据屏幕大小来呈现版面。要做复杂 合型网站其实并不难,只要用CSS与HTML标签来调整就行,比如HTML的viewport以及CSS的media queries。

  网站制作手机版步骤有哪些?以上就给大家介绍了关于手机版网站制作的相关问题,大家在具体制作的时候,就可以参考上面的步骤去做准备,如有需要,可以咨询新网。

声明:免责声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,也不承认相关法律责任。如果您发现本社区中有涉嫌抄袭的内容,请发

送邮件至:operations@xinnet.com进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。本站原创内容未经允许不得转载,或转载时

需注明出处:新网idc知识百科

免费咨询获取折扣