自学手机网站开发教程 手机网页设计和制作（本站推荐）

第一篇：自学手机网站开发教程 手机网页设计和制作（本站推荐）

网站建设_app开发_手机网站开发【国互网】

自学手机网站开发教程 手机网页设计和制作

本手机网站开发教程主要介绍：手机网页设计和制作的七个方面的知识，让你避免走一些现在的手机网页的弯路，学完本教程后，你就能对手机网页的制作和设计有大概的了解，然后有针对性地学相应知识。

1.手机网页的标记语言

WML

因为WML大部分针对早期和低端的手机，现在已经逐步被其他的技术取代了，现在学习手机网页设计制作完全可以忽略WML。

XHTML

未来智能手机的市场份额会越来越大，考虑到这点，现在进行手机网页设计制作时，我们会用到更加熟悉的标记语言Xhtml。

现在大部分智能手机的浏览器都能正确处理Xhtml，它会识别两种类型的Html。

① Xhtml：基础的，和桌面浏览器相同的Xhtml

② Xhtml-MP：针对智能手机的Xhtml

这两种类型的不同之处，Xhtml-MP包含比较少的要素和相对宽松的限制，能适合手机平台的渲染，现在很多手机网页设计制作直接用Xhtml，也没什么大问题。

2.手机类型

网站建设_app开发_手机网站开发【国互网】 网站建设_app开发_手机网站开发【国互网】

手机市场上既有非常高端的iPhone手机和谷歌的Android手机，也有诺基亚一些单色点阵显示的低端机。这些低端机在浏览手机网页时有很多的限制，如屏幕分辨率、渲染Xhtml的性能等，因此如果你的手机网页是针对这部分用户，最好还是用WML。

另一方面，类似于iPhone和Nexus One这种高端智能机，拥有可以和桌面浏览器相媲美的渲染网页的性能。对这部分用户而言，良好的用户体验是很重要的，受限于手机的传输速度，如果直接用一般的电脑上浏览的网页来代替手机网页，对手机网页的目标客户来说，并非明智之举。

可以把手机根据屏幕尺寸分成几种常见的类型，如：

x 160 pixels

176 x 220 pixels

240 x 320 pixels

320 x 480 pixels

3.手机网页的目标群体

任何网站设计网页时都应该明白自己的目标群体，以便向他们传输最合适的信息。这点在进行手机网页设计制作时更为重要。因为你不仅要知道你的目标群体，还要知道他们浏览手机网页时的情景。浏览传统的网站，访客会坐在桌上，有着大分辨率的屏幕。手机网页的访客则有可能是在排队、等交车、坐在地铁等。

手机网页的目标群体，谷歌的开发者将看手机网页人群分为三大类，这对我们进行手机网页的设计和制作，很有参考意义。

网站建设_app开发_手机网站开发【国互网】 网站建设_app开发_手机网站开发【国互网】

4.根据具体需要提供网站内容

一个很常见的误区是很多网页开发者认为只需要简单的设置，就可以将一个传统的网页变成可以适应手机浏览的网页，他们认为只需要在CSS样式表将media=”screen”变成media=”handheld”就能使网页神奇般地适用于手机。

这是错误的想法。

虽然针对手机用户变更网页的CSS可以过滤一部分的内容，或者一些CMS网页也提供了相应的转换插件。但这些方案并不完善。

W3c定义了“一个网站”的概念，意思是手机网页不一定要提供和传统网站完全一样的内容和设计，而是要根据手机的性能、带宽等方面的不同提供一些差异化服务。

根据这个定义，一些传统网页的内容和功能不能在手机上实现是很合理的。不同手机能处理的内容和功能也都是不一样的。所以也可以根据这些手机进行相应的网页制作。

5.选择域名

为手机网页选择什么域名取决于你的目标群体是如何进入网站的。这里有三种域名可供选择：

A：为手机网页使用独立域名

B:为手机网页使用子域名

网站建设_app开发_手机网站开发【国互网】 网站建设_app开发_手机网站开发【国互网】

C：为手机网页注册mobi的顶级域名

D：判断客户端，并自动显示对应内容

6.为手机网页验证标记语言

电脑的网页浏览器对错误比较宽容，一些html标记的忘记书写或者没有正确嵌套在电脑浏览器都会正确显示，当然容错率高意味着消耗更高的cpu和内存。

