手机html网页和电脑上的html网页在制作上有什么区别 手机端的页面怎么开发,和web html有区别吗

作者&投稿:阎盾 (若有异议请与网页底部的电邮联系)

1.导航设计

手机端页面导航应当包括用户必要的内容,删除屏幕上不必要的链接,假如链接的详细页面内容不是用户想要的,用户不会点击,也就没必要设置。其中建立导航功能键的时候,其中以回到首页、回到上一页这两个最为重要。

2.网站名称或logo的设计

手机网页的顶部没有标题栏或地址栏,相应地,也就没有网站标题和图标。所以设计页面的时候应该让用户知道,他们现在所浏览的网站名称或logo,这对塑造品牌也很重要。 

3.页面排版

从用户角度来说,他们希望阅读所有的内容,所以我们进行内容呈现,只是用隔断、重组、引语、线条或其他视觉方案来让这些内容更容易访问,使这些板块显得更都雅。

4.利用手机的天生优势

手机有着许多传统电脑所没有的优势,其中最大的优势就是移动力,因此手机版网页应该要特别发挥这些特性,让手机网页具有一般网页更多的优势。如:

移动定位:大部分的智能设备都有导航、定位的机制,可以让客户主动找到企业的位置。

移动联系:如果用使用的是移动电话,可以立即发话;或者直接跳转到通讯工具在线聊天;

邻近地点:如果企业有很多据点,请告诉用户,在他附近有哪一些地点是便于他能够抵达的。



在工具上,手机版网页和电脑版网页没有什么区别,可以根据自己的喜好。我是喜欢用Dreamweaver的,而且Dreamweaver cs6有个多屏预览的功能,可以很方便的预览手机、平板、PC端的效果。不过Dreamweaver 挺大的,还有很多比较快比较好的编辑器,比如EditPlus,这还是看个人的习惯和喜好了。

推荐一个编辑器sublime text,我自己觉得超好用。

在代码方面的话:
首先得加上这样的一行。设置宽度、高度、是否能够缩放。
<meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no">

然后,主要是要考虑适配。
比较好的是做到自适应。这个可以搜一下,我记得月光博客里面就有篇很详细的。其次,可以用
@media only screen 
and(min-device-width : 320px) and(max-device-width : 480px){ 
}
来对不同像素的屏幕写不同的样式。可以看下知乎的登录页面,用的就是@media。

再然后要考虑的是用户体验。简单的拿个链接来说,在PC端因为有鼠标,很容易点到。可是手机端就不一样,就几个字的链接很难点到,所以就要扩大点的面积。这就是为什么会出现电脑版的网页和手机版网页。

其实做手机版的网页有个好处就是可以大量的使用HTML5和CSS3,这样能做出很多效果。



对于这些的话,看附件里面的学习方法有帮助的



没有区别

手机网页和电脑网页编写的代码一样吗~

不一样的。
手机网页开发。这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。
app前端开发。使用的技术也是html+css+js,但它需要基于PhoneGap等开发平台调用手机核心功能接口(包括地理定位,加速器,联系人,声音和振动等)模拟native app,这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。
在工具上,手机版网页和电脑版网页没有什么区别,可以根据自己的喜好。我是喜欢用Dreamweaver的,而且Dreamweaver cs6有个多屏预览的功能,可以很方便的预览手机、平板、PC端的效果。不过Dreamweaver 挺大的,还有很多比较快比较好的编辑器,比如EditPlus,这还是看个人的习惯和喜好了。
推荐一个编辑器sublime text,我自己觉得超好用。
在代码方面的话:首先得加上这样的一行。设置宽度、高度、是否能够缩放。
然后,主要是要考虑适配。比较好的是做到自适应。这个可以搜一下,我记得月光博客里面就有篇很详细的。其次,可以用@media only screen and(min-device-width : 320px) and(max-device-width : 480px){ }来对不同像素的屏幕写不同的样式。可以看下知乎的登录页面,用的就是@media。
再然后要考虑的是用户体验。简单的拿个链接来说,在PC端因为有鼠标,很容易点到。可是手机端就不一样,就几个字的链接很难点到,所以就要扩大点的面积。这就是为什么会出现电脑版的网页和手机版网页。
其实做手机版的网页有个好处就是可以大量的使用HTML5和CSS3,这样能做出很多效果。

两者之间没有区别。
有许多方法可以在手机上开发网页。 目前,html5的发展还不够平衡,导致主要浏览器对h5的支持不尽人意。 但是,其添加了@media属性(属于css3,html5和css3的名称在这里没有严格区分,实际上,是两种不同的技术)。
从那时起,网页创建可以根据用户所持有的设备的像素宽度来识别是否正在使用移动电话,从而在用户正在使用移动设备时下载移动页面。 但是,其存在某些缺点。 在这个阶段,手机的标准还很不规范。

