手机上制作网页（如何设计手机网站）

本文目录

• 如何设计手机网站
• 如何在手机上制作网站
• 手机怎么制作网页
• 如何在手机上制作自己的网页
• 手机百度网页怎么制作
• 手机如何做网页链接
• 手机网页应该怎样设计
• 如何做好手机网页设计
• 手机网站网页设计应该注意什么问题

如何设计手机网站

现在人人都离不开手机，手机功能从初的接打电话、收发短信到如今的智能网路服务，手机变成了一个移动的网路端，手机网站也成为了人们上网的重要聚到。那么设计者应该如何设计手机网站？
1、网站结构和布局
用户打开手机登录网站，先看到的就是网页的整体结构还有板块分布。如何让用户喜欢并且有耐心继续在你的网站看下去是一个关键。页面应该整体布局合理，让用户看到时不会感到杂乱。试想一下，如果网页排版混乱，各种新闻或者视频等乱糟糟的混在一起，谁看到以后都不想继续浏览，只想赶紧退出换别的网站。所以网站在结构上一定要清晰，让人看到的时候一目了然，种类划分明确，便于用户按喜好查找内容。
2、网站内容有特色
用户在浏览网站时，可能本身并没有什么计划想要看什么内容，或者只是习惯性的打开看一眼。这时网站应该把有创意有吸引力的内容做头条，这样用户本来只是点进来看一眼，看到新奇的内容后，会忍不住的继续浏览网站。
3、网站图片的大小适宜
很多用户在浏览网站时，如果网络速度不快，浏览图片时会出图比较慢或者直接无法显示。网站设计者应该注意使上传图片者控制图片大小，不要上传太大的图片，也不要上传模糊和分辨率很小的图片，不然的话用户可能会因为打不开图片而关闭页面
4、页面不宜过大
设计者应注意网页的页面大小不要超过20KB，页面如果太大会消耗用户更多的流量。
5、注意屏幕规格
手机一般都可以用横屏和竖屏两种方式浏览网页，设计者应注意横向和纵向的区别设计两种规格的尺寸。

如何在手机上制作网站

WAP是手机网站制作的一种格式，所以从一定意义上来说，手机网站又名WAP网站

随着手机上网人数的增加，企业把建设手机网站作为拓展互联网业务的新型手段

因此，利用手机WAP网站营销成为各类企业网站开拓新功能、新阵地，寻找新业务的重要领域

但是根据目前网站试市场的发展趋势来看，对于传统企业而言，对于wap网站的认识还很有限，wap网站的普及和推广尚需时日

既然手机wap网站的营销应用还主要集中在互联网企业上面，那么如何通过手机WAP网站来占领市场，开展营销活动呢?与传统互联网一样，企业要开展wap网络营销，也需要建设自己的wap网站

虽然在表现形式上，wap网站要弱于一般的网站，对于图片、动画等表现力度不够，但麻雀虽小，五脏俱全

那么企业如何制作手机wap网站，其侧重点主要在产品展示、客服服务和企业宣传三个方面

1、产品展示企业在WAP网站上，需要表现的重点仍然是产品展示

移动客户访问企业的wap网站往往是有备而来，想了解某个产品的详细参数或价格

所以企赢001认为企业在wap上的产品展示，可选择企业的主要产品，对其各类参数或价格加以详细说明

同时，对于企业的新产品信息，也可以适当的加以介绍

2、客户服务对于企业的客户服务而言，可能wap网站比传统网站会更有效

客户服务包括客户咨询与投诉两个方面，通过企业的wap客户服务平台，无论何时何地，客户均能通过手机对企业进行咨询或投诉，而企业对于客户的咨询或投诉能够快速响应，与客户建立起一对一的联系

3、企业宣传Wap上的企业宣传很能体现文字功底：既要简单明了，又要突出企业的核心竞争力

一般说来，企业的成立时间、规模、联系方式、主营业务等，是访问者了解一个企业的首要内容，特别是企业的联系方式，可重点予以单列，以方便查阅和联系

除了上述的这三个重点之外，还需要注意手机WAP网站的制作问题，因为wml语法比较严谨，语法稍微有一丁点错误就会显示报错，所以做好基础性的工作很关键，要求手机网站设计者需要有计划的进行制作

手机怎么制作网页

WebEditorLite这个手机APP就可以，专门用于在手机上编写网页程序，免费、轻巧、灵活，下面我简单介绍一下这个APP的安装和使用，主要内容如下：

1.首先，下载安装WebEditorLite，这个直接在手机应用商店中就可以找到，如下，大概也就400K左右，直接下载安装就行：

2.安装完成后，打开这个软件，主界面如下，比较简单，主要分为3个部分，分别是NewFile、OpenFile和AboutAPP：