手机浏览器的性能还无法和电脑相提并论，所以手机浏览器对手机网页的错误要严格一些。所以在设计和制作手机网页时，你必须不断进行检查、验证和纠错。验证手机网页和验证一般传统的网页没什么区别，如果你使用Xhtml编写，可以使用相同的工具。W3C验证器可以验证一些简单的错误，当然这里有一个更适合验证手机网页的版本。

7.为手机网页不断测试

当通过了手机网页的验证之后，就要针对几种不同的手机进行各种测试了。用电脑的浏览器虽然可以进行模拟测试，但是并不完善。这种方式通过的手机网页不能适用于某些手机。

有些手机文件尺寸的限制可能会很小，所以你制作的手机网页在这些设备上甚至无法显示。另外浏览器支持的文件类型也会不同，支持的图像格式也会不同。测试时候手机网页当然不可能拥有所有手机，所以制作网页时可以使用一些替代手段。

网站建设_app开发_手机网站开发【国互网】

第二篇：手机网站开发必修课2009总结

手机网站开发必修课[2009年总结] 前言：

手机网站开发，有着许多不为人知的困难：

一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于手机网站的特殊性，也使得我们在参考成功案例之余，要做更多的思考； 二是兼容性工作异常艰辛，难度一点也不比web网站的兼容性工作来的低。对于手机网站来说，相信现在仅仅只是个开始，随着各种新机型的相继面世，这块领域必将成为兵家必争的新高地。

一、手机用户设备统计分析：

拥有全面的用户数据，无疑能帮助我们做出更符合用户需求的产品。内部数据能帮我们精确了解我们的目标用户群的特征；而外部数据能告诉我们大环境下的手机用户状况，并且能在内部数据不够充分的时候给予我们一些非常有用的信息。

从外部数据来看，09年10月到11月期间

国内浏览器品牌市场占有率前三甲为：

Nokia(78%)

Opera(OEM)(10%)

iPhone(Safari)(3%)

国内的手机操作系统前三甲为：

Nokia SymbianOS(80%)

iPhoneOS(6%)

SonyEricsson(5%)

当然，作为中国的手机网站开发者，不能忽视强大的山寨机市场（或者应该叫作做国货精品手机市场？）。顺便提一下，这类手机通常使用的是MTK操作系统。（以上数据均来自statcounter.com）

二、手机浏览器兼容性测试结果概要：

注意：以下所说的“大多数”是指在测试过的机型中，发生此类状况的手机占比达50%及以上，“部分”为20%到50%；“少数”为20%及以下。而这个概率也仅仅只限于我们所测试过的机型，虽然我们采集的样本尽量覆盖各种特征的手机，但并不代表所有手机的情况。

XHTML部分：

大多数手机不支持的：

表单元素的“disable”属性

部分手机不支持的：

“button”标签

“input[type=file]“标签

“iframe”标签。

虽然只有部分手机不支持这几个标签，但因为这些标签在页面中往往具有非常重要的功能，所以属于高危标签，要谨慎使用。

少数手机不支持的：

“select”标签：该标签如果被赋予比较复杂的CSS属性，可能会导致显示不正常，比如”vertical-align:middle”。

CSS部分

大部分手机不支持的：

“font-family”属性：因为手机基本上只安装了宋体这一种中文字体；

“font-family:bold;”：对中文字符无效，但一般对英文字符是有效的；

“font-style: italic;”：同上；

“font-size”属性：比如12px的中文和14px的中文看起来一样大，当字符大小为18px的时候你也许能看出来一些区别；

“white-space/word-wrap”属性：无法设置强制换行，所以当你网页有很多中文的时候，需要特别关注不要让过多连写的英文字符撑开页面；

“background-position”属性：但背景图片的其他属性设定是支持的；

“position”属性；

“overflow”属性；

“display”属性；

“min-height”和”min-weidth”属性；

部分手机不支持的：

“height”属性：对”height”的支持不太好，奇怪的是在我们的测试当中，仅仅只有很少部分手机不支持”width”属性；

“pading”属性

“margin”属性：更高比例的手机不支持”margin”的负值。

少数手机不支持的：

少数手机对CSS完全不支持；

