不需要学习html知识可以设计手机网站

无需加好友免费技术支持

手机网站展示

以下是这样一个工具，可以像积木一样快速完成网站设计，不再被专业技术术语和操作包围，痛苦不舒服。

这个软件叫WYSIWYG Web Builder，它是一种网页设计工具，体积小，使用方便。该软件最大的特点是使用层的概念，任何元素都是层，可以拖放到页面的任何位置，而不影响其他元素，非常适合初学者。不需要学习html知识可以设计手机网站。

WYSIWYG Web Builder

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

网页的实际效果

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

如果你想成为一个网站，你必须首先建立一个网站结构。因为是演示，这个网站只有三个页面：主页、新闻信息和我们。

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

在网站管理器中选择无标题1，单击网站管理器工具栏中的新移动页面按钮，创建页面1，重复上述操作，创建页面2和页面3。选中index，单击工具栏中的删除按钮pc删除终端页面，然后右键单击页面1、页面2、页面3，在弹出菜单中选择重命名页面index、news、about，对应网站的主页、新闻信息和我们。

站点管理器

在编辑区在编辑区变成了手机的垂直页面，上面的标签也出现了三个页面的名称，下面就开始设计这三个页面。

由标题、导航条、图片、页脚四部分组成。

A、标题

单击插入文本命令，用鼠标拖动页面，生成文本框，双击文化，输入文本，然后在格式标签页面中设置字体类型、大小、颜色、排列等。

B、导航条

单击插入导航导航栏，在页面上拖动，生成导航栏，双击导航栏，打开对话框，单击项目右侧按钮，进入导航栏对话框，选择名称列表中的选项，单击右侧的编辑按钮，设置文本名称、连接页面等参数。

导航栏对话框

单击“添加”按钮，可以新增项目，同时可以单击“向下移动”和“向上移动”按钮，调整条目的顺序。

C、图片

单击插入-图像-从图像文件命令，在网页上拖动，从本机中选择图像插入，可拖动调整图像大小位置。

D、页脚

单击插入页脚命令，拖动页面，插入页脚，双击页脚打开编辑窗口，单击项目右侧按钮，打开常规设置框，单击添加按钮，添加页脚内容，输入文本，指定图标，设置连接页面，重复上述操作，添加多个页脚内容。返回页脚设置对话框，在图标位置下拉列表中选择图标显示模式，并在标题中选择图标显示模式Footer删除。

页脚编辑窗口

由页眉、页脚和新闻列表三部分组成。页脚与前一页相同，可直接复制粘贴到当前页面。

A、页眉

单击插入-标题命令，在页面中拖动，生成页眉，它将自动位于页面顶部，双击页眉，打开设置对话框，将文本改为主页URL指向index，将右键按钮中的文本改为关于我们URL指向about，将杂项中的标题改为新闻信息。

页眉对话框

B、新闻列表

单击插入-列表视图，在网页中插入列表，双击，打开对话框，选择名称列表中的项目，单击编辑按钮设置文本、图像、连接页面等参数，单击添加按钮添加新项目。

列表视图

有三部分:页眉、页脚和可折叠面板。页脚和前面一样，直接复制粘贴，没有设置。页眉设置不属于新闻信息页面，只是右键按钮URL改为news，即新闻信息页面。

单击插入-可折叠，在页面中插入可折叠面板，默认有两个面板，双击打开设置对话框，添加更多面板。单击加号按钮打开面板，然后插入所需的元素。

可折叠面板

单击预览按钮或按下主页标签F5键，用浏览器预览网页。

制作好的网站可以直接上传到网站服务器上，也可以保存在本机上的目录中，单击发布按钮，打开发布网站的对话框。

发布站点对话框

单击新建按钮，在类型列表中选择本地文件夹，单击文件夹右侧的按钮，选择保存网站的目录，单击确定按钮返回。

添加发布位置

单击发布按钮，将制作好的网站保存到本机中。发布后，打开保存目标浏览设计好的网站，与上传到互联网的效果完全相同。

通过以上实战操作，我们可以体会到WYSIWYG Web Builder使用起来很简单。没必要html知识，只需点击鼠标即可完成网站设计，简洁高效，WYSIWYG Web Builder功能很强，可以在制作中逐渐学习，越用越喜欢他。

3.在学习中有什么问题，欢迎与我沟通交流，今日头条号搜索：微课传媒，我在这里等你哟！