3.这里我们点击NewFile进去，就会进入到新建页面，这里支持5种类型文件的编写，分别是HTML、JavaScript、CSS、PHP和Text，如下：

4.点击HTML，就会直接进入到网页编写界面，这时你就可以编写HTML代码了，效果如下，这里会自动将标签和属性标注为高亮显示出来，非常不错：

5.编写完成后，直接点击右上角的保存按钮，输入文件名，即可将文件保存到本地，非常方便，如下，后期需要运行网页，查看效果的话，下载一下对应插件就行：

至此，我们就完成了WebEditorLite的安装和简单使用。总的来说，这个软件使用起来非常不错，对于手机制作网页来说完全够用了，偶尔使用一下还是可以的，但是真的搞开发的话，建议还是在电脑上进行，编写、调试、运行代码更方便，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言进行补充。

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

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

一、工具/原料

html页面

vs2008

二、方法/步骤

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

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

3、设置页面body样式信息。

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

手机百度网页怎么制作

问题一：手机网页如何制作 不是 用wml文件 表现形式 用asp php jsp 都可以~~ 举个例子吧（我用asp表现形式） 写个简单的手机页面 把他存储为.asp 用手机就可以浏览 ======手机办公======
1、 客户系统手机版Beta 2、无线词汇查询系统
===================
业务联系：(0311)87260570
==================
龙脉报时：

WAP网页制作工具 1.WAPtor ......》》

问题二：如何在手机上制作一个自己的网站 手机上看的网站都是用电脑制作的，手机里面操作不了

问题三：怎么制作手机网页 如何制作一个手机html页面 可以的； 做手机页面需要注意的是页面不能用固定宽度；基本上都是用百分比，除非是一些固定的小图标不影响整体页面的； 比如一个整体页面 这里是标题

问题四：手机网页如何制作。。 低版本的dreamweaver有没有这个功能我不清楚。但是在dreamweaver cs6中，你可以点新建-流体网格布局然后如图所示。

问题五：如何制作手机网站 利用HTML5+CSS3技术制作手机网站，或者进行PHP的手工仿站

问题六：手机网页如何制作 首先，如果想制作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网站。

问题七：手机怎么制作网站教程 方法/步骤
1、使用独立域名
很多站长为了省事，将PC端域名与手机域名使用同一个域名。这本来问题不大，但却忽略了，在移动端，搜索引擎对于PC端的资源是排斥的。也就是说，网站需要有明确的指示给搜索引擎，在什么时候PC端优先，什么时候移动端优先。如果你不懂做适配设置，最好的办法是将PC端网站与手机网站分开，针对移动互联网做适配的手机网站。因而，在搜索有限的情况下，手机网站使用独立域名是最佳的选择。
2、使用HTML5程序
目前大多数网站建设仍然沿用着ASP、PHP、J**A、NET等程序语言。这些语言对于PC端网站建设来说没有太大的问题，但由于移动设备的屏幕尺寸所决定的各种因素，这些语言所建设的网站在移动端具有一定的局限性。这时候，更轻便、更灵活、具有强化了的Web网页表现的HTML便成了手机网站建设的最佳选择。
3、根据手机特征设计网站
手机屏幕远没有PC的大，因而，无论是在版面设计上还是功能设计上，都需要更注重实操性。PC端的版式布局并不适合小屏幕的手机浏览及操作。在手机网站设计上，可以根据手机的实际操作情况来排版网站的栏目。
4、使用精简的网页设计
手机网站的版面小，因而在进行手机网页设计时要尽量少使用阴影、渐变等复杂的设计手法，尽量采用简洁大方的版面设计，目前一些潮流的设计方式能够在手机网站上得到很好的体现，在手机网站设计中可以参考或使用。
5、注重用户体验
专业手机网站制作方法中，手机网站一定要注意用户体验,不能单一化,要注意手机的特定人群,这和传统网站制作截然不同，做到上面几点就离成功不远了!
6、避免使用弹窗、flash、java等行为
同样道理,flash和弹窗等行为将会占用很大一部分流量,对于移动手机用户而言,无疑会浪费时间和流量,对于搜索引擎而言,基本理解不了。在技术层面来 讲,Apple产品不支持Flash功能,很大一部分智能手机用户用不了这项功能,同样,很多智能手机也不支持Java,所以这只是两方面都不讨好的做 法。
7、使用规范化的协议,做好浏览器兼容调试工作
一般来说手机建站有xhtml、html5、wml 三种协议,最好使用规范化、标准化的协议格式,避免造成不必要的麻烦。当然也可以做多个版本的站点,站点进行不同版式的自动适配。

问题八：手机上怎么做网站？（就像电脑上的做网页的程序） 利用转码工具做手机网站，或者PHP程序写手机网站，或者HTML5+CSS3写网站就可以了。