JavaScript部分

这部分测试相对不那么让人抓狂，要么干脆不支持，如果支持的话，对基本的dom操作、事件等支持度都还不错。但我们没有测试过很复杂的脚本。

在我们测试过的手机当中，支持（包括不完全支持）JavaScript的手机比例大约在一半左右，当然，对于我们来说，最重要的不是这个比例，而是要如何做好JavaScript的优雅降级。

其他

部分手机不支持png8和png24，所以尽量使用jpg和gif的图片

另外对于平滑的渐变等精细的图片细节，部分手机的色彩支持度并不能达到要求，所以慎用有平滑渐变的bar设计

部分手机对于超大图片，既不进行缩放，也不显示横下滚动条

少数手机在打开超过20k的测试页面时，会显示内存不足

三、手机网站开发中需要注意的常见问题：

手机网页编码需要遵循什么规范？

遵循XHTML Mobile Profile规范（WAP-277-XHTMLMP-20011029-a.pdf），简称为XHTML MP，也就是通常说的WAP2.0规范。XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础，加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同，XHTML MP是严格的XHTML 1.0子集。

网页文档推荐使用什么扩展名？

推荐命名为xhtml，按WAP2.0的规范标准写成html/htm等也是可以的。但少数手机对html支持的不好。

为什么现今大多数的网站一行字数上限为14个中文字符？

由于手持设备的特殊性，其页面中实际文字大小未必是我们在CSS中设定的文字大小，尤其是在第三方浏览器中。例如Nokia5310，其内置浏览器 页面内文字大小与CSS设定相符，但是第三方浏览器OperaMini与UCWEB页面内文字大小却大于CSS设定。经测试，其文本大

概在16px左右。假如屏幕分辨率宽度为240px，去除外边距，那么其一行显示14个字以内，是比较保险（避免文本换行）的做法。

使用WCSS还是CSS？

WCSS(WAP Cascading Style Sheet 或称 WAP CSS)是移动版本的CSS样式表。它是CSS2的一个子集，去掉了一些不适于移动互联网特性的属性，并加入一些具有WAP特性的扩展（如-wap-input-format/-wap-input-required/display:-wap-marquee等）。需要留意的是，这些特殊的属性扩展并不是很实用，所以在实际的项目开发当中，不推荐使用WCSS特有的属性。

避免空值属性

如果属性值为空，在web页面中是完全没有问题的，但是在大部分手机网页上会报错。

网页大小限制

建议低版本页面不超过15k，高版本页面不超过60k。

用手机模拟器和第三方手机浏览器的在线模拟器来测试页面是不是靠谱？

有条件的话，我们当然建议在手机实体上进行测试，因为目标客户群的手机设备总是在不断变化的，这些手机模拟器通常不能完全正确的模拟页面在手机上的显示情况，比如图片色彩，页面大小限制等就很难再模拟器上测试出来。当然，一些第三方手机浏览器的在线模拟器还是可以进行测试的，第三方浏览器相对来说受手机设备的影响较小。

四、推荐参考资料：

开发权威网站

（汉化版）

经典开发文章

手机型号查询

机型很全，偏国外机型，参数较多

机型较全，偏门机型可能无内容

试手机网：手机查询+模拟.html 机型稍少，可以模拟手机操作

五、总结

目前来说，手机网站开发是个典型的设备驱动开发的过程，页面被设计成什么样，能做到怎么样，几乎全取决于目标客户的手机设备情况。

所以，对手机设备的了解，对于设计开发过程有着直观重要的作用，对于前端来说，就需要有计划的进行长期的手机浏览器兼容性测试，什么样的设计能被实现，什么样的标签可以使用，这些都需要有数据的支持。

我们必须有这样的认知，开发的手机网页总是会在或多或少的手机设备上出现问题，因为我们永远无法知道所有用户的手机设备情况，所以我们更要尽量的遵循标准进行开发，这样才能将满足用户的比例做到最好。

任何一个领域都有值得你进行深入了解的地方，即使现在看起来，手机网站的开发还有点不入主流，但我相信，随着手机设备的更新换代，总有一天它也会成为我们占领客户的一个重要战场，iphone这类有符合web标准的浏览器的手机发布，也给了我们更多的信心。总之，革命尚未成功，同志仍需努力！

