手机网页如何制作

手机网页制作方法

工具/原料

html页面

vs2008

步骤:

1、点击【文件】【新建文件】【常规】【HTML页面】【打开】

2、如图所示,新建了一个空白的html页面,拆分视图

3、设置页面body样式信息

【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】

是防止用户复制和保存图片,只支持iphone、ipad、android

4、设置页面的宽度和高度

【.page-content{background:-webkit-linear-gradient(#2F5A53,#6CA199); top:352px; min-height:550px;_height:550px;width:640px; }】

5、【关键点】

新建一个div标签,样式使用page-content

6、在段落标记<p>里面输入文字信息,这里天使就不排版了,主要是教大家方法,然后保存网页。

7、将网页上传到服务器目录下

8、输入网站域名,在电脑上访问可以看见效果,只有左侧部分

9、使用手机访问,得到如图所示效果,就不会像直接书写html代码一样文字很小


温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-05-20
不是 用wml文件 表现形式 用asp php jsp .net都可以~~ 举个例子吧(我用asp表现形式) 写个简单的手机页面 把他存储为.asp 用手机就可以浏览 <% @LANGUAGE="VBSCRIPT" CODEPAGE="65001" %> <%Response.ContentType = "text/vnd.wap.wml; charset=utf-8"%> <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <head> <meta http-equiv='Cache-Control' content='no-Cache'/> <meta http-equiv='Cache-Control' content='max-age=0'/> </head> <card id='main' title='手机简单网页'> <p> ======手机办公======<br/> 1、<a href=" http://yewu.lm6.cn/protect_kehu/wap.asp"> 客户系统手机版<font color="#CCCCCC">Beta</font></a> 2、<a href=" http://www.lm6.cn ">无线词汇查询系统</a> <br/> ===================<br/> 业务联系:(0311)87260570<br/> ==================<br/> 龙脉报时:<%=time()%><br/> </p> </card> </wml> WAP网页制作工具 1.WAPtor http://www.onow.cn/download/waptor23.exe 说明: WAPtor 是一款非常简单易于使用的WML 编辑器,虽然它没有摆脱代码格式的束缚,但比过去的HTML 代码简单的多。即使你不记得WML语言的标签和属性,也能利用WAPtor制作出非常出色的WML网页,WAPtor能让你随时预览WML页面的效果,十分方便。 WAPtor适合初学WML网页的人使用,强力推荐。 2.WAPPage http://www.onow.cn/download/wappage.zip 说明: WAPPage是WAPmine推出的一款WAP 编辑器,支持预览、代码阅读、卡片浏览等功能,其用户图形界面很好,并且对于事件和定时等的处理都不错。 3.Ericsson Wap IDE SDK http://www.onow.cn/download/WapIDE_3PP_2_0.exe http://www.onow.cn/download/WapIDE_SDK_2_1.exe 说明: Ericsson公司自己开发的WAP开发环境。同Nokia一样,Ericsson的这款工具也很优秀。其中包含了R320s仿真器,并且自带了一个 Xitami V2.4d3的Web服务器。目前该工具最高版本为2.1。 这个工具很精致,而且界面比较有特点,您用起来一定会觉得耳目一新。工具的安装分两步,首先安装WapIDE 3pp v2.0,接着安装WapIDE SDK v2.1。所以需要下载2个文件。 4.Nokia WAP Toolkit http://www.onow.cn/download/NokiaToolkit2_0.zip 说明: Nokia公司自己开发的WAP工具包。要知道Nokia对WAP发展的作用不小哦,所以原汤化原食,这款工具自然会使您用得得心应手。其中包含了7110手机仿真器。目前该工具包的最高版本为2.0。下载这个工具包可以去Nokia 开发者网站,但是需要先注册,有些麻烦。 网页格式 WAP能支持HTHL和XML,但WML才是专门为小屏幕和无键盘手持设备 服务的语言。WAP也支持WMLScript。这种脚本语言类似与JavaScript,但 对内存和CPU的要求更低,因为它基本上没有其他脚本语言所包含的无用功能。 PS:以上是我在网上搜的 【帮助别人,快乐自己,不懂追问,谢谢采纳】本回答被提问者采纳
相似回答