怎么设计网页才能快速加载信息
Low-Tech Magazine这个改版项目，真正令人惊艳的另一个地方，就是它减少了资源消耗，节省了成本，今天小编主要给大家分享怎么设计网页才能快速加载信息，希望对你们有帮助!
上个月，Low-Tech Magazine悄然改版，重新推出的网站也发生了巨大的变化。作为与能源和技术紧密相关的新闻业的一员，Low-Tech Magazine在节能这件事上，几乎做到了极致。
当今主流网站在Internet上使用了大量的动态效果，丰富了多媒体的“重内容”，所有内容在后端数据库中都是实时可搜索的，服务器往往托管在专业的数据中心。然而，Low-Tech Magazine的网站是不同的，网站使用静态的文档，内容存储在一个自托管的服务器上。
这一服务器就在创始人Kris De Decker家的阳台上，由一个小型光伏阵列供电。网站可以在阳光充足的时候保持网站在线，如果超过2天都是阴天的话，Low-Tech的网站可能就得离线了。网站上会显示当前电池剩余电量和当前天气。
没有广告弹出窗口，图像素材也被压缩到了极致。网站LOGO并没有经过设计，直接使用的是unicode的文本字符，显示的字体是浏览器的默认字体。
这意味着你的电脑不需要像访问New Yorker网站那样请求查询服务器，然后下载专用的web字体。简而言之，Low-Tech Magazine在改版之后，整个网站的平均页面大小比以前小了5倍。
Low-Tech Magazine的做法不仅仅是将网站的风格转变成更复古、更90年代粗野主义风格。它与今天的设计理念和价值观背道而驰，更像是在提醒我们，如今我们的互联网是有多重——从用户到设计师、开发着和编辑，每个人都为今天的互联网贡献了无与伦比的内容和价值。
“过去，我们只是坐在一台巨大的台式电脑前，拨号连网，打开浏览器之后，才算是上线了。”De Decker说道：“但是现在这种限制已经消失了，从睁开眼的那一刻开始，直到深夜沉沉睡去，我们一直在线。”
你有没有想过，当你躺在床上用Instagram刷出一张图片的时候，要消耗多少能量?当你看到Low-Tech的新版网站时，或许在看到电池图标的时候，会想到这个问题。
Low-Tech Magazine这个改版项目，真正令人惊艳的另一个地方，就是它减少了资源消耗，节省了成本，恢复了应有的阅读体验，每页的下载速度提高了10倍，并且没有使用更多的信息和内容来填充用户的眼睛。
这种节约的思路真的在改变用户的行为，让我们更加理性的消费信息。它所构建的互联网体验与过去大不相同:它不吸引用户去点击，而是让用户在有需求的时候获取信息。
网页设计的基本方式
网页设计制作的基本方式包括手工直接编码、利用可视化工具、手工编码和可视化工具结合3种方式。
1．直接编码方式.
网页是由HTML超文本标记语言编码的文本文件，设计制作网页的过程就是生成HTML代码的过程。在www发展的初期，制作网页是通过直接编写HTML代码来实现的。
直接编码方式制作网页不但效率低，而且专业要求较高，且调试过程复杂。但是，直接编码方式也有其优点，它可以准确地布置页面元素。
2．可视化工具方式.
随着网页制作技术的不断发展，出现了Dreamweaver等可视化的网页编辑工具，网页设计人员利用这些工具在可视环境下编辑制作网页，由编辑工具自动生成对应的网页代码。
利用可视化工具进行网页设计的方式通常称为所见即所得方式。所见即所得方式编辑网页操作简单直观、调试方便，是大众化的网页编辑方式。它不要求设计人员掌握大量复杂的HTML标记，制作效率高，但用可视化方式形成的页面，终还要被翻译为HTML源代码。也就是说，网页编辑工具将HTML代码的生成自动化了，网页的源代码仍是HTML代码。由于这种翻译是按软件编制人员事先设计好的模式进行的，对于各种不同的可视化设计的页面，生成的HTML代码难免会存在一定的冗余，不会像直接设计的HTML代码那样简洁。
3．编码和可视化工具结合方式.
编码和可视化工具结合是一种比较成熟的网页制作方式。一般的网页元素通过可视化工具编辑制作，一些特殊的网页效果通过插入代码生成。
直接编写HTML代码需要熟记格式，不易设计复杂的网页；可视化工具使设计简单直观，可以利用软件提供的诸多功能，容易学习。
在实际网页设计中，编码和可视化工具相结合是常用的网页设计方式。它要求设计人员既要熟悉编码语言，又能运用可视化工具。
网页设计工具.
目前有许多设计Web页面的工具软件，总体上可以分为两大类：一类是用HTML语言直接编制Web页的编辑软件，即普通的文本编辑软件，如Windows中的记事本；另一类为可视化网页制作工具，目前为流行的是Adobe公司的Dreamweaver。Dreamweaver早期属于Macromedia公司的产品，一般称为Macromedia Dreamweaver，2005年后Macromedia由Adobe公司并购，Dreamweaver因此变为Adobe Dreamweaver。
Dreamweaver是“所见即所得”的可视化网站开发工具，深受广大网页设计人员的喜爱，它与Fireworks、Flash一起称为“网页设计三剑客”，众多的专业网站和个人主页都把它列为网页设计的优选工具。在“网页设计三剑客”中，Dreamweaver是一个总设计师，负责建立站点、组织排版、制作网页等，Dreamweaver与Fireworks、Flash实现了无缝链接，可以方便地调用Fireworks进行网页图像的处理，可以方便地把Flash设计的动画插入到网页中，从而形成一个完美的网页设计开发环境。
Dreamweaver是一个很专业的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、Java锝擄絻锝掞綁锝愶綌、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头至尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，同时它还提供了自动更新页面信息的功能。
Dreamweaver还采用了Roundtrip HTML技术。这项技术使得网页在Dreamweaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变，这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。
