如何在手机上制作自己的网页

如题所述

1、在手机上打开百度H5这个网页制作软件,选择新建一个页面就会出现这样的背景,手机网页可以在这里进行制作。

2、直接使用模板来进行制作,从软件的模板库中选择一个模板作为手机网页的模板。

3、也可以根据自己的需求对手机页面中的各个模块进行修改,选择这个手机页面上的元素,就可以在右面的编辑框中进行各种修改。

4、可以更改这个元素的图形,直接从自己的手机当中选择一幅图片来替换原来手机模板当中的图片。

5、还可以更改手机网页当中的文字格式,而修改这个文字的链接,在点击文字的时候可以跳转到其它的网页。

6、手机网页当中特定元素的修改,比对电话组件的修改,可以直接在右边的编辑框当中修改电话号码。

7、通过上述步骤制作完手机网页后,选择预览一下就可以在手机上看见自己网页的制作效果了。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-09-01

在手机上制作自己的网页的方法

一、工具/原料

html页面

vs2008

二、方法/步骤

1、打开vs2008了。点击【文件】【新建文件】【常规】【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代码一样文字很小。

10、完整代码。

【<!DOCTYPE html><html>    <head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   <meta http-equiv="X-UA-Compatible" content="IE=edge" />   <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />   <meta name="apple-mobile-web-app-capable" content="yes" />   <meta name="apple-mobile-web-app-status-bar-style" content="black" />   <meta name="format-detection" content="telephone=no" />   <title>不落泪的</title></head><body ><div style="margin: 0px; padding: 5px; border: 1px solid rgb(204, 204, 204); max-width: 100%; font-size: 16.363636016845703px; font-family: 宋体; line-height: 26.666667938232422px; background-color: rgb(248, 247, 245); word-wrap: break-word !important; box-sizing: border-box !important;"><span style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important; color: rgb(57, 57, 57); font-family: 微软雅黑; font-size: 14px;">不落泪的</span></div></body></html>】

第2个回答  2018-10-29

随着智能手机越来越普遍,单纯依靠PC端远远满足不了用户需求。特别是企业如何在移动端牢牢把握住用户就可以在公司盈利和业务方面获得飞速增长。然而,移动网站建设就变得越来越重要。搭建移动网站满足公司业务需求,从而获得移动端流量,就变得迫在眉睫。

手机网站制作分为2种语法:

第一种是采用WML编写适合于按键的传统手机的WAP网站,

第二种是采用时下比较流行的HTML5编写前台。

而如今随着中国的移动互联网发展和智能触屏手机的普及,WAP网站已经逐渐退出历史舞台。并在程序或者主机上写好判断规则,如果是PC版的浏览器就访问PC版的网址,是手机浏览器就访问手机站。针对不同的群体访问不同的页面,有利于提高网站转化率。

WAP是无线应用协议的缩写,一种实现移动电话与互联网结合的应用协议标准。wap网站也就是我们通常说的手机站。 

(2)html5是W3C制定的超文本标记语言(html)的第五次修改,通过html5制作的网站可以灵活运行于PC,平板,手机等各种媒体。 

(3)wap网站只能运行于手机端,多以文字图片为主,无特效和逻辑功能;html5的新特性可以让网站运行各种媒介(PC、平板、手机),并可以根据媒介的不同响应调节网站结构,与js/css3,可以构造出炫酷的特效效果。

第3个回答  2011-03-26
1,手机的传输协议是wml,电脑的是html。另外用程序判断下来自IP,如果是移动网关的就让显示WAP页面。否则显示电脑网页。
2.这个是WML技术。
3.一般WAP网站可以用任何语言开发,但是WML必须要懂。
4.做WAP网站不需要什么软件,只要会写WML就可以;
5.可以本地架设服务器,做个WAP网站很简单。
第4个回答  2017-04-19
制作手机网页不是在手机上制作的,而是在电脑上制作的,域名就是手机端的域名,这样就可以了。看你怎样问问题,是不是建站熟手,还是没做过网站呀,这样的话就难了哦!可是凡科手机网站模板做网站,自己根据模板来修改和补充资料
相似回答