第三篇：简单的网页制作教程-设计一个个人网站

题目：设计一个个人网站

一、要求：

1．使用Dreamweave网页工具制作一个个人网站；

2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。

3．网页中要有图片和文字内容，用表格进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。

5.在网站中设计一个表单页面。

6.首页必须包含页面标题，动态按钮导航栏。

首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字，不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图打开Dreamweaver软件，得到图

做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。

选择站点——新建站点。

我们建的文件夹就是站点根文件夹。新建站点后得到这样一个界面

点选高级，得到界面

站点名称与我们建文件夹得名字相同，zs填进去就可以了 本地根文件夹就是我们新建的那个文件夹zs，http地址为http://localhost/zs

接下来选择左侧栏里远程信息

点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹

接下来点选左面菜单里的测试服务器，点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs

然后点击确定就可以了得到这样一个界面。

下面看老师的第一条要求，是要至少四个网页，那我们就做四个

单击新建，然后单击

接下来，选择

然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者1、2、3、4，当然一个网站默认的索引首页名为index，这里也用index，单击保存，这样得到第一个页面，以同样的方式建剩下的三个页面，这里我的首页默认为index.html，其他三个网页的名字分别为a.html、b.html、c.html，我们这四个网页文件已经保存在我们建的文件夹里。

站点中已经有了四个文件。

接下来，我们开始编辑index.html。

单击index.html，显示为当前页面。

单击拆分，然后我们看这个个网页就叫张三之家了，同样的方法给其他三个网页改名字。A网页标题，这个就是网页名字，我们以张三为例，这，这样老师的第六条我们就完成一半

B网页标题

C网页标题

改好名字之后，一一保存，这个不多说了，接下来操作index.html。

显示首页为当前编辑页面。

首先为index.html页面添加背景音乐。

大家在代码视图里找到，这个是什么意思就不解释了，我也不知道，就是这个了，在后面输入代码，然看见这张图片上，我光标指在哪里了吧，单击空格键，这个时候注意输入法要为美式键盘字母格式，只要不是汉字就行，得到一个菜单，单击src选中，然后单击enter建，这个时候紧跟着src会出现一个浏览，单击浏览，然后出现对话框，选择一首音乐，然后单击确定，会继续弹出一个对话框点击是，保存到自己建好的文件夹里面，注意这里不能用汉字做音乐名字，必须改成字母或者数字

我是以beyond的歌为例，名字改为by，点击保存背景音乐就添加好了。大家可以看一下，在站点目录下，已经有了这首歌曲。

接下来开始设计页面布局 这里用表格布局，这个栏叫设计栏，由于大家都不会代码，所以我们主要在这个栏里操作，下面大家点击常用里面的表格，就是下面这张图片

中的这个图标

得到对话框如图所示数据： 单击确定，得到如下界面

这个插入的表格式可以自动调整大小的，大家可以自己试一下，接下来用这些表格布局，给大家看两个图标，这个图标就像是excel中那个合并和拆分单元格是一个意思，左边那个代表合并单元格，右面那个代表拆分单元格，excel大家都会把，就和那个布局差不错，我做一个简单的布局，为了方便，我把这个表格缩小，这个布局很简单，第二行全部合并，第三行第二三列合并，大家可以根据自己的需要进行拆分合并，还可以在表格里面再次插入表格。

宽度和高度的设置时在代码里找到

height=””>，其中align表示表格位置，height表示表格高度，大家可以根据自己的需要来填数字，默认是以像素为单位的。

接下来制作导航，这是老师第六条中的第二个要求，注意我在这里给了两种方法，大家可以先看一下，再决定选择哪种

我没看懂什么叫动态按钮导航条，不知道是让这个字动呢，还是让这个字动呢？如果大家嫌麻烦，就直接输入汉字，结果就是下面这样的

如果要文字居中显示可以将这四个框同时选中，然后居中

在水平栏里面选择

以后所有的文字格式都可以在这里面选，但是首先要选中自己所要操作的文字。

创建链接，选中首页两个字，然后单击右键——创建链接，选择index.html，然后以同样的方法，给其他三个栏里的文字做链接，创建链接的文字会有下划线，同时改变颜色

如果大家不嫌麻烦，教大家用flash做一个动态的按钮导航，把光标放在第一行第一个栏里，然后

