您所查看的文章来源于阿邦教育
作者：黄超
第零章
现在的互联网，可以说是名副其实的移动互联网。大家不仅可以利用无线网卡随处随地上网，还可以直接利用手机浏览网页、下载文件，而且现在的无线运营商也正在大力发展无线网络、扩展手机上网带宽。
于是，手机网页的制作需求也变多了。这篇文章就简单的介绍一下制作手机网页的基础知识。
首先，如果想制作wap网页，先要确定你的wap站的版本，是wap1.2还是wap2.0。只有先确定好这个内容，才能继续下面的制作工作。
之所以要分别这两个版本，是因为它们所使用的网页语言的标准是不同的，wap1.2采用的WML语言，2.0采用的则是Xhtml MP语言。
WML语言是无线标记语言（Wireless Markup Language）的缩写，它是一种从 HTML 继承而来的标记语言，但是 WML 基于 XML，因此它较 HTML 更严格。
Xhtml MP是Xhtml Mobile Profile的缩写，它是wap2.0的标记语言，属于Xhtml的一种，较之WML又先进了许多，它也可以引用外部CSS进行修饰，可以达到和普通网页浏览器相近的浏览效果。在Xhtml MP没有出现之前，开发者们只能使用WML创建wap网站。虽然Xhtml MP看起来更简单、也更美观，但仍有许多大型网站仍使用wap1.2的WML制作手机站点，目的就是为了兼容老版本手机，比如手机新浪网、网易手机版等。
分清自己使用的wap版本和语言后，还需要知道一些其它知识：
1、虽然采用Xhtml MP语言编写，写法也和Xhtml语言相似，但wap站的页面扩展名却是*.wml结尾，不是*.html。
2、使用Dreamweaver就可以利用Xhtml MP语言制作wap页面，在新建页面时将文档类型选为xhtml-mobile1.0，其它制作页面方法和制作Xhtml简单网页普通页面大同小异。
如果您问我您的wap站偏要使用wap1.2标准制作网站该怎么办？
我的答案有两个，一好一坏，坏的是您需要学习一些新的语言标记方法；好的是您又掌握了一门新技能。关于WML和Xhtml MP的制作方法，将在以后的文章中介绍。
第一章
在上篇文章中已经说过，手机网站有两个版本，Wap1.2和Wap2.0，它们使用的网页语言也不同，Wap1.2使用Wml语言，Wap2.0使用Xhtml MP语言。Wml语言和Html语言有颇多不同之处，所以若要用它编写手机网页需要重新学习一下Wml语言。而Xhtml语言和普通网页的Xhtml语言十分相似，如果已经掌握Xhtml语言，那么再做Xhtml MP的手机网页就轻而易举了。
既然这样，我们就从简单处入手，先以实例讲解用Xhtml MP制作手机网页的步骤，然后再分部分讲解Wml语言制作手机网页的方法。
制作手机网页最好先准备三样东西：网页设计图、Dreamweaver软件和Opera浏览器。网页设计图就是网页未来的摸样，必不可少；用Xhtml MP语言进行手机网页制作和普通网页制作方法一样，使用Dreamweaver即可；而Opera则对手机网页有很好的支持，可以明确指出网页中的错误。有了这三样，就可以开始制作了。
下面正式进入Xhtml MP手机网页的制作方法步骤是，由于篇幅可能过长，所以本文先只介绍新建网页步骤。
一、新建手机网页
1、新建手机网页的方法和新建普通网页相同，详细步骤可以参见原来的文章。新建手机网页，只有一个地方不同，就是在打开Dreamweaver后，在新建网页弹出窗口的文档类型处选择“Xhtml Mobile 1.0”，然后点击确定，如图一所示。
2、新建网页后，页面中出现了代码网页源代码如下：
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "/DTD/xhtml-mobile10.dtd">
<html xmlns="/1999/xhtml">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
<TITLE>无标题文档</TITLE>
</head>
<body>
</BODY>
</HTML>
和普通网页不同的只有文档类型的声明，普通网页是xhtml1-transitional.dtd，而它是xhtml-mobile10.dtd，它定义了网页的解析标准。
3、保存手机网页。上篇文章页也说过了，手机网页是以wml为文件结尾的，所以应该将网页保存为wml文件。但是，如果使用Dreamweaver制作wml网页会出现一个问题，就是在编辑wml文件时Dreamweaver工具栏的按钮都变成灰不可点击了，出现这种状况只能考手写代码制作网页了，这对于高手来说无所谓，但对于新手似乎有些难度。所以通常情况下我都会将手机网页先保存成html格式文件，待制作完成后再另存为wml文件。所以这里直接将网页保存为index.html即可。
第二章
Wap2.0手机网站的网页语言是Xhtml MP。一提起Xhtml，就绝对离不开Div和CSS。在上篇文章讲到了新建手机网页，下面继续介绍链接CSS文件的方法。
二、CSS文件链接方法和定义方法
和普通网页相同，在使用Dreamweaver软件时，链接CSS文件只需要在软件右侧的CSS面板中点击“附加样式表”，然后选择CSS文件即可。
如果还没有CSS文件，就点击“新建CSS规则”按钮新建一个CSS文件。如图一中所示：
1、图1-1，点击“新建CSS规则”按钮；
2、图1-2，在新建CSS规则的窗口中选择“标签”，在下面标签处选择“body”，或直接输入，在“定义在”选项中选择“新建样式表文件”，点击确定；
3、图1-3，将CSS文件命名为style.css，然后保存；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。