请选择 进入手机版 | 继续访问电脑版
搜索
我要展示 竞拍规则 竞拍管理
域名交易已结束 域名交易已结束 域名交易已结束 域名交易已结束 域名交易已结束 域名交易已结束
域名交易已结束 域名交易已结束 域名交易已结束 域名交易已结束 域名交易已结束 域名交易已结束
查看: 12971|回复: 200

不必跪求程序猿,你都能做HTML5响应式网站!

[复制链接]
发表于 2017-4-1 11:26:44 | 显示全部楼层 |阅读模式
很多人把HTML5技术捧得太高,高到对自己动手做HTML5网站丧失了自信,也不愿意相信如今的建站黑科技。做一个小小的企业网站还要和网络公司商讨十天半月,其实用这点时间,你可以做十个企业响应式网站。

下面以信息类的企业官网为例,给大家讲讲HTML5响应式建站的黑科技。笔者用的是成品网站V9,主要针对的是不懂技术的建站人群。先安装一套响应式模板:



考虑到大家做网站的习惯,先从首页开始讲起。宝盒采取的是流布局+自由布局模式,所以打开界面后可以看到一栏一栏的编辑框,框内有多种模块结合。首先是顶部,通常放的是企业的logo和导航栏,可以在系统设置中开启共享头部,这样网站的每个页面都能看到这个模块中的内容。模块都是直接添加,想更省事可以直接修改模板网站的图片。





接下来是网站banner,宝盒提供十款以上的轮播样式,同样为拖拽添加,直接上传企业处理后的轮播图。注意:轮播图一定程度决定网站颜值,图片像素不能太低。



网站首页通常会系统介绍公司的产品和服务、新闻等,所以接下来的模块就要重点放这些内容。



比如产品,这样的效果是有容器模块+图片+文字模块组合而成的。很多人说响应式很难调试,其实是不擅于使用容器模块。容器模块属于一个区域板块,里面可以再添加其他模块,但只要在一个容器中的内容,之后切换到移动端就会集中显示,避免错乱。







切换到手机效果,从左到右的布局自动调整为从上而下。





之后是新闻模块,也是在新的区域模块中添加,直接添加一个新闻模块,进入属性框的新闻管理添加内容,显示效果如图:



部分企业需要在网站的底部添加合作伙伴,添加方法是直接添加图片,在属性中设置动画效果,拖拽到合适的位置即可。



之后就是网站底部了,通常会放置二维码,联系方式等,也是在容器模块中加入不同模块组合。



首页完成后即可修改其他页面,要切换到其他页面,在顶部导航栏中直接进入即可,设置方法大同小异。



大家比较担心的还是手机站错乱的问题,除了在制作网站的时候时刻留意手机站的展现效果,及时调整外,推荐大家适当地显示和隐藏模块,一些不必要的模块隐藏起来更有利于手机站的排版和整体显示效果。



网站做好后,直接预览效果即可。网站上传发布后,复制提条网址到不同终端,即可看到不同布局的展现效果。这就是传说中高大上的HTML5响应式网站,做起来也没有大家想象中那么困难对不对?


还有一个收录问题,HTML5本身对搜索引擎是友好的,只要合理设置关键字,大家很容易就能在搜索引擎找到你了。希望上面的内容对大家做企业网站有所帮助。
HTML5响应式网站建设:http://iisp.com/special/v9special/index.php?S=ashley
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-1 20:12:47 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-2 12:55:29 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-2 14:40:45 | 显示全部楼层
不要怂,干起来。2017年祝大家好米都大卖!
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-6 13:19:32 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-7 15:31:13 | 显示全部楼层
不要怂,干起来。2017年祝大家好米都大卖!
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-8 11:56:03 | 显示全部楼层
认真对待自己的每一个米,要想爱护自己的孩子一样关注她,挖掘她的潜能;
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-8 13:31:23 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-8 19:59:19 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-9 19:51:40 | 显示全部楼层
不要怂,干起来。2017年祝大家好米都大卖!
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-12 18:10:32 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-13 14:22:42 | 显示全部楼层
域名资讯向来都是报喜不报忧
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-18 10:22:00 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-20 16:45:50 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-20 20:33:34 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-21 11:25:39 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-22 15:49:43 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-22 19:11:58 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-23 16:58:59 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
发表于 2017-4-24 18:06:40 | 显示全部楼层
西部数码爱米人社区,争做受米农欢迎的交流平台!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

在线咨询|西部数码官网|小黑屋|西部数码域名论坛 ( 蜀ICP备12028237号

GMT+8, 2024-3-29 01:00

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表