网站建设关于前端架构设计解决方案详解。
网站建设公司认为一个网站的高体验性与可用性网站的前端架构非常重要。本文网站建设公司资深框架规划师就从网站建设早期设计师们对前端页面设计的感受与各位进行分享。Web在诞生之初,形态其实是比较简单的。这里的“诞生”指的是20世纪90年代初期,而“简单”指的是一个网站能把自己的入口放在雅虎导航页上,并且访问者计数器能在使用表格布局并且满屏GIF动图的网页底部不停地闪烁。不过,这的确是那个年代你所需要的一切。只要你能给webring带来流量,所有的网站管理员都会满意。那些网站管理员是谁呢?没错,其实他们就是那些域名的拥有者。那时,网站还是简单的存在,管理员就是它们的主人。这些人习惯性地使用混乱的HTML,还搞不清楚到底是不是应该关注新出现的层叠样式表(CSS),甚至他们当中大多数人已经把JavaScript作为过时的东西抛弃了。
不过,正如所有的媒介一样,网站也会进化。JavaScript 仍然被广泛使用,CSS也不仅仅用于设置页面的字体类型和字体颜色。网站的管理员最终发现,他们走到了一个十字路口。网站的流量在持续增长,Web技术也在持续发展(比如透明GIF等)。有太多的新事物和新技术需要学习,有太多的工作要做。最后,网站管理员不得不把网站的建设进行分工。一方面,他们很喜欢“网站正在建设中”这个标志以及到处可见的 marquee标签;另一方面,Perl是世界上最好的语言,毫无疑问它能够让网站永葆生机。
当网站管理员聘请另一个人来维护他们珍贵的域名时,他们需要决定自己是继续做一个写各种 <blink>标签的大师,然后雇用写Perl脚本的新手,还是自己去学习Perl。
最终他们做出了决定,由此现代的Web开发团队开始成型,就像听到巨型海螺的召唤。早期的网站管理员在每一个阶段和十字路口,都会发现他们自己需要专注于开发过程中一个很小的部分。他们当中有些人会专注于服务器提供的文件服务,有些人想提高查询数据库的能力,而另外一些人则乐于创作各种图形和图像。更新的、更专业的角色也吸引了其他人到这个行业,包括艺术家、作家、商业分析师、工程师、数学家等。随着这些角色的发展,以及相关的人员越来越成熟,Web开发逐渐催生了一系列新的名称和新的分支学科。
在网站建设开发的早期,有些人认为网页中的文本内容跟设计、代码甚至搜索引擎优化(众所周知,搜索引擎就是抓取页面中的关键字)一样重要。在此之前,
网页内容往往是被放到后面处理的。“先随便填一些lorem ipsum字符到设计稿里,赶紧做后面的。”最终在网站上线之前,客户才会填上真实、优质、受启发的内容,并且一直以来都是如此。
这些内容的拥护者,终于坚定直接地宣称Web 的本质就是内容,因此网站内容值得我们花费时间和精力。尽管这是一场恶战,不过他们开始被邀请参加早期的规划会议,偶尔也被邀请参与编辑策略的制定。他们不断取得进展!虽然这个过程困难而且孤独,但是结果是值得的。就这样,他们作为开拓者在孤独地前进。直到关键的一天,他们碰巧遇到另外一个同样拥护内容的人,才意识到原来他们不是在孤军作战。友谊的星火以燎原之势发展成方方面面的合作,最终他们成立了社区,继续致力于向人们宣传网站内容的重要性。
很多年过去了,但是关于网站内容的争论远远没有结束。即使多一个设计师被要求在主页上“随便填充点内容”,我们也能马上听到远处抗议的呐喊声。20o8年12月16日,Kristina Halvorson在. A List Apart博客(http: / /alistapart.com/article/thedisciplineofcontentstrategy)上站出来发声,举起了内容策略的大旗。她要求我们传播这种理念,“要把网站内容作为一个值得做出战略规划和有投资价值的关键元素来对待”。其他内容策略的践行者们开始学习、使用和推广它,成为了内容策略师。由此,一个新的分支学科诞生了。Kristina的文章并不是最早提出内容策略这个概念的,却是最早定义出内容策略的核心、精神和目标的。一夜之间,内容拥护者们的共同诉求被赋予了一个名字。他们即将迎来一个新的时代,博客、播客和会议都围绕着一个简单的观点来讨论――“内容很重要”。
响应式Web的出现与此同时,一个身着黑色高领毛衣的男人出现了,并且烦覆了人们对互联网接入设备的理解。在Web历史上,我们第一次被迫接受这么一个事实:人们并不是只有坐在舒适的办公室或起居室,使用高速的宽带网络,对着分辨率为1024像素×768像素的电脑屏幕时,才会去浏览网站。iPhone 的出现,使人们迎来了一个多分辨率、多功能、连接速度不稳定以及多种输入模式的多终端时代。作为开发者,我们不能再对用户和他们用来浏览网站的设备做出任何假设。
为此,我们尝试过很多解决方法。我们尝试使用双指缩放、双击缩放、直接显示原网站,或者把移动设备重定向到一个精简的便于移动浏览的“m.dot”网站。然而,没有一个方案能够真正解决问题。双指缩放的操作不便于导航,尤其对于购买商品或注册服务,而且增加移动流量意味着损失收益。虽然m.网站对移动设备更加友好,但是这样就要求开发团队去维护两个独立的网站。
很多m.网站被冷落了,它们也很难和PC版主站保持同步更新,或者部分功能缺失而迫使用户切换到桌面设备,来做一些比获得指引或者打个电话更复杂的事情。我们必须做出一些改变。虽然有些人觉得iPhone已经过时,但是很明显, Web 世界的未来在移动设备上。2010年5月25日,iPhone发布3年后,Ethan Marcotte在A List Apart 上发表了一篇题为“Responsive Web Design”的长文(http://alistapart.com/article/responsive-web-design)。这篇文章并没有介绍新的学科知识,也没有打出口号,让困境中的开发者聚集起来;而是描述了一种创建新型网站的方式,这些网站可以根据用户访问设备的尺寸来做出响应,并且调节自身大小来适配对应的视口。响应式 Web设计(responsive Web design,RWD)不是一种新科技,而是现有工具和技术的一个集合,包括以下内容。
流式网格
用基于百分比的宽度代替固定像素的尺寸。
自适应图片
用100%宽度的图片填充它们的容器,并且随着视口大小的改变而改变。媒体查询
允许对不同的视口大小使用不同的样式,我们现在可以基于屏幕的大小来改变页面布局。
在 Ethan发表这篇文章的几年之前,所有的这些技术其实早就可以在浏览器中使用。不过,正如Kristina为内容策略发起的号召,Ethan对RWD的描述清晰地定义了每个人都在迫切寻找的解决方案。网站建设公司认为一篇简单的文章,使 Web开发这个行业发生了变化。好了,
深圳网站建设公司本文关于“ 网站建设关于前端架构设计解决方案详解”知识就分享到这里,谢谢关注,博纳网络编辑整理。