电脑技术学习

WAP 2.0开发技巧篇

dn001

注:如果没有特殊说明,仅限移动MISC平台

1. 谨慎使用表格.
由于一个页面在显示之前,要根据表格定义画出手机屏幕内容,这部分会简慢页面速度,应该尽量减数表格数量

2.在使用<img >标签时,最好定义图片的宽度和长度,这样在显示整个整个页面前,会按图片长宽预留此图片位置,加快显示其它文字内容

3.部分手机支持CSS

4.部分手机支持页面背景音乐

5.部分手机支持图片上传功能

6.使用表格时,为了更好的显示效果,要匹配手机终端的表格宽度

1) Wap浏览器支持的MIME类型
text/css
image/gif
image/jpeg
audio/midi
application/vnd.wap.xhtml+xml
text/html


2)引入XHTML带来的改变:
1、跑马灯
<marquee>链接、文字内容或图片</marquee>

属性:
loop=“100”
direction=“right” or “left”
behavior=“scroll” or “alternate”
scrollamount=“10”
bgcolor="#aaaaee"


2、文字颜色
<font color=‘blue’>文字</font>

Css文件内容:
a:link
{ color: #000000}


3、动画显示
应用于背景图、前景图
body
{
background-image:url(/Images/bg.gif);
}
图片大小适配

整个页面图片大小30k以内
推荐20k

4、表单
输入框
<input type="text" width="120" value="hello">
单选框
<input type=“radio” value=“1”>北京
多选框
<input type="checkbox" value="1">北京
下拉框
<form><select id="province"><option value="0">北京</option><option value="1">上
海</option></select>
</form>

5、表格――支持表格
支持table、tr、td

6、背景色 、背景图片
背景色

<body bgcolor="#e0e0e0">
CSS:
body {background:red}