从过去到现在网页设计的历史(1989

让我们回到1989年,当时万维网是由AlGore创建的(这是个玩笑——但它也是真的)。TimBerners-Lee使用NeXTSTEP操作系统(后来被Apple收购)创建了WWW。

90年代初:第一个HTML网站

有史以来第一个网站是CERN——TimBerners-Lee的工作地点。

网站设计当时并没有改变游戏规则。万维网远没有现在那么复杂,而且计算机还是相当新的。设计软件不是“东西”。

第一次创建网站时,设计并不是一个重要因素。它只是为研究人员创建的,因此该设计使用无衬线字体、纯白色背景和蓝色链接来突出显示可点击的文本。

(事实上,这些设计元素是我们今天仍在使用的东西。)

当时的网站是使用对超文本标记语言(HTML)的私人访问来制作的。TimBerners-Lee实际上在1991年晚些时候发布了一份名为“HTML标签”的文档,其中包括用于构建网站的前18个已知HTML代码。

1994年:网景公司诞生

要访问不同的网站,我们需要互联网浏览器。如今,我们使用GoogleChrome和InternetExplorer等工具。但是第一个网络浏览器Netscape是由JimClark和MarcAndreessen于1994年创建的。

互联网浏览器后来更名为MosaicNetscape0.9和NetscapeNavigator。

它成为当时最受欢迎的浏览器,在90年代中期拥有80%的市场份额。

1995:引入CSS

到90年代中期,越来越多的HTML网站被创建出来。但是在技术开始兴起的时候,HTML的功能开始出现不足。

输入:级联样式表(CSS),一种由H?konWiumLie开发的新编程语言。

CSS旨在帮助网站所有者更好地控制其网站的外观。布局、颜色和字体都是可变的——与以前看起来都一样的标准HTML网站相比,这是一个巨大的变化。

(我们仍然使用这种编码语言来设计现代网站,以及更新的编程语言,如Javascript。)

90年代末期:FLASH

到90年代后期,企业开始创建网站。随着网站变得越来越流行,对独特网页设计的需求变得更加重要。

动画是这个时代大多数网页设计师的首选。他们会使用GIF(按顺序移动的静止图像)来脱颖而出,其次是MacromediaFlash——我们现在将其称为AdobeFlash。

Flash的引入意味着网站所有者可以向他们的网站添加高质量的图像、交互性和音频。

不用说,这对网页设计师来说是一个重要的时刻。

1998年:SEO世界开始

在网页设计历史的这一点上,已经对搜索引擎进行了大量测试:

1990年:第一个搜索引擎Archie由蒙特利尔麦吉尔大学的三个计算机科学专业的学生创建。这是对“档案”这个词的一种玩弄。

1993年6月:推出了另一个基于网络的搜索引擎WorldWideWebWanderer。这是第一个已知的由机器人驱动的搜索引擎,后来被称为“Wandex”。

1993年12月:创建了RBSE蜘蛛、万维网蠕虫和JumpStation。这是另外三个已知在抓取网站时使用机器人的搜索引擎。

1994年1月:雅虎推出搜索引擎,成为第一个流行的在线目录。

1998年9月:最常用的搜索引擎Google发布。

…但是尽管搜索引擎的历史到90年代后期已经跨越了近10年,但直到1997年SEO才开始开花结果。

这对企业如何设计他们的网站产生了重大影响。Google和AskJeeves等搜索引擎正在使用机器人来抓取网站。人们开始弄清楚如何说服他们的机器人将他们的网站放在首页上,于是SEO诞生了。

2004年:网络2.0

到2004年,网站开始变得越来越流行。

这是第一个社交媒体网站开始出现的时候;Myspace和Facebook——最初是为哈佛学生创建的——都推出了。

这意味着网站所有者需要一种更新鲜的方式来脱颖而出,并帮助互联网用户更轻松地从一个站点迁移到另一个站点。那时开始引入Web2.0。

Web2.0的确切定义尚不清楚。但一般来说,设计师将其称为万维网的下一代。现在是网站从基本的基于HTML的网站转移到易于访问的网站的时代。

2007年:FLASH之死

第一个iPhone版本听起来可能与网页设计历史没有太大关系,但史蒂夫乔布斯的公告改变了一切。他说,新设备将不支持Flash——在发布之前,网络上75%的视频都依赖这种设计工具。

为什么?乔布斯的信中说他们禁止Flash是因为:

(1)Flash产品是100%专有的,完全由Adobe控制

(2)Apple产品可以使用替代视频应用程序(如YouTube)

(3)Flashfor拥有最差的安全记录之一,并且在移动设备上表现不佳

(4)Flash视频的电池寿命很差

(5)Flash视频依靠“翻转”播放,但苹果设备不使用鼠标

在发布周末期间,AT&T网络上激活了超过146,000部iPhone。

这意味着网站所有者有理由放弃Flash以支持现代视频:因为他们的观众也在放弃它。

2010:创办了深圳素马设计品牌科技有限公司

在网站迅速发展的年代,素马设计创始人于2010年在深圳创办了网站设计服务公司,

拥有着丰富的网站设计经验以及深入人心的服务,使得素马设计公司得到广大受众的认可,素马设计一直追求创新,不断提升用户体验,一直紧跟趋势甚至在多方面实现超越性。

素马设计声誉:

社会认可与资质(部分):

深圳文化创意联合会首批会员

深圳市平面设计协会会员

深圳用户体验设计协会副会长单位

深圳市室内建筑设计行业协会会员

深商总会会员

awwwards优秀设计单位

深圳设计周供应商

深圳环球大奖供应商

平面设计在中国供应商

腾讯供应商

华侨城供应商。

华润供应商。

万科供应商。

2019:移动互联网使用量超过桌面

当您需要进行Google搜索时,您使用什么设备?如果您说答案是您的智能手机,我不会感到惊讶。(您甚至可能正在移动设备上阅读此内容。)

截至2021年8月,移动设备(不包括平板电脑)占全球网页浏览量的57%。与传统台式机相比,更多人使用移动设备访问互联网。

同样,这严重影响了现代网站设计。对于网页设计师来说,在设计布局时考虑移动用户并创建响应式设计至关重要。

…如果不是,他们可能会疏远一半以上的流量。

2023年及以后网页设计的下一步是什么?

每周都会发布新技术,并且没有人知道下一个十年对网页设计有什么影响。

消费者的偏好每个月都在变化。就像90年代后期有效的“最佳实践”列表不适用于现代网站一样,我们今天看到的网页设计趋势在未来几年将更加先进。

THE END
1.网页设计与制作模拟试题14. 超级链接主要可以分为文本链接、图像链接和什么? A. 锚链接 B. 瞄链接 C. 卯链接 D. 瑁链接 15. 如果要将页面上的某个图形设计成页面下载后显示在页面上,当鼠标放在它的上面时,该图形变为另一图形,那么可以通过( )方法来设置。 A. 使用时间线 http://www.360doc.com/content/17/1111/20/49517540_702979796.shtml
2.设计类实习报告(精选10篇)实习目的:熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。 网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外https://www.fwsir.com/Article/html/Article_20210726170259_1220835.html
3.什么是黄金分割率以及如何在图形和网页设计中使用?APPUI设计创建令人惊叹的艺术品或具有视觉效果的网站并不是一件容易的事。尽管创造力在任何设计的成功中都起着重要作用,但其中也涉及到一些数学和科学。 当人们看到达芬奇或萨尔瓦多·达利这样的标志性艺术家和艺术家的艺术品时,就会想到创意天才。当您看到类似古罗马万神殿的雕塑https://www.shejiku.net/hjfg.html
4.网页设计工具Figma,为什么那么受欢迎?随着互联网的发展,网页设计工具也不断更新,出现了Sketch、XD、Axure、InVision、Figma等等优秀的网页设计工具。Figma中文版本Pixso,成为本土设计师所追捧的网页设计工具。网页设计工具究竟为什么那么受欢迎,本篇文章我们将一起揭晓。https://pixso.cn/designskills/wangyefigma/
5.Photoshop在线网页版,一款完美实现在线PS的工具推荐官方渠道没有Photoshop在线网页版,我们却可以找到一些覆盖 “Photoshop 在线网页版”功能的在线软件工具。替代 Photoshop 在线网页版的工具是什么?替代 Photoshop 在线网页版的工具使用教程是怎么样的?一文全解答,一起来看看! 不过也有一些 Photoshop 在线网页版的“同款”——既可以做到 Photoshop 的设计能力,又能够做到https://js.design/special/article/ps-online-course.html
6.网页制作教学设计1、制作网页的标题:输入文字,并设置文字的格式。 2、插入表格:单击“表格”中的“插入表格”并对表格属性进行设置。如:行、列的操作,对齐方式等。同时讲解什么是行,什么是列,以及单元格的概念。 3、修改表格:调整表格行高和列宽。 4、在学生学会插入表格的基础上,来设计网页,展示作品。并讲解在单元格中可以插入https://www.ruiwen.com/jiaoxuesheji/6417066.html
7.网页设计的注意事项网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。下面是小编为大家整理的网页设计的注意事项,希望能够帮助到大家。 网页设计的注意事项 1、页面内容要新颖 网页内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求我们在设计网https://www.yjbys.com/edu/meigongsheji/308312.html
8.网页设计需要了解的相关知识【网页设计】相关 IE无插件下网页全屏尺寸 1003*592 这个是在1024*768正常下的 1003*572 是在安装ALEX条件下的 关于网页尺寸的设置: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,就不会出现水平滚动条,高度则视版面和内决定。 http://www2.hnsyu.net/syxywlzx/jszc/wlxxaq/201012/t20101212_46968.html
9.打造梦幻设计?看这25款优质渐变色网页就够了三、15款优质渐变色网页设计实例分析 在了解过基本的渐变知识后,摹客小编为大家搜集了一些优秀的渐变色网页设计示例供大家学习和鉴赏。 1.Impossible Bureau Impossible Bureau是一个专门为数字化产品进行网页设计的团队,为客户提供策略、设计、及开发等一条龙服务。 https://maimai.cn/article/detail?fid=1401878475&efid=9P6ASU9u3rVejoDSzQNuVg
10.绘图软件设计准则是什么绘图工具软件有哪些→MAIGOO知识绘图软件,简言之即用来作图的软件,通常是指计算机用于绘图的一组程序。电脑或者手机绘图画图经常要用到各种绘图软件,不同的绘图软件针对性不同,像室内设计、建筑设计、平面设计、动画设计、机械设计、网页设计等不同领域所使用的的专业绘图软件是不一样的。那么,常用的https://www.maigoo.com/goomai/158397.html
11.什么是网页设计(如何做到正确)?上海网站设计建设公司教程那你怎么能让自己成功呢?您可以从一开始就完全确定您的网页设计风格,从而创建一个很棒的网站。但实际上,网页设计是什么?如果您想了解网页设计的全部内容,为什么它如此重要以及如何正确使用,请继续阅读。 什么是网页设计? 图:网页设计与自定义图形 当您使用网站时,网页设计可以创建整体外观。这是规划和构建网站元素的https://www.shinerayad.com/news_info.asp?id=3919
12.dreamweavercs3首页教程和下载网页设计制作工具软dreamweaver cs3是一款著名的网页设计工具,为用户提供创建基于表格的页面布局、使用 CSS 设置页面格式、开发 Web 应用程序等一站式服务,支持以可视方式或直接在代码中进行设计。 Dreamweav世界上最优秀的可视化网页设计制作工具和网站管理工具之一,包括HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页https://www.wmzhe.com/software/35320.html
13.网页设计与制作问题与解决方法在使用Dreamweaver编辑网页时,经常需要插入一些图像,如果要插入的图像很多,按照常规方法来操作就显得非常麻烦,可以利用拖动技巧来很好地解决这个问题。下面介绍网页设计与制作问题与解决方法,希望对您有所帮助。 1. 如何使用3种类型的CSS样式? CSS样式表在网页制作中一般有3种方式的用法,那么具体在使用时该采用哪种用法https://www.qinxue365.com/jsjzx/Web_Design/504740.html
14.2011年7月全国自主考试(网页设计与制作)真题自考2011年7月全国自主考试(网页设计与制作)真题及答案,历年真题 一、单项选择题 (本大题共25小题,每小题1分,共25分) 在每小题列出的四个备选项中只有一个选项是符合题目要求的,请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.下列属于“编程型”网页制作工具的是( ) https://www.educity.cn/zikao/28156.html
15.响应式网页设计Coursera在本课程中,您将学习如何应用交互设计和人机交互的概念来设计和构建一个交互式的专业网站。您将学习如何使用响应式网格布局使网页设计适应不同的屏幕尺寸。您还将学习如何添加导航和其他设计元素,以及如何使用 JavaScript 对象和模板来分离数据和显示内容。 课程结束时https://www.coursera.org/learn/responsive-web-design
16.2019级电子商务专业人才培养方案(1)能够根据摄影色彩、构图策略进行创意拍摄,制作突出商品卖点的商品照片;能够运用相关软件对图片进行处理,提高用户关注度。 (2)具备网络信采集、筛选和编辑的能力, 能够根据要求进行网站内容更新、策化与制作。 (3)具备网店设计与装修的能力,能够根据产品页面需求,进行页面设计、布局、美化和制作。 https://www.hnwmxy.com/jiaoxuekeyan/jiaoxuebiaozhunfabu/rencaipeiyangfangan/2019_r/2020/0703/6462.html
17.网站设计软件下载网站美化软件网页设计软件网站设计软件里面有很多专业性的软件,有免费版可以进行下载,工具众多功能强大,可以快速设计出需要的网站,制作出有出色使用体验的界面,内部有众多模板可以进行参考,更加方便用户操作,设计更加简单,快来试试吧!http://www.downyi.com/key/wangzhanshejiruanjian/