跨屏网响应式网站建设

更新日志

超过300次的更新迭代、致力于打造一个好用的平台。

最近更新于 2021-08-16

新时代背景下的建站关键字“跨屏”

说网站是互联网的载体一点也不为过,并且网站已经存在了几十年时间,也经历了很多的变化,下面来说一说我从业十几年来网站的变化,以及新时代背景下的网站应该何去何从,仅代表个人看法,如有不对的地方,欢迎指正。

table布局时代

早期的时候网站是table(表格)布局,大概2003年左右吧,那个时候网站基本都没有什么设计感,都是文字图片的拼凑起来的,并且我还记得新浪官网有错位的情况,网站宽度一般在1000px(像素)左右,不超过1024px,因为那个时候的电脑都是老式的台式电脑(大屁股的那种),分辨率基本都在1024x768,所以做网站也很简单,只要不超过1024px基本就不会有太大问题。也没有手机版什么的。


div布局时代

此时进入到2007年,也是我系统学习互联网软件技术与开发专业的时候,也差不多在这同一年吧,网站进入到div布局时代,div+css成为主流,在当时来讲,这是很新的技术,因为div+css解决了网站的结构和样式分离的问题,而在这之前的table布局,结构和样式都是写在一起的,代码很乱。在这之后做了分离代码很干净,但是开发难度大了,在当时会的人不多。同年qietu.com(切图,行业术语,指通过div+css技术根据设计稿排版出页面)域名被注册。

此时的网站以功能为主,网站都做的很复杂,功能很强大。

为了满足手机的访问,很多网站有做专门手机访问的wap版或者3g版,界面设计非常简单。


html5布局时代

大概是在2010年前后,html5大热,html5相比于div多了一些新的特性,比如动画,多媒体查询等等,动画让网页变得更加生动了,而多媒体查询使得网站可以自适应电脑手机成为了可能,也是在这一年,responsive web design概念出现,并且在随后几年时间里,在国内得到了普及。同年kuaping.com(跨屏,行业术语,指网站在不同尺寸的电脑、手机屏下兼容自适应)被注册。

此时的网站以设计为主,网站设计成为了追求的主要方向。

此时的智能手机设备开始出现,随后网站开始有了专门的移动版(触屏版),专门针对手机制作的,比起3g版本,排版更漂亮了,内容展示更丰富了。


大前端时代

html5依然是主流,同时出现了一些spa单页面应用(无刷 体验更好),vue等单页开发框架出现,随后小程序兴起,但是这里不做详细说明了,后面可以单独拿来讲。

前面提到的reponsive web design经过几年的发酵,逐渐被市场认可,一套网站同时兼容电脑、手机、平板的建站方式开始流行,此时只有大型应用采用pc+手机独立制作以外,中小企业网站,博客等都纷纷采用响应式布局的方式。


写在最后

对于2021年的建站的核心关键词,我用10个字概括“多屏时代,网站需要跨屏”,这一点也非常好理解,现在的人使用场景很多,早上看手机,上班看电脑,晚上看电视,终端的屏幕尺寸越来越多样,我们不可能针对每个设备都去专门做一个版本的网站,但是可以做一个网站同时自适应不同的屏幕的设备终端。对于从业者来说,这一点是明确的,并且习以为常了,但是对于圈外的人来说,一切仍然是那么陌生,所以便有了这篇文章,希望对你帮助。







文章链接:http://www.kuaping.com/announce/show18.html

相关内容

  • 发布于2020-10-04,游览727次 描述:很多的竹子伙伴在做备案接入的时候都会遇到一个问题:备案的时候填写的资料中居然有一项备案密码?what?哪里来的备案密码?什么是备案密码?首先给大家说一下什么是备案密码。备案密码是在域名做完首次备案之后,工信部下发备案号时一起发送到网站负责人手机短信的一个密...
  • 发布于2020-10-06,游览615次 描述:如何注册一个账号?打开注册页面地址:http://kuaping.com/member/sign_up.php 一共分为3步,只需要按提示填写即可步骤1步骤2步骤3注册成功后,会自动登录用户后台。然后需要填写基本资料,才会自动开通主页。
  • 发布于2020-10-06,游览886次 描述:下面介绍跨屏建站vip会员有哪些权益?如何开通?vip会员有哪些权益?1,绑定顶级域名2,一对一指导上线3,一百多套行业响应式模板任选以及发布新闻、产品等的级别都要更高一些,还有很多就不一一列举了。如何开通vip会员?首先进入会员后台选择类型 (选择vip)点击申请跳...
  • 发布于2020-10-12,游览530次 描述:2020.10.12跨屏建站开通代理权限,代理火热招募,并且为代理商提供了一系列的扶持计划,比如赠送地级市二级域名,代理商模板等等,开通后可以立即投入运营。代理的好处1,系列扶持,比如城市二级域名,代理商网站2,拿货价做多可享受40%的折扣3,预存费用可用于自己使用或...
  • 发布于2020-10-22,游览746次 描述:跨屏建站如何绑定顶级域名和备案?当您的网站已经备案以后,可以在后台->设置->绑定顶级域名 ,添加域名和备案号,如图:绑定以后,就可以用新的顶级域名来访问啦!
  • 发布于2020-10-22,游览578次 描述:跨屏建站如何添加、管理产品的分类?在后台->管理->产品->添加产品, 然后在填写项里面找到 "我的分类",后面有个加号,点击一下,如图:然后进入到产品分类管理,可以新增分类,也可以删除分类...
  • 发布于2020-11-10,游览525次 描述:[修复]网站首页大banner图滚动视差闪烁问题[修复]网站首页公司介绍的文字段落缩进问题[修复]网站后台面板改为响应式[修复]网站后台面板风格优化调整感谢大家对跨屏自助建站系统的BUG反馈,欢迎继续反馈,请提交至:http://kuaping.com/guestbook提示:反馈问题时请尽量详...
  • 发布于2020-11-22,游览527次 描述:跨屏建站2020.11.22发布更新1,注册3部曲,改为了一步,加快了注册时间,提高了体验2,调整了后台的使用体验3,优化了模板的代码,修复了手机响应式下的已知问题4,优化了默认模板5,去掉了刚注册用户,需要填写基本资料才能发布新闻等限制
  • 发布于2020-12-30,游览769次 描述: 根据《非经营性互联网信息服务备案管理办法》(信息产业部第33号)第十三条的规定,要求“非经营性互联网信息服务提供者应当在其网站开通时在主页底部的中央位置标明其备案编号,并在备案编号下方按要求链接信息产业部备案管理系统网址,供公众查询核对。非经营性互...
  • 发布于2021-01-06,游览440次 描述:跨屏网20210106发布更新增加了网站地图sitemaps.xml 和百度新闻baidunews.xml而此举的主要目的在于增加网站的seo效果,做seo的都知道sitemaps对于百度收录有一定的好处,目前每套模板都标配了sitemaps.xml,但是也还是需要你手动的把链接提交到各大搜索引擎哦,这样可以让...