手机已经是我们生活中不可缺少的一件用品了,不知道大家买手机最喜欢他的一个什么功能哦,就自己来说,本人还是运用手机最多的就是手机网站功能,有啥不明白的 , 有啥想知道的,只要按下按钮,或者说写下自己的需求,什么问题都能迎刃而解 。说到这里或许有不少的朋友会觉得我将要给大家说的就是如何使用手机,要是这么想您就错了哦 , 接下来想跟大家说说手机网站制作方法,带你去看看各位设计师们是如何让来设计我们需要的网站的哦 。
手机网站有两个版本,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则对手机网页有很好的支持,可以明确指出网页中的错误 。有了这三样,就可以开始制作了 。
1、新建手机网页的方法和新建普通网页相同 。新建手机网页,只有一个地方不同,就是在打开Dreamweaver后,在新建网页弹出窗口的文档类型处选择“Xhtml Mobile 1.0”,然后点击确定 。
【一起聊聊手机网站的制作方法】2、新建网页后,页面中出现了代码网页源代码,和普通网页不同的只有文档类型的声明 , 普通网页是xhtml1-transitional.dtd,而它是xhtml-mobile10.dtd,它定义了网页的解析标准 。
3、保存手机网页 。上篇文章页也说过了,手机网页是以wml为文件结尾的,所以应该将网页保存为wml文件 。但是,如果使用Dreamweaver制作wml网页会出现一个问题,就是在编辑wml文件时Dreamweaver工具栏的按钮都变成灰色不可点击了,出现这种状况只能考手写代码制作网页了,这对于高手来说无所谓,但对于新手似乎有些难度 。所以通常情况下我都会将手机网页先保存成html格式文件,待制作完成后再另存为wml文件 。所以这里直接将网页保存为index.html即可 。
或许在手机网站制作方法问题上,看着说起来比较容易,要实际操作起来或许就不是那么回事情了,所以我们要把掌声送给那些在背后默默付出的网站设计师们,是你们的努力换来了我们的幸福生活 。