扩展资料:
目前现阶段的手机网页开发,主要的手段是:
其一,在meta标签中添加关于像素宽度的限制语句,然后实现css的相对宽度。 但是,界面会显得杂乱无章,因此很少使用此方法。
其二,这种方法是最常见的。 网站页面分为两个部分,分别面向计算机和手机。 当用户请求页面时,标题信息用于确定其是否是计算机浏览器,然后针对不同的请求发送不同的网页文件。 这样的网页通常不是静态的。
另外,开发移动网页时,可以使用Chrome的开发人员工具。 Chrome开发人员工具可以模拟手机页面的开发,还可以模拟许多设备,方便用户开发。

电脑里面后缀htm和html的文件能全部删除吗
答:HTM与HTML为本地存储的网页文件;是否可以删除必要要看这些文件对你是否重要;建议根据自己的重要性来删除这些文件;删除方法可以借助一些电脑管理软件,如windows优化大师:方法:清理->全盘清理->点击扫描,扫描结果出来后全选删除即可。一般情况这种文件只有几KB大小;如果文件过大,则是缓存或者下载下来的...

请问htm和html有什么区别
答:后者是超文本标记语言Hypertext Markup Language 回答者:fangzi_eternal - 魔法学徒 一级 1-3 18:19 同时,这两种都是静态网页文件的扩展名,扩展名可以互相更换而不会引起错误(这是指打开而言,但是对于一个链接来说,如果它指向的是一个htm文件,而那个htm文件被更改为html文件,那么是找不到这个...

有的网址是html结尾的,有的又是htm结尾的。两个东西都一样吗?_百度知...
答:实际上HTM与HTML没有本质意义的区别,只是为了满足磁盘操作系统(DOS)仅能识别三位文件名而已,因为一些老的系统(win32)不能识别四位文件名,所以某些网页服务器要求index.html最后一个l必须去掉。所以罗,这两个其实都是指Hypertext Mark-up Language(超文本标记语言)...

HTML网页和HTM有什么区别,
答:Web 服务器在处理网页的同时处理 SSI 指令。当 Web 服务器遇到 SSI 指令时,直接将包含文件的内容插入 HTML 网页。如果“包含文件”中包含 SSI 指令,则同时插入此文件。除了用于包含文件的基本指令之外,还可以使用 SSI 指令插入文件的相关信息(如文件的大小)或者运行应用程序或 shell 命令。网站维护...

htm文件和HTML文件有何区别?
答:这样,双击.htm扩展名的文件,就会自动用浏览器打开。如果你想编辑它们,简单的方法是使用记事本或专门的HTML编辑软件,如Dreamweaver。总的来说,尽管名称不同,但.htm和.html文件在功能和使用上基本一致,了解这些细节有助于你在日常工作中更流畅地处理和使用这些网页文件。

请问htm和html有什么区别
答:HTM和HTML都是关于网页的,HTML是制作网页的一种语言。网站是由无数的网页组成的,每个网页都是有<html> ...</html>固定的格式来规定的,而每个静态网页都是.htm文件,只是一种文件的后缀而已

html是什么格式 如何打开文件(简述HTML是什么)
答:什么是HTM或HTML文件? HTM/HTML文件是超文本标记语言文件,是互联网上的标准网页文件类型。由于HTM文件是纯文本文件,它们只包含文本和对其他外部文件的文本引用。HTM和HTML文件也可以引用其他文件,如视频、CSS或JS文件。HTM与HTML的区别 HTM和HTML没有本质区别,只是为了满足DOS只能识别8/3文件名。因为...

请问htm和html有什么区别
答:html是为长文件名的格式命名的。而htm是为了兼容过去的DOS命名格式存在的,在效果上没有区别的。 以前htm和html作为不同的服务器上的超文本文件,但现在通用

htm和html有什么区别?
答:另外说一句,这在两种格式之外,还有N多,比如sgml,shtml,XHTML等等等等: HTML -> Hyper Text Markup Language 超文本标记语言,静态页面 SHTML -> Serverside-include HTML 在HTML基础上改进的,带有SSI(Serverside-include)技术的一种语言,可实现部分动态页面的效果 html是为长文件名的格式命名的。而htm...

htm与html的区别
答:他们之间的区别是htm是文件名称的后缀名表示该文件是internet类型的文件即他是个网页 而html是一种脚本语言。是现在所有的网络制作软件的基本。现在最流行的开发网站的网络3剑克中也给有html。如果您打开一个网页的话点击查看中的源文件就可以看到该网页的html代码了。