《浅析使用Dream weaver 进行网页设计的技巧》由会员分享，可在线阅读，更多相关《浅析使用Dream weaver 进行网页设计的技巧（3页珍藏版）》请在装配图网上搜索。
1、浅析使用Dream weaver 进展网页设计的技巧随着计算机技术及网络通信技术的飞速开展，各种大小不等、功能各异的网站迅速崛起，势如破竹，而作为网站的根本组成部分网页，发挥着核心作用。因此在进展网页设计时，必须使用较为先进的网页制作软件，并掌握设计技巧。只有如此，才能保证网页的质量。一、网页设计与Dream weaver 概述网页设计是随着计算机技术与网络通信技术的开展而兴起的新兴产业。企业通过网站将自身的规模、产品、文化、经营理念以及其他信息发布在网上，使人才以及合作伙伴等能从整体上对企业有初步的认识，从而促使双方之间达成合作。而在一个完好的网站中，网页是其根本组成单位。在网页的设计过程中
2、，Dream weaver 又扮演着重要角色。Dream weaver ， 全称为 Adobe Dream weaver ， 是由MACROMEDIA 公司消费的用于网页制作的软件。其经过一系列革新，目前最新的版本是Dream weaver CC 2021。二、使用Dream weaver 进展网页设计的技巧1、使用层进展页面布局的技巧层，也就是AP DIV 元素。与表格相比，使用AP DIV 元素进展页面布局的优势在于它包含了文本、图像或其他任何可以在HTML文档正文中放入的内容，而且它还能实现准确定位于网页中任何地方的功能。插入AP DIV 元素的方法为：点击布局，再点击AP DIV元素的
3、图标，然后在网页设计窗口进展拖动。在AP DIV 元素比较多时，彼此之间的位置关系就显得比较重要。决定AP DIV 元素位置关系的是属性中Z 轴，值越大的AP DIV 元素越在最上层。2、使用CSS 进展页面布局的技巧使用CSS 进展页面布局时，应该注意ID 仅能应用于一个HTML 元素，也就是说只能用一次。假设使用ID 选择器，那么必须在选择器名称之前加上#号，例如之前的ID 为one，那么使用选择器的话那么应该是#one。在使用时，在页面下方将ID 改为one。假设要在另一个段落也使用这种格式，那么新建一个一样的ID 类型即可，但名称不一样。3、使用快捷键进展页面设计的技巧纯熟使用快捷键进
4、展操作，可以有效的进步工作效率。使用Dream weaver 进展网页设计时，有时可能会出现误操作，这时可以使用快捷键Ctrl+Z 进展撤销操作，假设撤销操作过多时，可以使用Ctrl+Y 重做操作。为防止出现突发情况时造成损失，建议每完成一部分，可以使用快捷键Ctrl+S 随时进展保存。三、使用Dream weaver 进展网页设计的一些建议1、文件命名切忌使用中文由于受到母语先入为主以及固有的思维习惯的影响，很多人在对文件进展命名时，习惯性的使用中文进展命名。而且由于一个网站中有很多页面，每一个页面都需要命名，只有如此才能实现各页面之间的链接及链接之间的修改。很多人为了更好的对每个页面的内容
5、进展区分，就会使用中文进展命名。但在使用Dream weaver 进展网页设计时，假设使用中文进展命名，就会导致网页无法翻开或内容出现乱码。因此最好使用英文或阿拉伯数字进展命名。例如对网站的默认主页进展命名时，不应该命名为默认主页，最好命名为index。2、AP DIV 元素的嵌套嵌套的本质是一个AP DIV 元素的代码在另一个AP 元素代码的内部。嵌套的AP DIV 元素会随着父层的挪动而挪动，并且继承父AP 元素的属性。在进展AP DIV 元素嵌套时，将光标定位于根底层，然后点击相应图标并拖动，然后在光标的位置处释放。值得注意的是，在进展APDIV 元素嵌套时，可以点击查看中的标尺，将其作
6、为辅助线，将鼠标放在标尺的边缘并拖动至AP DIV 元素的左边缘或上边缘，就可以显示出间隔 。在对新建的需要进展嵌套的AP DIV 元素进展设置时，要先选中新建的AP DIV 元素，这样的话页面下方显示的左数值为该元素左边缘与标尺之间的间隔 ，那么两元素之间左边距的间隔 就是这个数值。完毕语：使用Dream weaver、Flash 以及Fireworks 这网页三剑客进展网页设计是目前最先进的网页设计方式。尤其是Dream weaver，在网页设计及布局过程中发挥着重要作用，使得网页在整体上显得更加美观、大方。因此对于网页设计者来说，要纯熟掌握设计过程中所应该具备的技能，同时对容易出现问题之处多加注意，最终设计出质量更高的网页作品。本文档【浅析使用Dream weaver 进展网页设计的技巧】更多文档欢迎访问wendang.chazidian
浅析使用Dream weaver 进行网页设计的技巧
