手机移动网页制作:新建手机网页
下面正式进入Xhtml MP手机网页的制作方法步骤是,由于篇幅可能过长,所以本文先只介绍新建网页步骤。
一、新建手机网页
1、新建手机网页的方法和新建普通网页相同,详细步骤可以参见原来的文章。新建手机网页,只有一个地方不同,就是在打开Dreamweaver后,在新建网页弹出窗口的文档类型处选择“Xhtml Mobile 1.0”,然后点击确定,如图一所示。
2、新建网页后,页面中出现了代码网页源代码如下:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/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即可。