1. David Wu首页
  2. web前端
  3. CSS

一个网页设计的历史教训:20年网页设计

这似乎是疯了。我开始我的旅程作为一个网页设计师在1996年,供职于我的当地报纸。如果我的数学是正确的,那么我正要进入我的二十年。超过一半我的生活已经花费的工作在网络上。 因此,我想这可能是有趣的,看看后面如何在网上工作(或没有)当时和比较,一些我们今天所面临的挑战。我已经是这个问题,历史是否重演在网络上? 贸 WP网站建设

这似乎是疯了。我开始我的旅程作为一个网页设计师在1996年,供职于我的当地报纸。如果我的数学是正确的,那么我正要进入我的二十年。超过一半我的生活已经花费的工作在网络上。

因此,我想这可能是有趣的,看看后面如何在网上工作(或没有)当时和比较,一些我们今天所面临的挑战。我已经是这个问题,历史是否重演在网络上?

贸易工具

1996年,网页设计还处于起步阶段,在商业意义上,至少。那时我的编码(而这把它亲切地)HTML通过手工在Windows 95中的记事本。

一些基本的网络编辑,如咖啡杯,存在了。但所见即所得甚至还没有接近现实。大多数情况下我发现的任何HTML编辑器在那里写了马虎代码(就像我一样)。这并没有开始好转,直到1997年,当时​​Macromedia公司发布了第一个版本的Dreamweaver(后来又买了由Adobe)。

Macromedia公司在1997年发布的Dreamweaver
Macromedia公司在1997年发布的Dreamweaver

说到Adobe公司,它的令人尊敬的Photoshop是不是在所有的网页设计友好的应用程序,这是今天。为什么呢,看在它的历史版本,这是惊人的认为无时不在“另存为网页…”选项没来之前的Photoshop 5.5版本,发布于1999年。

的Photoshop 5.5的另存为网页对话框。
的Photoshop 5.5的另存为网页对话框。(图片来源)

所有的CSS3善良,我们现在享受的日子之前,Photoshop中是相当多的的阴影的唯一选择,圆角和渐变。对于网络使用压缩图像甚至没有在Adobe的脑海里一个念头当时的情况。

除了 ​​图形和代码编辑,首选设计师的主要工具是一个很好的旧的FTP客户端。基于Web的文件上传超过56K调制解调器是不是一种选择。

历史是否重演吗?
当然不是。Dreamweaver和Photoshop中仍然很受欢迎,做工精良。更何况数百,甚至数千的其他工具进行设计和开发变得更加容易。无论您的口味和需求,有最有可能的一个工具,在那里,以适应你完美。

浏览器

任何人都还记得NCSA马赛克?共同开发由马克·安德森,谁后来又开发的Netscape,马赛克被捆绑了大量的互联网服务提供商(ISP)的入门套件。器Netscape 2.0和Internet Explorer 3.0是1996年发布。

马赛克1.0网络浏览器。
摩西1.0网页浏览器

该浏览器是马车和不稳定。这是很平常的特定网站(尤其是一个正在运行的冲击波 / 闪光反复崩溃您的浏览器会话) -这意味着你永远不会得到真正检查出现场。

其中的这个时间段最糟糕的趋势是网站功能的专有代码,这只会工作在Internet Explorer(谢谢,微软)。这也同时使用非IE浏览器导致大多无法使用网站。

历史是否重演?
值得庆幸的是,没有。虽然我们仍然要处理一些较旧的灾难,我的意思是IE浏览器的版本,现在情况显然要比他们在90年代。虽然Mosaic和Netscape的品牌早已化为尘土,IE不见了还有,取而代之的边缘。Chrome浏览器,火狐,Safari和Opera是全固态方案。基于浏览器的怪癖是仍然存在,但他们曾经是几乎没有普遍。

设计方法和限制

90年代中期是无疑是“ 狂野西部 ”的设计。座右铭当时是“只要得到它的工作”。正如上面提到的,Web浏览器是非常可怕的。有时,这似乎是你必须诱骗他们与任何的外观配合或功能,你想创造。

你跟表做它,当然
几乎每一个主要的网站使用了基于表格的布局,作为CSS1只是正在为准备发行。如果你从来没有建立一个基于表格的布局,你已经错过了一些乐趣。

一个网页由表。
一个网页由表。(图片来源)

虽然这是很容易的创建一个布局了多列,其他布局需要创造力的伟大程度。通常情况下,该溶液被简单嵌套一个表的另一个内,周而复始。该代码非常臃肿和征税连接速度慢。

蜗牛种族
连接速度是最大的障碍在创建站点之一。56K调制解调器速度很慢,但我的善良,他们似乎是宽带时,14.4和28.8机型相比。通常情况下,你想你的主页(代码和图像),至总量小于50KB的空间。

当然,现在我们看到的网站与全宽滑块了超过1MB自己。缓慢的互联网连接提供了一个艰难的挑战,你经常必须做到心中有数。

决议/设备
你知道,智能手机在你的手?那么,它很可能具有更高的分辨率比大多数台式电脑从1996年我的碰撞容易发生Packard Bell公司跑了诱人的640×480屏幕。你看,我们移动第一个!

但严重的是,这是一个小屏幕。一些用户在800×600,甚至偶尔的1024×768运行(如果你正在运行一个真正的高端系统),但是这是很难获得更大的分辨率,如果你是不是已经在一个运行。这导致很多网站被设计用于小屏幕 – 只有打破在更大的显示器。

这可能浏览网页的移动设备是相当多的在那些日子里一个白日梦。而且,尽管我从来不觉得喜欢它的时候,事情其实更简单的是什么类型的屏幕你设计的的条款。现在,我们有响应的布局,将几乎所有的屏幕工作。

网站管理
所以是的,有没有像WordPress事情在当天返回。如果你想编辑您的网站的内容,或者更糟糕的是添加一个新的导航部分,你几乎劈砍而去的可能在一个静态的HTML网站的数百个文件。

虽然服务器端包含,使用了一些精明的人(不是我),其他(我)被转移到不断变化的每一个文件的网站。全局搜索和替换是一个很大的帮助。

从中期到90年代后期的任何内容管理系统通常被定制为企业和花费的资金相当大的一笔。不过,他们没有工作这么好。浏览器和脚本的限制会使这些系统的资金一个很大的浪费,在许多情况下。这也是一个原因IE 6坚持围绕远远超出了其使用寿命。

历史是否重演?
我说有重复的唯一的事情(和乘)本身是屏幕分辨率,我们必须设计为设备的数量之多。的响应式设计的出现,无疑提出,挑战更容易解决,虽然。

正如我前面提到的,那些“经典”的浏览器经常拿着相同的代码,并在非常不同的方式呈现它。虽然这个问题仍然会时不时弹出来的时候,它几乎没有设计的灾难,它曾经是。这是使我们能够创建在所有屏幕上的工作设计的另外一个巨大的一步。

此时此刻

喜欢电子产品和汽车,网页设计已经走过了很长的路要走的时间相对较短。这是惊人的,看看有什么才华的设计师和开发人员正在创建,从未梦想过这样的事情回来时,我就开始了。

幸运的是,硬件和软件的进步都取得了我们的工作更容易和民主化发布在线。我们再也不用出租大公司建立了我们一个CMS。有许多伟大的人免费提供。一键安装来自托管服务提供商允许那些谁不专业,甚至下车到在网络上运行的开始。这创造了更多的机会,让我们所有的人。

没有你的旅程开始时作为一个网页设计师?什么是一些来自当时和现在最明显的区别是什么?

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/5556

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

邮箱地址不会被公开。 必填项已用*标注