手机搭建个人网站,如何用手机创造网站
chanong
|随着移动互联网的兴起,越来越多的企业和个人将展示内容转移到移动网站上,学**如何创建移动网站成为大家的热点。虽然传统的网页创建工具对于创建电脑端网站来说非常强大,但移动网站的网站要求受到手机屏幕尺寸和CPU处理能力的限制,使得传统的网站与网站有很大不同。使用传统网页制作工具设计移动网站时,所需技术复杂且操作难度大,一般人难以完成。如果有一个像白痴一样的工具,不需要复杂的操作就可以完成移动网站的设计,那一定会变得非常流行。
手机站点展示
如果是这样,我们推荐以下工具,让您摆脱技术术语和操作的麻烦,让您像搭积木一样快速完成网站设计。
该软件名为WYSIWYG Web Builder,它是一款紧凑且易于使用的所见即所得网页设计工具。该软件最大的特点是图层的概念,它允许您将任何元素作为图层拖放到页面上的任何位置,而不会影响其他元素,非常适合初学者。您无需学**HTML 即可设计移动网站。
所见即所得的网站构建器
为了了解如何使用该软件,我们以网站的三个页面的设计为例,看看这三个页面的实际效果。
网页实际效果
下面,我们将一一讲解各个页面的创建步骤。
1. 设计您的网站结构。要建立网站,首先需要建立网站结构。由于是演示,该网站只有三个页面:首页、新闻资讯、公司简介。
当您启动WYSIWYG Web Builder 时,会自动创建一个空白页面。此页面适用于PC,但我想设计一个移动网站,因此我需要进行一些更改。
在“站点管理器”中选择“无标题1”,单击站点管理器工具栏上的“新建移动页面”按钮,新建“页面1”,然后重复上述步骤新建“页面2”,创建“页面” 1”。 “3”。选中索引,点击工具栏上的“删除”按钮即可删除电脑上的页面,分别右键单击第1页、第2页、第3页,在弹出的菜单中选择“重命名页面”即可删除。它分为三个页面,分别命名为“Index”、“News”和“About”,分别对应网站首页、新闻信息和公司简介。
站点管理员
在编辑区域中,你会发现网页现在在手机上是竖屏页面,顶部的标签也显示了三个页面的名称,那么让我们开始设计这三个页面。
2. 构建主页由四个部分组成:标题、导航栏、照片、页脚。
标题
单击“插入- 文本”命令,在页面上拖动鼠标以生成文本框,双击区域性以输入文本,然后使用“格式”设置字体类型、大小、颜色和对齐方式。等待标签。
B、导航栏
点击插入-导航-导航栏,将其拖动到页面上即可生成导航栏。双击导航栏打开设置对话框。单击“入口”右侧的按钮,进入导航栏对话框。在“名称”下的列表中选择一个选项,然后单击右侧的“编辑”按钮,可以设置文本名称、连接页面等参数。
导航栏对话框
单击“添加”按钮添加新项目,然后单击“下移”和“上移”按钮调整条目的顺序。
C、照片
单击插入-图像-来自图像文件命令并在网页上拖动,从本地机器中选择要插入的图像,然后拖动以调整图像的大小和位置。
D、页脚
单击“插入-页脚”命令,将其拖到页面上插入页脚,双击页脚打开编辑窗口,单击“条目”右侧的按钮,单击“常规”设置框打开“添加”按钮,添加将要包含在页脚中的内容,在打开的窗口中输入文字,指定图标,设置连接页面,重复以上操作即可添加多个页脚内容。返回“页脚设置”对话框,选择图标在“图标位置”下拉列表中的显示方式,然后删除标题中的页脚。
页脚编辑窗口
3. 创建新闻信息页面由三部分组成:页眉、页脚、新闻列表。页脚与之前的主页相同,因此只需将其复制并粘贴到当前页面即可。
A、标题
单击“插入- 标题”命令并将其拖到页面上,即可在页面顶部自动生成标题。双击标题打开设置对话框。使用“左键”更改标题。将文本更改为“主页”,URL指向索引,将“右键”文本更改为“关于我们”,URL指向关于,并将“更多”标题更改为“新闻资讯” ”。马苏。
标题对话框
B、新闻列表
单击“插入-列表视图”将列表插入到网页中,双击打开设置对话框,在“名称”列表中选择一个条目,单击“编辑”按钮插入文本等。设置参数。图片、连接页面等单击添加按钮添加新条目。
列表显示
4. 创建“关于我们”页面由三部分组成:页眉、页脚和可折叠面板。页脚和以前一样,只是复制粘贴,不用设置。标题设置与新闻信息页不一样,只需将“右键”URL改为news,即新闻信息页。
单击“插入- 折叠”将折叠面板插入到页面中。默认有两个面板。双击打开设置对话框,您可以在其中添加更多面板。单击加号按钮展开面板并将所需元素插入面板中。
折叠面板
5. 预览您的网站通过单击“主页”选项卡上的“预览”按钮或按F5,可以在浏览器中预览您的网页。
6. 发布您的网站创建网站后,您可以将其直接上传到您的网站服务器或将其保存到本地计算机上的目录中。单击“主页”选项卡上的“发布”按钮即可发布您的网站。将打开一个对话框。
发布站点对话框
单击“新建”按钮,在“类型”列表中选择“本地文件夹”,单击“文件夹”右侧的按钮,选择要保存网站的目录,然后单击“确定”按钮。我会返回。
添加发布位置
当您点击“发布”按钮时,您创建的网站将保存在您的本地机器上,发布完成后,您可以打开保存的目录并查看您设计的网站,就像上传到互联网一样。
通过以上的实际操作体验,您可以看到WYSIWYG Web Builder的使用是多么的简单。无需HTML 知识。只需点击鼠标即可完成您的网站设计。它简单而高效。 WYSIWYG Web Builder 非常强大。你可以在创作的过程中逐渐学**。你使用得越多,它就越有效。好的。
1.如果您喜欢所读内容,请点赞、评论、关注。
2.如果您想玩该软件,请按照本标题阅读。








