Dreamweaver基础技巧全面接触(1)

2008-02-23 06:18:01来源：互联网阅读 ()

　　很多朋友使用Dreamweaver一段时间后，开始热衷于寻找各式各样的插件，追求各种各样的特效，而对于Dreamweaver中的基本功能反而不去深入研究，其实在Dreamweaver中有很多有用的技巧，假如您多加运用，不但能提高效率，而且能够实现很多实用的效果。今天我把工作中常用的一些技巧介绍给大家，希望对大家能有些用途，同时也希望能唤起大家深入研究的愿望。我准备根据工作中的不同阶段分别介绍各种技巧。

　　一、规划阶段——站点窗口的技巧

　　Dreamweavr的站点窗口常常被很多朋友忽视，其实利用站点窗口我们能够方便的完成很多任务。下面我介绍几个实用的技巧。

　　1、快速添加站点导航。

　　使用站点窗口中的网站地图能够快速制作网站雏形，并能够方便的在个页面之间加入导航链接。首先按如下图标

打开站点地图窗口；选中index.htm文档；点击并拖动站点导航（Site Navigation）窗口中index.htm文档右上角的小圆圈，将他拖动到左边文档窗口中的某一个文档上，如下图所示；

　　Dreamweaver会自动将mydesign.htm的链接加入到index.htm文档中，同样执行此操作并分别指向其他相关链接文档后，导航窗口如下图：

　　此时打开index.htm文档，能够看到相应的连接文字和链接都已添加好了，我们能够根据需要将他们合理的修改和组织。如图：

　　2、快速修改文档Title。很多时候我们新建的文档往往忽视设定文档Title的内容，事后需要修改时，常常得打开每一个文档分别修改。其实这个工作能够在站点窗口中方便的完成。打开站点窗口View菜单下的Show Page Titles，能够使站点窗口中的文档显示出文档头，而不是原先的文档名。默认的文档头是Untitled Document我们能够分别两次点击，改变默认的文字为我们需要的文档头。如图：

　　3、快速生成站点地图。有时我们需要制作一个包含当前站点任何文档结构的站点地图而很难找到合适的方法。Dreamweaver本身就带有这个功能，方法如下：打开File—Save Site Map命令，在弹出对话框中输入保存的文档名，Dreamweaver会在当前站点的根目录下自动生成一个.bmp或.png格式的站点图片。

　　二、页面布局阶段的技巧

　　Dreamweaver不但仅是个良好的页面制作工具，同时他还能够进行精确的页面排版和布局，这一部分我们介绍几个页面布局方面的技巧。

　　1、打开辅助表格。搞过设计的朋友都特别希望能精确的定位网页元素，他们喜欢每个元素都能按自己的愿望精确的定位。Dreamweaver自带的Grid功能能够有助于这种希望的实现。执行命令View—Edit Grid打开坐标辅助，能够选择网格状或是点状显示，同时打开Snap to Grid，以后插入或添加新的元素时，都会按您的设定精确定位。

　　2、利用表格排版页面技巧。合理利用Dreamweaver中的表格功能，能够方便的达到美化页面的目的，下面我介绍几个技巧。

　　1）创建1px边框。有些朋友抱怨Dreamweaver无法做出单像素的表格边框，其实仔细利用表格的属性面板即可做出这种单像素表格。首先使用Object面板插入一个表格，定义表格宽、高及行数和列数。此时Dreamweaver中插入表格的默认CellPad和CellSpace、Border都为0。在属性面板中定义表格的Border为0，CellPad为5（这项可使单元格中的内容和单元格边缘之间保持5个像素）；CellSpace为1（此项使得单元格之间保持1个项素的间距）。配置表格的背景色为深色（如#999999），配置单元格的背景色为浅色（如#FFFFFF）。在浏览其中观察效果即可。

　　2）导入数据表格。有时我们需要将一些在Execel文档中创建的表格导入Dreamweaver中，我们能够下将原来的Execel文档另存为带制表符分隔的.txt文本文档。在Dreamweaver中执行Insert—Tabular Date打开如下窗口：