问题九：怎么制作网站的手机版 目前手机版的网站分为2种语法，一种是采用WML编写适合于按键的传统手机的WAP网站，一种是采用时下比较流行的HTML5编写前台，而如今随着中国的移动互联网发展和智能触屏手机的普及，WAP网站已经逐渐退出历史舞台。并在程序或者主机上写好判断规则，如果是PC版的浏览器就访问PC版的网址，是手机浏览器就访问手机站。针对不同的群体访问不同的页面，有利于提高网站转化率。楼主想做的话，可以HI我，为您免费提供策划方案。

问题十：如何制作自己的手机网站的图片 在开始制作网站图片之前，首先应该清楚图片的尺寸、像素、内容等，之后可以打开PS来制作，如果不用使用PS，可以使用“创客贴”来制作图片。

手机如何做网页链接

问题一：谁知道那个手机网页链接怎么做了 ？？神马意思！！----------------------------------------仅供参考！！！！！！！！！

问题二：自己怎么制作微信网页链接 想在微信上分享你制作的连接网页，一般有以下几种方法，方法都比较难，需要有一定技术：
一、开通微信公众平台，开通后制作相关页面来分享到你朋友圈。
二、通过其它APP（手机应用软件 ）制作好的网页来分享到你朋友圈。
三、自己制作一个APP软件 ，制作好后，在微信开放平台注册APPID后，就可以分享完全是自己的制作的东西了。
四、在各种微博、网站等平台，发布你的自创网页，然后分享在朋友圈。
以上几种是常见的，分享网页到微信朋友圈的方法。第四个最简单，前三个较难。
祝生活愉快。

问题三：手机网页超链接怎么做 看你什么手机了！能不能支持这些超链接！很少手机能支持

问题四：自己怎么制作微信网页链接 首先你得有一个微信公众号和第三方的网页，进入微信后台开发者选项，进行api对接。或者利用第三方平台如建站a b c，风铃等平台自行制作。

问题五：怎么把手机视频做成链接网页,二维码 上传视频网站后如果通过审查分布后，你分布的视频自然网站会给你视频生成二维码

问题六：在手机上想把图片做成网址链接，哪位大神知道怎么做 使用a标签：

标签定义超链接，用于从一张页面链接到另一张页面。
图片URL可以是相对地址（同一服务器上）也可以是绝对地址（网络图片）。

问题七：怎样制作网页链接发到微信朋友圈 你可以用百度分享啊，里面有微信分享的，你添加后，点击微信，他会出一个二维码，之后你扫描就到微信朋友圈了，在百度里都百度分享

问题八：用手机怎么做图片链接？就是点击图片进入指定网址。 做超链接

问题九：怎样在微信里制作自己的网页链接 您好！很高兴能为您解答， 　想在微信上分享你制作的连接网页，一般有以下几种方法，方法都比较难，需要有一定技术：
一、开通微信公众平台，开通后制作相关页面来分享到你朋友圈。
二、通过其它APP（手机应用软件 ）制作好的网页来分享到你朋友圈。
三、自己制作一个APP软件 ，制作好后，在微信开放平台注册APPID后，就可以分享完全是自己的制作的东西了。
四、在各种微博、网站等平台，发布你的自创网页，然后分享在朋友圈。
以上几种是常见的，分享网页到微信朋友圈的方法。第四个最简单，前三个较难。
祝生活愉快。

问题十：如何在手机网页上设置收藏链接地址 200分 分不同软件的，qq浏览器是点击“菜单―添加书签”将其添加到浏览器主页，然后在浏览器的快链屏（即主页的图标页）长按书签往上拖动，即可添加至桌面。
Safari可以XXXXbbs.feng/read-htm-tid-720970

手机网页应该怎样设计

步骤：

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、网页宽度不用像素表示，用百分比表示（如：width=100%）；

2、左间距、上间距设为0；

3、屏蔽图片显示；

4、charset使用UTF-8编码（国际化编码），不使用gb2312编码。

如何做好手机网页设计

1、明确自己想在手机网站上展示哪些信息：

在手机网站制作之前应该明确自己想在手机网站上展示什么，分析一下可能的浏览者会有哪些，然后有针对性地策划和设计网站上的相关内容，这样才能做到有的放矢，不至于手机网站制作好了却没人浏览，或者浏览了不感兴趣。如果能做到有针对性的进行手机网站制作，通常手机网站在推广之后都会为企业带来一定量的***户。

2、在手机网站制作时要尽量符合滑动屏幕的方式：

一般的手机屏幕，画面都不如桌上电脑那么大，尤其是阅读文字时更需要加以放大。即使智能手机具有网页放大缩小功能，但是观看起来也较为麻烦，因为网页放大后，很可能还要左右滑动才能浏览网页，浏览后还要缩小回原大小。因此在设计手机网页时，应能够以滑动屏幕的方式来阅读网页，因为滑动网页操作比着放大网页观看来要简单得多。

