wap网站设计规范及wap网站设计欣赏

2022-06-07    分类: 网站设计

创新互联为你关于:wap网站设计规范及wap网站设计欣赏的文章,简单的阐述几个wap网站设计规范和一则wap网站设计欣赏案例。

1. 手机浏览器兼容性测试结果XHTML部分

大多数手机不支持的:属性:disable;标签button,iframe;即使有些手机不支持这些属性和标签,是因为disable属性与标签button,iframe在页面中通常具有重要的功能,它们归类高危标签,要慎使用哦。少数手机不支持的: “select”标签:此标签若被赋予比较复杂的CSS属性,可能会导致显示不正常,例如”vertical-align:middle”。

1.2 CSS部分

大多数手机不支持的:“font-family:bold;” 和“font-style: italic;”,对汉字无效,但对英文是有效的;“font-size”属性是太小像素看不出有什么差别,除非像素很大(比如18px); “white-space/word-wrap”属性是不能强制换行; 还有不支持的“background-position”属性;“position”属性; “overflow”属性;“display”属性;“min-height”和”min-weidth”属性;

有些手机不支持的有 height,还有莫名的是我们在测试时,很少手机不支持”width”属性; “pading”属性; “margin”属性,更多的手机不支持”margin”的负值。 少数手机对CSS完全不支持。

1.3 JAVASCRIPT部分

该测试是相对不那么疯狂,或者直接就不支持,若支持的话,对基本的dom操作基本支持。不过我们没有测试国内非常复杂的脚本。在我们测试的手机,支持(包括不完全支持JavaScript)约一半比例的手机,当然,对于我们来说,最重要的不是比例,而是如何做好优雅降级JavaScript。

1.4 其他

图片规则是,尽可能的用jpg格式的图片和gif格式的图片;最好不要有平滑渐变的bar设计;有些手机对于过大图片,不仅不能进行缩放,也不显示横下滚动条;很少手机运行内存不足,在打开超过20k的测试页面的情况下;

2. 开发中需要注意的问题,手机网页编码需要遵循的规范

遵循XHTML移动配置规范,简称XHTML MP,这就是通常所说的wap2.0标准。xhtmlmp是不由客户端支持XHTML和有限的资源,所有的设计特点。它是基于XHTML基础,从XHTML 1加入一些元素和属性。这些包括一些其他元素和支持的内部样式表。XHTML XHTML MP是基本相同的,严格的XHTML 1.0子集。

3.wap2.0设计原则

在页面上提供足够的信息,第一个屏幕常用的导航链接,搜索域,登录屏幕,和大量的信息;形式的相互作用来简短。提供反馈给用户的动作,对用户操作的错误问题情况要提供正确的反馈。每幅图像都是要求减少页面的速度,和内容可能会重新排序,占用时间和资源,同一图片的总规划。定义图像的高度和宽度属性,定义占位符,改善用户体验。

4. wap网站的标准设计宽度

说到宽度是五花八门了,那标准宽度就是100%。

PC端网站与wap网站设计欣赏

WAP网站设计规范及WAP网站设计欣赏

WAP网站设计规范及WAP网站设计欣赏

WAP网站设计规范及WAP网站设计欣赏

创新互联还有更多的响应式网站建设与手机官方网站制作

分享文章:wap网站设计规范及wap网站设计欣赏
文章路径:/news32/164382.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设公司