谈一谈Wap网页设计与实现

lizhongjie
lizhongjie 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 6 浏览

谈一谈Wap网页设计与实现

    Wap网页设计的时候,需要注意一些事项。Wap网页相较于其他的网页还有些不同,比如它不能支持太多的图片,还有一些甚至不能支持背景图片。所以也许你的脑海里想象出来的 图片很美好,但是有没有听过这一句话呢:“理想很丰满显示很骨感”这就是wap网页设计时出现的一个问题。你所设计的网站并不能达到你心中所想的样子。但是我接下来给大家提了一些折中的建议。
谈一谈Wap网页设计与实现    1、当你试图使用背景图时,请同时搭配近似的背景色。手机上,有些浏览器是不支持使用背景图片的。喜欢使用深色背景图片和浅色文字的同学们请注意了,在不支持背景图片的浏览器上,很可能由于“靠色”,而让用户无法分辨出这些文字。如果你还是觉得不使用背景图片心有不甘,那么请在使用背景图片时搭配一个近似的背景色吧。背景色是具备广泛支持的,而且背景图和背景色是可以同时设置的。这样,即使用户的浏览器不支持背景图,也不会造成你的文本内容无法分辨

    2、避免依赖于文本样式(粗体、斜体、文字大小)的设计,多用文字颜色。虽然综合使用粗体、斜体和不同大小的文字可以起到突出重点内容的作用,但是在手机上这样做可能你的苦心会白费的。如果你使用了这些样式,有的手机甚至无法正确展现,比如山寨机。如果你试图通过文本样式达到突出重点的作用,那么多多用颜色吧,颜色是具备最广泛支持的。

    3、wap网页设计时内容尽量少使用左对齐之外的方式

你使用过右对齐设置吗?事实上,很多浏览器(如一些版本的UCWEB和GO浏览器)是并不支持类似的右对齐的。在这些浏览器上,他们会跑到左边。

    4、减少复杂的布局

    浮动、绝对定位、两栏布局神马的,对于很多手机浏览器来说都是浮云。因此,请尽量避免使用这些CSS属性:float、clear、position、top、left、right、bottom。如果使用,请尽量保证这不影响你的页面内容的正常展示。

    5、避免链接颜色与文本颜色相同

    Web页面开发时有时会让文本和链接颜色相同,靠是否有下划线来判断是否是一个链接。但某些移动浏览器并不支持定制链接是否有下划线。这种情况下,如果链接颜色与文本颜色相同,则可能造成用户完全无法区分链接与普通文本。

    除了以上这些,我个人还建议:避免使用过多的图片,减少PNG格式图片和GIF动画的使用,页面小一些,以免造给你在wap网页设计时成不必要的麻烦。网页设计可不简单,如果还想了解更多关于wap网页设计的一些资讯或者别的什么专业资料,就上网。

发布于 2022-09-29 17:44

免责声明:

本文由 lizhongjie 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2024 专注小微企业服务 冀ICP备09002609号-8