这个常用栏里的flash按钮，单击后面那个小三角，选择flash按钮。得到对话框

我们可以看到这个按钮的样式是可以自己选择的，大家随意选择一款自己喜欢的按钮，然后在按钮文本栏里，填入首页两个字，字体设置随意，然后链接

这个栏里填入index.html，注意这里的链接就是超级链接，当你点击这个按钮的时候，它就会显示主页，我们设置后面三个按钮的时候，一定要记得，当你文本栏里填入个人简介字的时候，那你的链接就要指向简介那个页面，我们这里就是a.html。其他像什么背景色之类的随意，然后单击确定。这样第一个按钮就做好了，接下来我们自己做剩下的三个按钮，注意链接问题，大家做好后，可以看到自己站点内多了四个swf格式的文件，这四个就是按钮，保存的时候，有一个文件问是否要保存，一定要点击是，不然flash不运行了。

大家可以回到自己的文件夹里，打开首页，测试一下，是不是单击这四个按钮会指向自己所设置的网页，然后我们给第二行设置背景颜色，以有弹出颜色选框，大家随意选择自己喜欢的颜色

单击背景颜色后面那个方框，可

接下来，完成老师的第五个要求，制作表单，这个把光标指向第三行第一个栏

选在表单选项中的。也就是第一个按钮，这时得到界面

我们把光标指向红线里面，输入“用户名：”然后点击表单选项中的第二个按钮弹出对话框，选择确定，得到界面

同样方法换行输入密码

再次换行，单击表单选项中的按钮项输入两个按钮，然后选中第一个按钮，得到以下属性

将值后面栏里的文字改为登录，同样方法，把第二个按钮的值改为注册。

接下来插入文字和图片，在现在的第二行第二列里操作

把光标指向第三行第二列，选择常用栏

选择这个栏里的图像按钮，弹出对话框，这时大家选择自己电脑里的一张图片，单击确定后弹出对话框，问是否保存在站点根目录下，单击确定，这时候需要注意的是，图片名字不能有汉字，图像标签和辅助属性那一栏不用管，单击确定即可。

接下来就是输入汉字了，我们在图片的后面先输入汉字，可以看到这样的显示，上面还空了很大一块地方，似乎不太好，不符合图文混排的规矩，大家单击图片选中，在属性栏里找到找到到对齐那一栏，在后面点选左对齐，得到最终图文效果是这样的。

第四行还有四个栏，大家可以在里面表明作者时间、以及自己的邮箱、QQ等内容，这里我就不写了。

实际上做到这里，我们几乎完成了老师的所有要求了就差添加两种行为了后面还有三个网页没做呢，怎么办啊，后面三个网页大家还没做，教大家一个简单的方法，大家把鼠标指向了。

这个栏的左边，在表格和边框之间，我们可以发现，鼠标斜向右首先单击鼠标左键，选中这个表格然后不要移动鼠标，同时单击右键，单击拷贝，然后这个表格就拷贝好了，打开其他三个页面，分别粘贴过去，图像属性描述不用管，取消，这样做的好处是它的好处非常多。

大家打开a.html，这个是个人简介，就是一个图文混排了，图文混排我们已经讲过了，更何况我们这个页面里已经有了图文混排了，大家可以换一张图片，换一些文字，做一些自我介绍什么的，都可以。，但是我们最好把那个表单删掉，哪个是表单就不用我说了吧，就是这个了。删掉之后，选中第三行三个栏，合并就好了，第二个页面就做好了，接下来我们看第三个页面，b.html，这个页面是个人相册

这里我同样分两种方法给大家讲，第一种方法很简单。就是插入几张图片，现在第三行剩下三个空栏，每个栏里插入一张图片，景色也好，其他也罢，然后加上图片说明，一切搞定，这个我就不写了，第二种方法还是用flash做相册，首先大家合并第三行三个栏。

并将光标指向第三行，然后单击这个图片中的插入记录——媒体——图像查看器，之后得到这样的界面

注意这个是可以调节大小的，看你想要多大的相册了。单击选中，我们会发现右面多出这样一个界面flash元素

在其中找到

然后单击后面的img1那里，会发现后面多出一支笔，单击那个笔，弹出对话框

