WAP1.0开发规范

时间:2024-10-14 20:47:32

为了保洵翌绦枞证业务的规范性和用户界面的一致化,加强业务的可用性,无线城市WAP开发部特制定本规范,同时也欢迎开发人员提出建议和意见。

1.业务设计规范

提示:无线城市WAP业务内容设计的原则是 界面统一,使用方便,突出个性,引导主流业务。

1.1页面设计

1.1.1页面字符及编码方式

1.页面所有字符当作XML文档来看待(包括HTML元素)

(1)所有包含&符号的字符都要写成&(包括a标签href的参数)

(2)所有包含<符号的字符都要写成&lt;

(3)所有包含”符号的字符都要写成&quot;

2.页面字符编码应采用UTF-8编码方式,便于国际化

1.1.2页面排版方式

1.页面宽度不要超过13.5个中文宽度,像素限制在176宽度。

2.页面内容尽量设计饱满,有效利用每行的空余空间。不要使每行长短参差不齐,要有效利用手机小屏空间。(注:如果真没东西放,也不要画蛇添足)

3.图片只使用gif和jpg格式,不要使用png。

4.尽量减小网站数据大小,节省用户流量的使用。

(1)图片大小尽量做小,加快下载显示速度和节省用户流量(单个页面包括图片控制在10k以下为宜,最好不要超过15k)。

5.页面排版统一风格。

(1)页面主栏目用点“.”隔开。

(如上图:整个页面最上面的栏目)

(2)内容区域分段栏目用【】刮起来(如果有b标签,不要放在b标签里面),便于用户在访问的时候清楚哪一段属于哪个栏目,让整个页面段落更加清晰。

(如上图:使用每个段落的栏目进行分段排版)

(3)分段有多个推送栏目用-进行隔开。

(如上图:分段栏目有多个的情况)

(4)分段栏目推送的子栏目使用|区分

(5)为了利用每一行的空间,分段栏目【】右边空白区域可以作为我们进行推广的区域。

(6)内容标题左边如有有栏目则用[]分开(栏目最好使用两个字或一个字)。

(7)非栏目分段的段落可以用==文字==进行分段(如友情链接、所在位置)。

(8)页脚功能栏目和主栏目一样,都用 | 分开

1.1.3标签的使用

1.使用img时,必须要有alt属性,否则低版本手机会出现问题。并且alt文字不适合设置过长,在图片加载的时候alt会显示出来,设置过长可能会破坏排版美观,这里我们统一设置alt为”图”。尽量不设置图片的高和宽等属性,容易在低端手机报错。

2.尽量少用p标签,某些手机不支持多个<p></p>标签,eg :多普达818

3. <b></b>标签要在<a></a>标签外面,否则使用移动的网关会导致报错,联通网关没有问题,eg: <b><ahref="xxx.asp">链接</a></b>

4. <a></a>标签中链接地址最好为绝对地址而不是相对地址,显示文字必须有。

我们只允许href的链接形式如下

/pic/index.php绝对路径地址

Index.php当前路径地址

http://www.xxx.com/index.php域名绝对路径地址

(注:在我们进行整体系统设计时,目录名长度不要设计过长,因为链接地址也会占用整体页面大小)

© 手抄报圈