Dreamweaver基础技巧全面接触.docx

很多朋友使用 Dreamweaver一段时间后，开始热衷于寻找各式各样的插件， 样的特效，而对于 Dreamweaver 中的基本功能反而不去深入研究，其实在 追求各种各 Dreamweaver 中有很多有用的技巧，如果你多加运用，不仅能提高效率，而且可以实现很多实用的效 果。今天我把工作中常用的一些技巧介绍给大家，希望对大家能有些用途，同时也希望 能唤起大家深入研究的愿望。我准备根据工作中的不同阶段分别介绍各种技巧。 一、 规划阶段——站点窗口的技巧。 Dreamweavr 的站点窗口常常被很多朋友忽视， 其实利用站点窗口我们可以方便的完成很 多任务。下面我介绍几个实用的技巧。 1、快速添加站点导航。 使用站点窗口中的网站地图可以快速制作网站雏形， 并可以方便的在个页面之间加入导 航链接。首先按如下图标 打开站点地图窗口；选中 index.htm 文件；点击并拖动站点导航（ Site Navigation ） 窗口中 index.htm 文件右上角的小圆圈，将它拖动到左边文件窗口中的某一个文件上， 如下图所示； Dreamweaver 会自动将 mydesign.htm 的链接加入到 index.htm 文件中， 同样执行此操作 并分别指向其他相关链接文件后，导航窗口如下图： 1 / 14 此时打开 index.htm 文件， 可以看到相应的连接文字和链接都已经添加好了，我们可以 根据需要将他们合理的修改和组织。如图： 2 、快速修改文件 Title 。很多时候我们新建的文件往往忽视设定文件 Title 的内容， 事 后需要修改时， 常常得打开每一个文件分别修改。 其实这个工作可以在站点窗口中方便 的完成。打开站点窗口 View 菜单下的 Show Page Titles ，可以使站点窗口中的文件显 示出文件头，而不是原先的文件名。默认的文件头是 Untitled Document 我们可以分别 两次点击，改变默认的文字为我们需要的文件头。如图： 3、快速生成站点地图。有时我们需要制作一个包含当前站点所有文件结构的站点地图 而找不到合适的方法。 Dreamweaver 本身就带有这个功能，方法如下：打开 Site Map 命令，在弹出对话框中输入保存的文件名， Dreamweaver 会在当前站点的根目录下自动 生成一个 .bmp 或.png 格式的站点图片。 2 / 14 二、 页面布局阶段的技巧。 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 文本文件。在 D