Dreamweaver你该掌握的小技巧(七)
沉沙 2018-05-30 来源 : 阅读 2083 评论 0

摘要:本文讲解了三十个Dreamweaver你该掌握的小技巧,希望阅读本篇文章以后大家有所收获,帮助大家Dreamweaver入门。

181. 内置跟踪机制 在 Dreamweaver 中将网站中各个网页文件和图像之间的联系保存在建立网站时生成的

缓存中,对整个网站的文件进行跟踪,当网站中的文件发生变动时,Dreamweaver 会提示设计者。

 

182. 在“文件”面板中新建文件注意事项

在网站中新建文件时,鼠标的位置决定了建立网页的位置。例如在网站的根目录上单击右键,建立的新文件将保存在根目录中。同样如果在子目录中单击右键新建文件,则新文件保存在这个子目录中。

 

183. 快速打开编辑窗口

在“文件”面板中双击需要编辑的文件,如果设置了隔离功能,将提示是否隔离。

 

184. 为库的创建做准备

在 Dreamweaver 中,库是依赖于网站而存在的,所以在创建库之前,要先定义好一个网站。

 

185. 创建库的另一种方法

打开“库”类别,选择重复出现的元素组合,直接将其拖动到“库”类别中。

 

186. 快速插入库项目

在“库”类别中选择要插入的库项目,将其拖动到网页中即可。

 

187. 取消库项目与网页的关联

当我们只需要把库项目中的内容加到页面中,而不需要和库进行关联时,可以在拖动库项目到网页的同时按住 Ctrl 键,这样出现在网页中的只是库项目中的 HTML 语句,而不是库项目。

 

188. 高亮度的库项目

将库项目应用到网页文件中后,在 Dreamweaver 的主编辑页面中,库项目的背影呈现高亮度显示。在网页文件中选择这部分,就可以选中整个库项目。

 

189. 更新网站

通过修改库项目,可以很方便地对网站进行更新。如果在一个网站中需要大量用到同样的元素,一定要把它定义成库项目,即使你知道这个元素以后不会改变。这样做的理由很简单,万一在拷贝粘贴上百或上千个网页时,发现以前不小心写错了一个字,如果你没有用库项目的话,就要重要一遍,而用库项目就方便多了。

 

190. 更新网页

在完成对库的编辑, 保存库文件后, Dreamweaver 会提示用户更新使用该库文件的网页。 

 

191. 快速编辑库项目

在“库”类别中双击库项目的名称。

 

192. 快速新建模板 在“模板”类别中单击右下角的“新建模板”按钮,即可快速新建一个模板文件。

 

193. 模板提示

新建模板后,在“模板”类别中将显示几段提示。双击模板图标,Dreamweaver 将打开一个新的窗口,可以在这个窗口中编辑模板。

 

194. 制作模板

制作模板的最佳方法是把一个编辑好的网页按自己的要求加以修改后存成模板, 也可以从空白页开始编辑,将结果保存成模板。

 

195. 模板的功能

在一般的网页编辑软件中,也提供了模板的功能。但是它们大多都是集成在程序里,不能进行单独的编辑。Dreamweaver 中的模板功能更加灵活,可以进行单独的编辑,这大大提高了Dreamweaver 的扩展性。

 

196. 可编辑区

在模板中可编辑区对应网页中的可编辑部分,锁定区是那些不可编辑的部分,例如有共同特征的标题和标签等。在默认的方式下,Dreamweaver 将新模板的所有部分设置为不可编辑的区域,在保存时会提示模板中没有可编辑区域。在编辑模板时,无论是可编辑区域还是锁定区域都是可以编辑的。但是在将一个模板应用到网页当中时,锁定区是不可以编辑的。 

 

197. 使用另一种方法将模板应用到文件中

执行“修改>模板>套用模板到页”菜单命令,还可以将模板列表中的模板直接拖动网页。

 

198. 与模板脱离

当不再需要对一个网页使用模板时,可以执行“修改>模板>从模板中分离”菜单命令,将网页和关联的模板文件脱离, 脱离之后的网页将成为普通网页,而不再有可编辑区和不可编辑区之分。

 

199. 将可编辑区去除

选中要删除的可编辑区,执行“修改>模板>删除模板标记”菜单命令,即可将可编辑区去除。

 

200. 修改模板

建立了模板后,不论是可编辑区还是锁定区域都可以对其进行修改。可编辑和不可编辑是对网页而言的。

 

201. 更新一个单独的网页

执行“修改>模板>更新当前页”菜单命令,只更新一个单独的网页。

 

202. 使用模板和库项目联合更新网站

模板和库项目的另一个重要应用是联合更新网站。在 Dreamweaver 中记录着网站中应用了模板和库项目的网页文件, 当网页设计者对模板和库项目进行修改后, 将提示更新网站。 


203. 对资源进行编辑

如果在 Dreamweaver 用户参数设置中设置了各种文件格式的扩展编辑器,那么在“资源”面板中,只需要单击右下角的“编辑”按钮,系统就会调出相应的程序对选中的资源进行编辑。

 

204. 新建颜色资源和链接资源

只要在收藏夹方式下单击“新建颜色”或“新建 URL”按钮,就可以在跳出的颜色选取面板或“添加URL”对话框中建立新的资源了。

 

205. 手动更新网站资源列表

当在 Dreamweaver 中添加或者删除了网站资源后,必须单击“刷新站点列表”按钮来刷新网站资源列表,才可以在“资源”面板中显示出资源的变化情况来。而如果是在Dreamweaver 之外,比如 Windows 的资源管理器中,添加或者删除了网站资源,还必须在“资源”面板的子菜单中使用“重建站点列表”命令重新建立网站资源列表,才能更新“资源”面板。

 

206. 快速重新建立网站资源列表

在单击“刷新站点列表”按钮的同时,按住 Ctrl键,可重新建立网站列表。

 

207. 管理资源注意

“资源” 面板中显示的网站资源经常和网站窗口中显示的网站不一致,这是因为“资源”面板是和当前正在编辑的网页相联系的,即当前正在编辑的网页属于哪个网站,“资源”面板就显示这个网站的资源。只要注意观察“资源”面板的标题栏,就可以知道当前显示的是哪个网站的资源了。

 

208. 无法对颜色和链接资源定位

因为并没有实际的文件存在,所以对这两种资源是无法进行定位操作的。

 

209. 页面元素的定位

在普通设计中,页面元素定位使用的是无边框的表格,一般效果都还不错;还可以用新增的排版表格和排版单元格来进行定位。

 

210. 页面的背景与风格设置

在许多网站上我们都能看到,信息量越多,主页面就挤得越紧,这就需要细致地安排内容布局。相反,许多个人站点因为并不是以信息量吸引人,所以其页面的美工设计就成了重头戏,每一种色彩,每一个空白部分都需要精心规划。个人站点上一般还有着几张富有个性的背景图片,但对于那些信息量多的网站,背景太深或太显眼都会严重影响到内容的阅读,这时一般只用一些淡色的背景甚至根本不用。


本文由职坐标整理并发布,了解更多内容,请关注职坐标常用软件Dreamweaver频道!

本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 2 不喜欢 | 0
看完这篇文章有何感觉?已经有2人表态,100%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程