高效攻略：深入掌握网页设计技巧

1、灵活运用CSS样式在网页设计中，熟悉CSS样式的运用是每个设计师的必备技能。我们可以通过多种方式调用CSS样式，例如点击鼠标右键选择CustomStyle来调用标准样式，或者在状态栏中的元素列表上单击右键调用样式。虽然不同方法看似效果相同，但产生的HTML代码却大相径庭。

以使用CustomStyle调用样式为例，会在网页代码中生成一个<span>标签。过多的<span>标签会导致文件臃肿，并影响浏览器解析速度。因此，建议在状态栏中的元素列表上调用样式，以提高网页效率。

2、活用表单控件在复杂的网页设计中，表单的应用极其广泛。利用表单可以自由控制文本和图像的位置，使整个网页看起来统一紧凑。

Dreamweaver提供了“Insert Table”命令来快速创建表格。将光标置于单元格内，选择“Command Insert Table”，在出现的对话框中选好设计方案。按Apply键查看效果，如不满意可修改参数，如边框粗细、背景颜色等。

3、多重链接技巧我们都知道超级链接一次只能连接到一个页面。如果想在同一框架页中打开多个文档，可以使用“GoToURL”JavaScript行为。

首先打开一个带框架的网页，选择文字或图像，在行为面板中选择“GoToURL”。Dreamweaver会显示所有可用的框架，选好一个并输入URL即可。

4、优化文件命名习惯在制作网页时，通常会给网页起一个代表性强、易理解的中文名字。但在Dreamweaver中，中文文件名可能会造成调用错误。为了防止这种现象，保存网页时最好使用英文或数字作为文件名。

5、调整分辨率以保证浏览效果在网页设计中，各个计算机的分辨率不同。要使主页在不同的分辨率下都能正常显示，可以在Dreamweaver中设置显示分辨率的值。

在文档窗口右下角，Dreamweaver会显示当前文档设计成的分辨率大小。单击相应数字，在弹出菜单中为页面指定显示分辨率。通过修改参数，可以使主页在不同分辨率下都具有良好的显示效果。

6、巧妙隐藏标签为了使网页更美观，我们需要避免过多不必要的标签。按Ctrl+U打开Preferences面板，在Category中选择Invisible Elements，取消不需要的元素标签前勾选。

7、善用拖放技巧在使用Dreamweaver编辑网页时，插入图像等操作可以借助拖放技巧简化。找到图像文件后，将其拖动到网页适当位置，Dreamweaver会自动添加相关代码。

8、设置自动更新时间为了提高网页回头率，我们需要不断更新内容。以下是一个能自动更新修改时间的源代码：

<script language="JavaScript">
// 源代码插入点...
</script>

9、巧妙复制文字在实际工作中，我们经常需要在不同应用程序之间复制文本。在Dreamweaver中，复制编辑区中的文本时可以多按一个C键，这样只会复制选中的文本。

10、利用快捷键提高效率为了提高工作效率，可以在Dreamweaver中使用快捷键。如使用Ctrl-B或Ctrl-I为文字应用黑体或斜体格式，以下是一些常用快捷键：

11、自动关闭网页如果想让自己的网页在指定时间内自动关闭，可以在源代码标签后添加以下代码：

<script language="JavaScript">
// 自动关机时间...
</script>

12、设置对象名称在制作复杂效果时，需要经常重复使用某个或多个对象。这时，为这些对象取名便于调用和定位。

通过对象的“属性”面板来操作命名。给每个新创建的对象取一个代表性强、易于记忆的名称。

13、增加图像链接动态效果为了让鼠标悬停在一定位置时产生动感，可以先准备两幅图象：原始图象和鼠标移上去后的效果图象。

在属性面板中的链接栏中填上要链接的文件，然后选中第一幅图象。在Behaviors窗口中选择swapimage，接着选择第二幅图象即可。