网页设计的基本方式

　　网页设计制作的基本方式包括手工直接编码、利用可视化工具、手工编码和可视化工具结合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句法及结构不变，这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。

　　标签:网页设计的基本方式