dreamweaver一些小技巧.pdf

《Dreamweaver实用小技巧详解》 Dreamweaver作为一款强大的网页设计工具，拥有许多方便快捷的操作技巧，本文将深入探讨其中的一些实用技巧，帮助用户提高工作效率，打造更美观、功能丰富的网页。 我们来看如何利用特殊字体图形增强网页视觉效果。Webdings、Wingdings、Wingdings 2 和 Wp-IconicSymbolsA 字体提供了大量符号和图形，可以在网页中创造出丰富多彩的元素。例如，使用这些字体，你可以轻松地创建出个性化的导航图标或者装饰性图案，使得网页设计更加独特。 上下标的输入是网页制作中常见的需求，Dreamweaver提供了简单的方法。你可以通过HTML标签`<sup>`和`<sub>`来实现。如需输入m2，只需输入`m<sup>2</sup>`；X1则为`X<sub>1</sub>`。这种方式不仅适用于手动编写代码，还可以通过Dreamweaver的可视化界面直接操作。 处理表格布局时，有时我们需要将两个表格并排放置。为此，可以先选中其中一个表格，然后在属性面板中设置“Align”属性为“Left”，这样两个表格就能并列显示在同一行了。如果想在表格之间插入空格，可以使用全角空格，Dreamweaver支持直接插入。 链接管理是网页交互的关键，想要链接在新窗口中打开，有两种方式：一是直接在链接代码`<a>`中添加`target="_blank"`；二是通过Link输入框的Target下拉菜单选择“blank”。 对于不支持框架的浏览器，需要提供备用内容。可以通过在HTML源代码中添加`<noframes>`标签，或者在Dreamweaver的Frameset编辑器中设置noframe内容。 水平线颜色的设置，可以通过两种方式完成：一是直接在`<hr>`标签中指定color属性，如`<hr color="#对应颜色的代码">`；二是创建一个单行表格，并设定表格的cellpadding、cellspacing和bgcolor属性。 关闭当前窗口的功能，可以通过JavaScript实现。在链接文字上添加`onclick`事件，例如：`<a href="/" onclick="javascript:window.close(); return false;">关闭窗口</a>`。 去除链接文字下的下划线，可以自定义CSS样式。在样式表中，创建一个新的CSS规则，针对`a`标签，取消“Decoration”中的“Underline”设置。 当鼠标悬停在表格上时，改变表格背景色，可以利用JavaScript和CSS结合实现。在`<td>`标签中添加`onmouseover`和`onmouseout`事件，分别设置鼠标悬停和离开时的颜色，如`<td onmouseout="this.style.backgroundColor='#0066CC'" onmouseover="this.style.backgroundColor='#FFcccc'">`。 制作站点导航条，可以创建一个表单，插入多个按钮或图像链接，配合CSS和JavaScript实现动态效果，提供友好的用户体验。同时，增加搜索引擎功能，可以通过集成第三方搜索服务，如Google搜索，或者自定义搜索框，提升网站的实用性。至于动画广告，可以使用JavaScript、jQuery或者CSS3动画实现动态效果，吸引用户注意力。 熟练掌握这些Dreamweaver的小技巧，将大大提高网页设计的效率和质量，让你的网页更加专业、互动性强。在实践中不断探索和学习，将能更好地驾驭这款强大的工具，创作出更多精彩的网页作品。