外链论坛

 找回密码
 立即注册
搜索
查看: 41|回复: 4

自媒介人怎么样自己创立一个手机网站,超简单,任何人都能做

[复制链接]

3042

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065868
发表于 2024-7-29 10:35:27 | 显示全部楼层 |阅读模式

随着移动互联网的兴起,越来越多的机构、个人把展示的内容转到了手机网站上,学会制作手机网站就成为了大众关注的热点。传统的网页制作工具制作电脑端的网站功能很强大,但手机网站因为手机屏幕体积和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.在学习中有什么问题,欢迎与我沟通交流,今日头条号搜索:微课传媒,我在这儿等你哟!





上一篇:【教程】一劳永逸!处理公众电脑、手机上收看电视节目问题!
下一篇:手机网站建设怎么做?【手机网站制作】
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-23 02:56:02 | 显示全部楼层
你的话语如春风拂面,让我感到无比温暖。
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-24 23:12:49 | 显示全部楼层
回顾历史,我们不难发现:无数先辈用鲜血和生命铺就了中华民族复兴的康庄大道。
回复

使用道具 举报

3042

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065868
 楼主| 发表于 2024-9-26 04:49:17 | 显示全部楼层
你的见解真是独到,让我受益良多。
回复

使用道具 举报

2983

主题

3万

回帖

9956万

积分

论坛元老

Rank: 8Rank: 8

积分
99569178
发表于 昨天 15:35 | 显示全部楼层
交流如星光璀璨,点亮思想夜空。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 06:09 , Processed in 0.137753 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.