怎么进行简单的手机网页制作 网页设计与制作模板

怎么进行简单的手机网页制作

跟大家聊一聊怎么进行简单的手机网页制作和网页设计与制作模板方面的讲解，接下来IT袋小编就来介绍。

随着移动互联网的兴起，越来越多的公司、个人把展示的内容转到了手机网站上，学会制作手机网站就成了大家关注的热点。传统的网页制作工具制作电脑端的网站功能很强大，但手机网站由于手机屏幕大小和CPU处理能力较弱，对网站的要求与传统网站有很大的不同。如果用传统的网页制作工具设计手机网站需要的技术复杂，操作难度大，一般人很难完成。如果有一个傻瓜式的工具，让用户无需复杂操作就能完成手机网站的设计，将会大受欢迎。

手机网站展示

下面就给大家推荐的就是一款这样的工具，使用它可以像搭积木一样快速完成网站的设计，再也不用被专业技术名词和操作包围，痛苦难受了。

这个软件叫WYSIWYG Web Builder，是一个所见即所得的网页设计工具，体积小巧，使用简单。这个软件最大的特点就是采用了图层概念，任何元素都是图层，可以拖放到页面上的任意位置，而不影响其他的元素，非常适合初学者使用。不需要学习html知识就可以设计一个手机网站。

WYSIWYG Web Builder

下面以设计一个网站的三个页面为例，了解一下该软件的使用，首先看一下这三个页面的实际效果。

网页实际效果

下面逐一介绍每个页面的创建过程。

一、设计网站结构

要想做网站，首先要搭建网站结构，由于是演示，这个网站只有三个页面：首页、新闻资讯、关于我们。

启动WYSIWYG Web Builder，程序自动新建一个空白页面，这个页面是PC端的，而我们要设计的是手机端网站，所以要进行更改。

在“站点管理器”中选中“无标题1”，单击站点管理器工具栏中的“新建移动页”按钮，新建一个“页面1”，重复上述操作，在新建“页面2”、“页面3”。选中index，单击工具栏中的“删除”按钮，把这个pc端的页面删除，然后分别右键单击页面1、页面2、页面3，在弹出的菜单中选择“重命名页面”，将这三个页面分别命名为index、news、about，对应于网站的首页、新闻资讯、关于我们。