随着移动互联网的兴起，越来越多的机构、个人把展示的内容转到了手机网站上，学会制作手机网站就成为了大众关注的热点。传统的网页制作工具制作电脑端的网站功能很强大，但手机网站因为手机屏幕体积和CPU处理能力较弱，对网站的需求与传统网站有很大的区别。倘若用传统的网页制作工具设计手机网站需要的技术繁杂，操作难度大，通常人很难完成。倘若有一个傻瓜式的工具，让用户无需繁杂操作就能完成手机网站的设计，将会大受欢迎。
手机网站展示
下面就给大众举荐的便是一款这般的工具，运用它能够像搭积木同样快速完成网站的设计，再亦不消被专业技术名词和操作包裹，痛苦难受了。
这个软件叫WYSIWYG Web Builder，是一个所见即所得的网页设计工具，体积小巧，运用简单。这个软件最大的特点便是采用了图层概念，任何元素都是图层，能够拖放到页面上的任意位置，而不影响其他的元素，非常适合初学者运用。不需要学习html知识就能够设计一个手机网站。
WYSIWYG Web Builder
下面以设计一个网站的三个页面为例，认识一下该软件的使用，首要看一下这三个页面的实质效果。
网页实质效果
下面逐一介绍每一个页面的创建过程。
1、设计网站结构
想要做网站，首要要搭建网站结构，因为是演示，这个网站仅有三个页面：首页、资讯新闻、关于咱们。
起步WYSIWYG Web Builder，程序自动新建一个空白页面，这个页面是PC端的，而咱们要设计的是手机端网站，因此要进行更改。
在“站点管理器”中选中“无标题1”，单击站点管理器工具栏中的“新建移动页”按钮，新建一个“页面1”，重复以上操作，在新建“页面2”、“页面3”。选中index，单击工具栏中的“删除”按钮，把这个pc端的页面删除，而后分别右键单击页面1、页面2、页面3，在弹出的菜单中选取“重命名页面”，将这三个页面分别命名为index、news、about，对应于网站的首页、资讯新闻、关于咱们。
站点管理器
在编辑区看到网页变成为了手机的竖屏页面，上面的标签亦亦显现了三个页面的名叫作，下面就起始设计这三个页面。
2、创立首页
由四部分构成，由上到下依次是：标题、导航条、照片、页脚。
A、标题
单击“插进—文本”的命令，在页面上用鼠标拖动，产生一个文本框，双击这个文化，在其中输入文字，而后在“格式”标签页中设置字体类型、体积、颜色、摆列方式等。
B、导航条
单击”插进—导航—导航栏”，在页面上拖动，生成一个导航栏，双击导航栏，打开设置对话框，单击“条目”右侧的按钮，进入导航栏对话框，在“名叫作”列表中选中一个选项，单击右侧的“编辑”按钮，能够设置文本名叫作、连接页面等参数。
导航栏对话框
单击“添加”按钮，能够新增项目，同期能够单击“向下移动”和“向上移动”按钮，调节条目的次序。
C、照片
单击“插进—图像—从图像文件”命令，在网页上拖动，从本机中选取一个照片插进，能够拖动调节照片的体积位置。
D、页脚
单击“插进—页脚”命令，在页面上拖动，插进页脚，双击页脚打开编辑窗口，单击“条目”右侧的按钮，打开“常规”设置框，单击“添加”按钮，增多页脚中包括的内容，在打开的窗口中输入文本、指定图标、设置好连接的页面，重复以上操作，添加多个页脚内容。返回页脚设置对话框，在“图标位置”下拉列表中选取图标的表示方式，同期将标题中的Footer删除。
页脚编辑窗口
3、创立资讯新闻页
有页眉、页脚、资讯列表3部分构成。页脚与前面首页中的相同，直接复制粘贴到当前页就可。
A、页眉
单击“插进—标题”命令，在页面中拖动，生成一个页眉，它会自动处在页面顶部，双击页眉，打开设置对话框，在“左键按钮”中，将文本改为“首页”，URL指向index，将“右键按钮”中的文本改为“关于咱们”，URL指向about，将“杂项”中的标题改为“资讯新闻”。
页眉对话框
B、资讯列表
单击“插进—列表视图”，在网页中插进一个列表，双击它，打开设置对话框，在“名叫作”列表中选中一个条目，单击“编辑”按钮设置文本、图像、连接页面等参数，单击“添加”按钮，能够添加新的条目。
列表视图
4、创立关于咱们页
有页眉、页脚、可折叠面板三部分构成。页脚与前面相同，直接复制粘贴，亦没设置。页眉设置不属于资讯新闻页相同，只不外是把“右键按钮”中的URL改为news，即资讯新闻页。
单击“插进—可折叠”，在页面中插进一个可折叠面板，默认有两个面板，能够双击打开设置对话框，添加更加多面板。单击加号按钮展开面板，而后将需要的元素插进其中就可。
可折叠面板
5、预览网站
在首页标签中单击预览按钮或按F5键，用浏览器预览网页。
6、发布网站
制作好的网站能够直接上传到网站服务器上，亦能够保留到本机上的某个目录中，在“首页”标签中单击“发布”按钮，打研发布站点对话框。
发布站点对话框
单击“新建”按钮，在“类型”列表中选取“本地文件夹”，单击“文件夹”右边的按钮，选取一个保留网站的目录，单击“确定”按钮返回。
添加发布位置
单击“发布”按钮，就可将制作好的网站保留到本机中，发布完成后，打开保留目就可浏览设计好的网站，与上传到网上的效果是完全同样。
经过上面的实战操作，咱们能够体会到WYSIWYG Web Builder运用非常简单。无须html知识，只需要点击鼠标就能够完成网站的设计，简洁有效，WYSIWYG Web Builder功能非常强大，你能够在制作中逐步学习，越用你会越爱好他。
1.阅后倘若爱好，不妨点赞、评论和关注一下。
2.倘若爱好玩软件，请关注本头条号阅读关联文案。
3.在学习中有什么问题，欢迎与我沟通交流，今日头条号搜索：微课传媒，我在这儿等你哟！
发表于 2024-7-29 10:35:27
