HTML 环境之下的Dreamweaver 的应用剖析

刘 颖

（中铝山东工程技术有限公司，山东 淄博 255000）

在HTML 环境之下的Dreamweaver 的制作网页的过程中，有效应用HTML 语言，可大幅度提升制作的整体效果，更好的发挥网页作用及实效性，基于此，相关工作人员在具体进行相关操作的过程中，理应注重积极学习各种有效的制作方法和技巧。

1 Dreamweaver 软件

Dreamweaver 是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver8 的发布，更坚定Dreamweaver 在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。

2 分析网页的现况

正是互联网为信息交换提供了广泛的平台，对这种新兴的信息传播介质感兴趣的人们也越来越多，各种类型的网站如个人博客、社交网站、门户网站、名类论坛等，极大地丰富了人们的生活。现代的网页设计涉及的具体内容很多，主要由实用功能、版式设计、视听元素等三方面组成。现代的网页设计中处处体现实用功能，花哨的、无用的设计在网页潮流中必将慢慢被人们所遗忘，突出实用功能才是现代网页设计思想中的主流。类似Google.Baidu，就是以功能为主的网页设计最有力证明。使用者如何从网页中得到更好的功能，这就需要站在使用者的角度来看待网页设计，才能使自己做出的网页受欢迎，从而达到基本的目的；所谓网页的版式设计，就是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维的个性化表现出来，以便使版面上的思想能进入观者的心灵。

3 HTML 环境之下的Dreamweaver 的应用剖析

3.1 站点合理管理

建立站点是网页制作的第一步，然而要建立一个好的站点不是一件容易的事。站点制作前必须规范地规划好站点结构，为以后的制作，维护和更新提供便利。DW 可将某一本地文件夹作为根目录，定义成站点。1） 将站点内容分门别类，将公用的所有图像，声音或者视频与相关页面放在同一文件夹内。而一些特定的文字与图片内容则建立相对应的文件夹；2） 目录层次也不宜过深，一般不超过三层目录，以便于管理；3） 站点目录下可以有index．html 文件，就是站点的首页，这样方便快速找到直接进入网站的方法；4） 目录中的所有文件夹与文件尽量不能有中文名字。

3.2 在DW 的布局有三种方法：表格，框架，CSS+DIV

1） 嵌套的表格在原来的大表格里面，少于100 百分比就行了，这样排列的整体表格布局不会错位，很整齐美观；2） 此框架网页内共有三个框架，其中上方与左侧部分分别在两个独立的网页中，一般是网站的LOGO，用户注册，菜单导航等内容，这些内容在所有分页中几乎都是固定的不发生任何变化。而右侧部分就是主框架，就是访问者点击上方或左侧菜单所显示的网页具体内容。这样的布局很省力而且很有灵活性。但使用框架时经强调的是：当要保存网页文件时，开始第一次保存时可以点击：“文件——保存全部”，就会弹出一系列对话框让学生保存。

3.3 注重目的明确

具体开展各环节网页制作操作的过程中，由于此项工作本身具有较高的任务性，简单来讲，网页制作过程中一般带有较强的计划性及目的性，即实际开展相关制作操作以前便对想要于网页中呈现的内容进行了有效的规划，包括需要加入到其中的音频及图片等，因此，在具体开展网页制作操作时，需要重视基于相应设计理念，并在充分考量用户需求的基础上，开展针对性及实效性均较高的规划操作。

3.4 合理开展页面布局

网页中各内容的呈现倘若单纯依靠文字的形式，则会导致相应网页整体的可观赏性大幅度及规整性降低，通过有效利用表格、合理加入各种网页元素的方式可有效解决此类问题，且可以促使所制作的网页更富有层次感，使得用户更为直观、明确的了解网页想要表达的重要内容。

4 结语

总而言之，在HTML 环境之下的Dreamweaver 网页制作软件是一款经得起时间与实践考验的优良软件。在具体Dreamweaver 网页设计过程当中，使用哪种网页布局模式，需要我们进行详细分析客户的需求。