单击减号，将img1三个删掉，然后再单击加号，会多出一个文件夹标志，单击文件夹标志，然后弹出对话框

在自己电脑里选择一张图片，将图片保存到站点根文件夹下，还是那个问题，名字中不能有汉字，添加好第一张图片之后界面如图

大家可以多添加几张图片，这样一个相册就做好了，单击确定。接下来就剩下第四页了，就是写几行文字的事情了，把表单和图文混排都删除，然后合并三个栏，然后添加一些文字，搞定了。这四个页面都做好了，我们还有一项任务没有完成，那就是给页面添加两个行为

下面我们讲添加行为，打开首页，单击图像选中，然后找到一下命令，看到行为面板下那个醒目的加号了吗 单击加号——交换图像，弹出对话框

单击浏览，在自己电脑中找出一张图片，单击确定，存放到站点根目录下，这样第一个行为就完成了，当我们鼠标滑过这张图片的时候，就会变为另一张图片。下面添加第二个行为，我们将光标指向第二行蓝色背景哪一行，然后单击行为面板下的加号——弹出信息，得到对话框

写上你好，单击确定。这样在我们单击蓝色地带的时候，就会弹出你好信息框。

第四篇：手机网站建设

【手机网站助力中小企业抢占商机】

①让你的名片多一个手机网站:将3G手机网站二维码印在你的名片上，在给客户递名片的时候，把你的手机网站介绍给他。如果方便的话，你可以当场用手机网站向他介绍你的公司和产品。

②在你的公司宣传册封底再加一个手机网站：以前在公司宣传画册上留的都是公司地址、电话和www网址，现面可以再加一个手机网站网址，让看到画册的人马上能够登陆手机网站，查看更多“鲜活”的信息。

③把手机网站印在产品目录上：一般公司的产品目录相对要滞后，有些新产品来不及印在产品总目录上，也不方便及时传达给消费者。有了手机网站，把手机网站二维码印在产品目录上，就可以第一时间将新产品信息传递给客户。

④让你的户外广告更有价值：让看到你公司户外广告的人马上拿出笔记本电脑访问你的www网站？不可能。有了手机网站，就可以把手机网站二维码印在显眼位置，看到的人可以马上拿出手机访问，瞬间增加印象。

⑤让公交车椅背广告更有效：如果你做了公交车椅背广告，那更应该建设手机版网站并把它印在显著位置，并提醒看到的人如果马上访问手机网站即可获得优惠折扣，他们一定马上拿出手机访问，并且持续到下车为止。

⑥让你的手机短信广告不再白发：你应该意识到，你发出去的手机短信广告大部分会被视而不见或直接删除的。等你有了手机网站，下次把访问地址加入其中，看到短信的人只要点击链接，便可以马上访问你的网站。

⑦给你的报刊广告铺设延长线：如果你做了报刊平面广告，你应该意识到，你留在上面的www网站是不会被访问的。因为看到它的人一般都不在电脑旁边，但手机网站就不同了，可以马上访问，了解你公司的更多信息。

⑧让你的电视广告马上见效：看电视的人一般没有上网，如果在你的电视广告中宣传你的手机网站，可能会有立竿见影的效果。你可以告诉观众，马上登陆手机网站，可能获得更多惊喜。⑨让想了解你公司的人随时随地获取信息：可以把你公司的地址、联系方式、行车路线等在手机网站上列出，想来你公司的人即使没有提前在电脑上查询，也可以用手机上网查询，体现公司对大众的贴心关怀。

⑩随时随地收集客户意见和投诉：手机上网的便利性为收集客户意见提供了良好的条件。有些客户因于种种原因，不方便或不愿意通过电话、电脑等向公司提意见或投诉，手机网站可以提供一条非常便捷的途径。

第五篇：手机网站策划书

霸天虎手机网站推广策划书

一、网站名称

霸天虎手机网

二、网站风格和建站目的网站以简约风格为主，最终目标是为客户提供一个真正他们所需要的短媒体平台。

三、推广的目的科技越来越发达，通讯日益进步，手机是目前最流行的通讯工具，手机行业竞争日益激烈，我们要把自己的品牌打出去，要占有市场，提高市场占有率,塑造自己的品牌，让更多的人知道我们的产品，让更多的人了解我们的产品，从而达成成交赢得更大的利润。

