浅析使用Dream weaver 进行网页设计的技巧

浅析使用Dream weaver 进行网页设计的技

巧

随着计算机技术及网络通信技术的飞速发展，各种大小不等、功能各异的网站迅速崛起，势如破竹，而作为网站的基本组成部分网页，发挥着核心作用。因此在进行网页设计时，必须使用较为先进的网页制作软件，并掌握设计技巧。只有如此，才能保证网页的质量。

一、网页设计与Dream weaver 概述

网页设计是随着计算机技术与网络通信技术的发展而兴起的新兴产业。企业通过网站将自身的规模、产品、文化、经营理念以及其他信息发布在网上，使人才以及合作伙伴等能从整体上对企业有初步的认识，从而促使双方之间达成合作。而在一个完整的网站中，网页是其基本组成单位。在网页的设计过程中，Dream weaver 又扮演着重要角色。Dream weaver ，全称为Adobe Dream weaver ，是由MACROMEDIA 公司生产的用于网页制作的软件。其经过一系列革新，目前最新的版本是Dream weaver CC 2017。

二、使用Dream weaver 进行网页设计的技巧

1、使用层进行页面布局的技巧

层，也就是AP DIV 元素。与表格相比，使用AP DIV 元素进行页面布局的优势在于它包含了文本、图像或其他任何可以在HTML文档正文中放入的内容，而且它还能实现精确定位于网页中任何地方的功能。插入AP DIV 元素的方法为：点击布局，再点击AP DIV元素的图标，

然后在网页设计窗口进行拖动。在AP DIV 元素比较多时，彼此之间的位置关系就显得比较重要。决定AP DIV 元素位置关系的是属性中Z 轴，值越大的AP DIV 元素越在最上层。

2、使用CSS 进行页面布局的技巧

使用CSS 进行页面布局时，应该注意ID 仅能应用于一个HTML 元素，也就是说只能用一次。如果使用ID 选择器，那么必须在选择器名称之前加上#号，例如之前的ID 为one，那么使用选择器的话则应该是#one。在使用时，在页面下方将ID 改为one。假如要在另一个段落也使用这种格式，则新建一个相同的ID 类型即可，但名称不相同。

3、使用快捷键进行页面设计的技巧

熟练使用快捷键进行操作，可以有效的提高工作效率。使用Dream weaver 进行网页设计时，有时可能会出现误操作，这时可以使用快捷键Ctrl+Z 进行撤销操作，如果撤销操作过多时，可以使用Ctrl+Y 重做操作。为避免出现突发情况时造成损失，建议每完成一部分，可以使用快捷键Ctrl+S 随时进行保存。

三、使用Dream weaver 进行网页设计的一些建议

1、文件命名切忌使用中文

由于受到母语先入为主以及固有的思维习惯的影响，很多人在对文件进行命名时，习惯性的使用中文进行命名。而且由于一个网站中有很多页面，每一个页面都需要命名，只有如此才能实现各页面之间的链接及链接之间的修改。很多人为了更好的对每个页面的内容进行区分，就会使用中文进行命名。但在使用Dream weaver 进行网页设计时，

如果使用中文进行命名，就会导致网页无法打开或内容出现乱码。因此最好使用英文或阿拉伯数字进行命名。例如对网站的默认主页进行命名时，不应该命名为默认主页，最好命名为index。

2、AP DIV 元素的嵌套

嵌套的实质是一个AP DIV 元素的代码在另一个AP 元素代码的内部。嵌套的AP DIV 元素会随着父层的移动而移动，并且继承父AP 元素的属性。在进行AP DIV 元素嵌套时，将光标定位于基础层，然后点击相应图标并拖动，然后在光标的位置处释放。值得注意的是，在进行APDIV 元素嵌套时，可以点击查看中的标尺，将其作为辅助线，将鼠标放在标尺的边缘并拖动至AP DIV 元素的左边缘或上边缘，就可以显示出距离。在对新建的需要进行嵌套的AP DIV 元素进行设置时，要先选中新建的AP DIV 元素，这样的话页面下方显示的左数值为该元素左边缘与标尺之间的距离，那么两元素之间左边距的距离就是这个数值。

结束语：

使用Dream weaver、Flash 以及Fireworks 这网页三剑客进行网页设计是目前最先进的网页设计方式。尤其是Dream weaver，在网页设计及布局过程中发挥着重要作用，使得网页在整体上显得更加美观、大方。因此对于网页设计者来说，要熟练掌握设计过程中所应该具备的技能，同时对容易出现问题之处多加注意，最终设计出质量更高的网页作品。