3、不能参照PC端网站来设计手机网站上的导航功能：

手机网页与跟一般的PC端网页不同，由于受到手机屏幕大小和屏幕操作的限制，在设计导航功能时应该按照手机屏幕来设计，不能完全照搬PC端网站，该简单的地方简单化，该去掉的去掉，同时在当阅读文章到最后时，要方便于用户回到最前头，减少卷动画面的机会，让网页变得更容易于移动设备上阅读。

4、手机网站制作也要考虑多种浏览器的兼容：

现在的移动浏览器能够处理大多数网站，一般的浏览器都能够正常浏览网页。但由于手机上的浏览器也有多种，比如UC浏览器、360浏览器、搜狗浏览器、其他浏览器，如此多的浏览器在浏览网页的时候，如果手机网站的兼容性差，就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。因此，手机网站制作必须考虑到兼容于多种浏览器。

5、在手机网站制作时一定要减少用户文字输入操作：

现在智能手机一般都没有实体的键盘，或仅只有12键的电话输入功能，因此在输入文字上会比起使用电脑键盘麻烦得多。因此，减少使用者输入文字的机会，例如用户名、密码等，都是手机网站制作时要尽力避免的。

6、在手机网站制作时就应该考虑到日后的推广和宣传：

在手机网站制作时，不要忽略了用户体验，否则在日后的网站推广时将会遇到麻烦。任何一个手机网站，都必须经过广策划、设计和推广的过程，在手机网站制作时需要考虑日后的推广，手机网站应该在丰富站内内容的同时，提供详尽的产品信息以及联系方式，并收集有关产品的用户满意度和顾客需求方面的反馈信息。这样的手机网站上线后，其推广工作也会非常有效果。

7、手机网站制作要兼顾非触摸屏幕的设计：

虽然大多数手机都是智能手机，但也有为数不少的传统手机，不具备触摸的功能，使用的是传统的控制方向键做为滑动的工具，这时候，手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。

8、在手机网站制作时要记得要简化网页内容：

一般的手机、平板电脑等移动设备，由于屏幕大小的限制，不易容纳下个人电脑的大容量的网页资讯，因此手机网站制作的首要一点就是减少网页内容，最好不用图片或是影音视频等，文字也应该精简，但要保持网页内容的可读性。只需要将最重要的资讯放入移动版网页，不太重要的内容内容，可以略去，或者通过超链接链接到新网页上。

9、手机网站制作要注重网页产品和服务的展示：

企业在手机网站上，需要表现的重点仍然是产品和服务的展示。移动用户访问企业手机网站往往是有备而来，想了解某个产品或者服务的详细价格、服务内容和功能。所以企业在手机网站上的产品和服务展示，可选择企业的主要产品，对其各类参数或价格加以详细说明，对于企业的新产品，也可以适当的加以介绍，必要时可以采用图文并茂的方式，但图片的体积应尽量小。

以上是在手机网站制作中需要注意的几个方面，手机网站页面设计需要符合用户体验，以方便用户操作为准则，能够为用户带来切实的帮助，这是手机网站制作上的基本要求，也是满足用户需求的基本原则。

手机网站网页设计应该注意什么问题

1、选择语法

适合手机客户端的语法有两种，一种是WML，一种是L5。这两种语法适合用的手机客户端也是不同的，WML适合按键的传统手机类型；而L5适合当下流行的HTM手机类型。

2、设定关键字词

手机版网站制作的时候，在关键词如何设定是非常关键的，这直接决定了可能访问网站的人群类型。这也间接的决定了需要展示的产品或者是内容应该更加适合在哪些位置上面出现。

3、打开速度的优化

不管是手机端还是PC端，用户对速度的要求一直是比较关键的。如果访问速度超过五秒还没有响应的话，基本上很多人就会选择放弃了。所以速度优化是保证网站打开速度的一个关键，且移动客户端也就是手机端用户打开的网站尽量减少不必要的图片使用，尤其是动画类型的要更加少出现。

4、网站尺寸设计

手机端的屏幕大小肯定比不过电脑端，那么网站在尺寸上面的设计就需要考虑到手机端的尺寸大小。这样才能够增加用户的体验度，且一定要避免过多分页的出现。手机端不比电脑端，分页过多也会造成用户体验度降低。

手机版网站制作的时候需要参考到手机实际使用方便与否的问题，就好比说是网站的大小、分页情况的多少，这些问题是最常见的问题，也是最容易造成用户使用印象的好坏。还有就是即便是手机端，网站打开的速度必须要快，因此使用到的服务器不能够太差了。