四、网站流量来源分析

1.网站流量最大的来源，目前就是搜素引擎。

在国内主要是GG百度雅虎和SOSO.搜索引擎来的流量长期固定。一般在网站运营初期，占据主导地位。

2.商业网站的广告投放。现在广告形式多样。电视媒体，车载杂志，报纸，电子杂志，网站广告等形形色色的广告，也能带来大量的流量。但是，一般来自广告的流量具有时限性，广告投入一旦停止，流量就会剧减且成本比较大，所以我们前期不采用广告的形式来推广我们网站。

3.网站友情链接：在一些大型网站，尤其是同行业网站中交换友情链接，也能带来一定的流量。包括如hao123类的方格子目录来的流量。

4.QQ群、论坛、贴吧、留言板、邮件、文摘推荐。如果方法得当，也能带来部分流量。

5.口碑宣传：这个是最好的流量。凡是该来源的流量，大部分是潜在客户。但是口碑需要慢慢积累。前期比较难。

6.营销人员的推广。商业网站拥有庞大的营销队伍。电话营销，电子邮件跟踪等方式，是很不多的推广模式。既能带来流量，又能扩大知名度。对培养口碑宣传，起到一定的作用。

7.展会等大型聚会时候，提供文件袋等小礼品，或者发放名片传单。效果和上一条同。（短酷网貌似不适合这么作。）

8.网站主办者开展活动。此举能带来流量的同时，也能扩大知名度。

9.与同行业网站合作。实现资源共享。

10.客户直接输入网站地址。这部分来源，前期一般比较少。而且需要借助于其他如6等方法的宣传。

11.其他流量来源。诸如（百度知道，博客等）。

12.自己朋友的推广。

13.短信群发。我自己也能经常收到很多商业化信息。如房子开盘啊，什么折扣啊等。

四、推广方式具体骤及费用预算

1.搜索引擎的优化首先是关键词的优化，关键词的选择是重中之重，它决定着网站被搜索的次数，决定了在搜索引擎里的影响力。网站的前期，大部分流量来自百度，Google，雅虎等搜索引擎。所以，选择合适的关键词，也是能左右网站流量来源的。

2.尽可能多的友情连接。友情连接最好能连接一些流量比自己高的，有知名度的网站。再次

是和自己内容互补的网站，然后再是同类网站。

3.提供免费功能，起到推广目的。中国人都喜欢贪图小便宜。来自互联网的东西，大多喜欢是免费的。现在很多手机类网站，手机铃声都是收费的。短酷网提供和他们一样甚至更好的服务，而不收费。自然而然就会有人免费代为宣传。

4.百度贴吧。百度知道。这个地方，宣传效果非常好。这个已经是大众的使用方法，我就不过累赘了。

5.QQ群推广加入各大手机类QQ群，进行变相推广。并非用来发广告，发广告效果极差，QQ群是用来变相宣传的。手机这个东西，有很多发烧友，他们热衷于刷机，打补丁（本人也是如此，在本人手中手机已经N个是被刷坏的。）QQ群的目的是为这些发烧友提供这方面信息。

6.加入同行网站联盟。如手机之家，追鱼等，还有很多其他网站。即网站合作。

7.撰写有影响力的文章，或者技术性文章，此类文章较容易被推广。随之，网站亦被推广。

8.去各大论坛发帖宣传，是值得这么作的。尤其是手机类网站。当然，发布的帖子，必须是变相广告。

9.导航网站登陆对于网站初期来说,导航网站能带来的流量远远超过搜索引擎以及其他方法.10.用户互动的门槛前期要尽量放低，待社区趋向形成后可逐渐规范。

11.推广费用：根据以上步骤实施大概的花1万至2万之间

五、要达到的效果是

通过多种推广方式，将自己的品牌形象打造出去，让更多的用户通过推广渠道找到我们。手机网站在发布1年以后实现独立访问用户数量，与同类竞争者相比排名主要在搜索引擎的表现、网站被链接的数量、注册用户数量等。

下载自学手机网站开发教程 手机网页设计和制作（本站推荐）.doc

将本文档下载到自己电脑，方便修改和收藏，请勿使用迅雷等下载。

点此处下载文档

文档为doc格式