首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>Dreamweaver>文章内容
DreamWeaver经典技巧四则
来源: 作者: 发布时间:2007-04-12

 DreamWeaver经典技巧四则

  一、偏好资源的积累

  利用DreamWeaver4制作网页会应用到许多各种类型的要素,比如色彩、图片、模板、脚本等。利用站点资源面板将这些东东积累起来,在站点资源基础上构建自己的偏好资源库,只要我们定义了自己的站点,就可以随时随地将使用频率高的资源调出来应用到站点文件中。用快捷键F11打开资源面板,各种类型的要素就会自动地增加到相应标签上,例如色彩,结合Shift或Ctrl键选择我们常用的一个或多个色彩资源,单击右下角AddtoFavorites按钮,将该资源添加到偏好资源列表中(如图1)。应用时很简单,选择要应用的区域,将该资源拖动到该区域上即可。

  二、快速批量更改

  站点中修改超链接时你也许会遇到难题,大量的链接存在绝大多数文件中,个个攻破难免会让人头痛,这时我们利用查找和替换功能可以实现批量更改。在站点管理器中执行菜单Edit/FindandReplace...命令,在弹出的Find and Replace对话框中,选择EntireLocalSite为在站点内的查找范围,并选择SourceCode搜索源代码,右侧文本框中输入搜索的错误链接地址,点击FindAll按钮即可,就会列出含有错误链接的文件(如图2)。确认后,在Replace文本框中输入正确的链接地址,后点击ReplaceAll按钮,提示是否进行更改,选择“是”进行更改即可,文件头标出绿色圆点表示更改成功。

  三、网页元素的精确定位

  设计网页需要精确制定各元素位置,使用层可以轻松实现。较通用的方法是使用表格,在网页中建立一个表格,设置表格边框宽度为0,把各元素按照定位要求置于各个表格单元中,并调整单元格的大小及边框的位置。虽然比较通用,但比较麻烦,需要仔细调整。而层在网页中可以随意放置,故此可以使用层来进行精确定位,使用方法是:将定位的元素放在页面插入的层中,把层放到所想要的任何位置就可以了,而且还可以借助标尺和网格精确定位。因为层只支持最新的浏览器,为了兼容旧的浏览器,我们可以将它转变为表格,执行菜单Modify/LayoutMode/convertlayerstotable命令把层转换为表格即可。但要注意层不能有重叠,而且一个页面中同时使用层与表格,会影响正确定位,会把页面弄得一团糟。

  四、使页面更富有弹性

  制作网页需要使自己的网页随浏览器窗口大小改变而随时改变,使页面空间充满浏览器窗口,其实多数简单网页都会随浏览器窗口改变而自动伸展,但用到很多的复杂表格及框框的网页就很难自动弹性调整了,用DreamWeaver4.0可以轻易地设计出会自动调整的弹性页面。打开编辑页面,选取工具栏的LayoutView视图,这时你会看到每一列的方框上方中间有一个小的下拉式箭头,单击想设置弹性显示列上的箭头,在弹出的快捷菜单中选取MakeColumnAutostretch将该列设为弹性显示,当第一次设置列弹性显示时会弹出对话框询问是否要使用内建图档,即是否自动填充控制列的空白图文件,建议最好让其自动产生一个来增加效果,这样原本表示列宽的数字将被波浪线替代,完成该列弹性显示。




[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·Dreamweaver 8图文快报
·Dreamweaver 8图文快报2
·Dreamweaver未必了解的5个小技巧
·手把手教你网页布局的基本元素
·我要看代码 破解加密网页文字有高招
·美化网页 制作精美圆角表格
·Dreamweaver经典问题大搜罗(全集)1
·Dreamweaver经典问题大搜罗(全集)2
·菜鸟学用DreamWeaver做ASP1
·Dreamweaver中加入竖直线的办法
相关文章
·利用DW MX自带的行为制作弹出菜单(组
·用JavaScript在页面内加入日期(图)
· 用Dreamweaver MX制作文字特效(组图)
· dreamweaver中网页折叠菜单的制作(
·滑动菜单的制作(组图)
·Dreamweaver 4.0 新增功能全接触(图)
· 用DW MX制作导航下拉菜单(组图)
·DREAMWEAVER 技巧(上)
·自己动手制作活动菜单条(组图)
· ucLinux下sqlite数据库移植全攻略(组
文章检索
Google
相关文章
·利用DW MX自带的行为制
·用JavaScript在页面内加
· 用Dreamweaver MX制作
· dreamweaver中网页折
·滑动菜单的制作(组图)
·Dreamweaver 4.0 新增功
· 用DW MX制作导航下拉
·DREAMWEAVER 技巧(上)
·自己动手制作活动菜单条
· ucLinux下sqlite数据库
·解决在Dreamweaver中不
·DreamWeaver高级应用
·Dreamweaver层使用八定
·Dreamweaver4.0 快捷键
·下拉菜单全攻略之Dreamw