手机网站制作(手机网站制作教程)

在移动手机端发展如此快的今天,只拥有PC站点已经远远不够了,PC+手机才是今后的重头戏。如何建立手机网站?太原神兵网站建设今天就手把手的教你如何建立手机网站。

对于大多数连代码都看不懂的人,怎样能够快速学好建站,唯有“所见即所得”的建站模式。工具的选择,对于我们尤为重要,我最常用的手机网站制作软件就是“搜狐快站”,官方网址:www.kuaizhan.com。

1.开始搭建

这里用谷歌浏览演示:

用谷歌浏览器打开快站的官网 http://www.kuaizhan.com

2.注册会员

手机网站制作(手机网站制作教程)

3.登录帐号,进入主页面,开始操作

这里为了演示的正确性,我自己也重新注册了个帐号

★ 新建站点

点击箭头所指的方向:

这个时候会弹出来很多的模版

这些模版搜狐快站公司为了客户制作的方便,先做好的,分了很多种类

有 企业、教育、旅游、医疗、婚纱摄影、生活服务、美容美发等等很多种类

你可以根据自己的行业选择一个模版

这里我随机选择一个模版

我就选择教育类里的这个模版网站

然后点击模版,会弹出来一个界面

这个是用来选择颜色种类的

你可以选择一款自己喜欢的颜色

挑选好后,就点击 确认建站

然后就会进来这个界面

到这里的时候,大家想一下自己所建立的手机网站需要几个栏目

这个模版里自带的栏目有五个栏目,五个栏目就是五个页面

其实你现在所看到的本身就是一个手机网站,只不过不是自己所想要的

怎样变成自己所想要的呢?那就得需要修改了

4.制作案例

如何修改,这里为了让大家充分的了解

这里我来做一个企业网站,希望通过这个过程,来让大家学会

企业网站的栏目包括:

(1)首页

(2)公司简介

(3)产品中心

(4)行业资讯

(5)联系我们

基本上这五个就满足了大家的需求

手机网站制作(手机网站制作教程)

下面太原神兵网站建设带领大家开始制作首页:

模版本身就有首页,那我们就只修改首页的页面即可

首页分为上边的logo,滚动图片,中间的内容,底部的导航

先修改logo

点击logo就出来了右边的框框

我把三者的关系画在了图上

前面的 勾选框 ,打上对号就是显示,不打对号就是不显示

怎样修改logo

把自己的logo做好上传上去,点击确认就可以了

修改玩点击确定即可

★ 滚动图片的修改

怎样修改滚动图片呢?

这里我准备了几张美女图片,来上传上去,不要说我色,呵呵,只是为了给疲劳的制作过程增加点美感而已

我在百度里随机选择了三张图片开始上传

点击图片,右边的就会显示出来

把原有的三张都删除掉

点击图片上的垃圾箱就行了

然后点击添加图片,添加自己的图片

可以给图片添加描述和连接

可以在里面写上问题,我这里写的是 汽车美女,连接可以选择种类,我选择的是url :

用相同的方法添加第二张图片和第三张图片

然后滚动就修改好了,简单吧,呵呵

★ 中间内容的修改

中间一般都会显示,公司简介,一些产品和一些文章

我们把原有的中间内容清空

先添加个标题,来显示产品图片

注意点击标题按着左键不懂滑动到正文中,放开左键即可

可以修改文字

也可以修改标题的样式

可以选择自己喜欢的

下面开始放图片了,也就是产品了

可以修改显示的个数,我挑选几个美女当作产品,希望各位原谅啊,别老是产品,不美观的东西,看美女多享受啊,呵呵

这里添加三张图片

好,产品添加完毕

下面开始添加行业新闻

还是刚才的添加标题的方法

添加个 行业新闻 的标题

然后开始添加文章列表

这里的内容是在栏目中发表的,可以调用栏目中的,这里我先做好,后面会有解释

通过在栏目里添加文章

文章会自动的显示出来

下面用相同的方法添加公司简介

然后添加文本

好了中间的内容也已经添加好了

下面开始修改底部的导航

我们将模版原有的栏目修改成我们自己的栏目

修改底部导航前,先修改下我们的页面名字

因为这里的导航里的栏目是要对应到页面中的

好,底部的导航也已经修改好了

到此位置,首页的修改已经全部修改好了

其实,其他三个栏目的修改方法跟首页的相同,这里就不多说了,说多了

如果有不会的,可以联系我

本案例已经做成了手机网站

web网址是/

大家可以用手机访问下