110互动论坛's Archiver

免费法律咨询

jtfy 发表于 2008-8-16 16:21

Dreamweaver制作网页小技巧汇集

[size=2]本文汇集了一些[u][b]Dreamweaver[/b][/u]制作网页时的可以用的一些小技巧。希望对您有所帮助。

  [/size][size=2][b]1)怎样将 Dreamweaver 集成到 IE 浏览器?

[/b]  Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令,我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。

  将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径,把它们保存为一个 *.reg 文件,双击它将信息添加到注册表即可。
  REGEDIT4
  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
  @="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
  如果要设置为 IE 缺省的编辑器,打开 IE 的“Internet 选项”,在程序标签指定。

 [/size][size=2][b] 2)为了使用某些脚本,经常要为图形或文本加上空链接,但是浏览时点击有空链接的对象时,会跳到页面的顶端,如何避免?
[/b]  因为浏览器以为链接到同一页,可它又找不到定义的书签( anchor ),于是停留在页面的顶端。用“ javascript:void(null) ”替换空链接的“ # ”,解决这个问题。

 [b] [/b]3)使用 CSS 、层的时候,在不同浏览器的效果不一样,有时甚至出现错位现象,怎样解决?
  在对不同浏览器的兼容方面, Dreamweaver 作得不错,但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下,用不同的浏览器浏览同一个网页的外观不可能完全一样,这是不同厂家的浏览器本身决定的。

  一般要尽量注意以下问题:
  不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内;
  内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使用链式或内嵌式;
  有时需要在空层插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层,改用图片来实现;
  避免使用 W3C 组织不推荐的排版属性,用 CSS 代替。

  [/size][size=2][b]4)为何从别的文档拷贝文本到 Dreamweaver ,所有的段落会挤成一团,而在 Dreamweaver 内部又带有格式代码?
[/b]  Dreamweaver 复制和粘贴文本有二种类别,标准的方式将对象连同对象的属性一起复制,把剪贴板的内容作为 HTML 代码;另一种方式仅复制或粘贴文本,复制时忽视 html 格式,粘帖时则把 html 代码作为文本粘贴。多按一个“ Shift ”( Ctrl+Shift+C/Ctrl+Shift+V )键即按后一种方式操作。

  [/size][size=2][b]5)为什么网页用 IE 浏览正常,用 Netscape Navigator 却不符合要求甚至出错,而且在 Dreamweaver 的文档窗口老是修改不好?
[/b]  请检查代码。因为用所见所得编辑器反复修改页面的某些部分,有时会留下一些多余的代码,比如多余的链接,这些代码在 Dreamweaver 的文档窗口看不到, IE 会忽视它们。但是 Netscape Navigator 对代码要求更严格,预览时就出现不可思议的现象。

[/size][size=2][b]  6)在 Netscape Navigator 中,有些书签( anchor )不起作用,有些好象消失了?
[/b]  Netscape Navigator 的书签是大小写敏感的。在 Navigator 中,多层嵌套的表格里面的书签会丢失,把书签放到表格外面。

[/size][size=2][b]  7) Dreamweaver 文档窗口布满了各种各样的面板,为了编辑文档,不得不扒开一个个空隙,太累,如何是好?
[/b]  一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些,不过即便是 1024X768 ,也放不下所有的面板。关键是好好组织。

  关闭那些在编辑中暂时用不到的面板,把常用的面板放在一起,节省屏幕空间;
  除非现在要用,否则关闭“ HTML Source Inspector ”,它除开占用屏幕空间,还占用相当的系统资源;
  按 F4 隐藏所有打开的面板,一览文档的全貌,再按一下,显示面板;
  在“ Windows ”选单有个“ Arrange Floating Palettes ”命令,使用这个命令将所有打开的面板放在窗口四周,并互不重叠。
  多用快捷键并熟练掌握是很好的提高工作效率的方法。
  当添加不可见的对象时,Dreamweaver会在文档窗口的页面顶部加上相应的图标,如果图标太多,可能妨碍编辑。可以按“Ctrl+Shift+I ”(主选单 View|Invisible Elements )来隐藏和显示它们。也可以设定不出现这些图标,不过不建议这样作,因为它们能帮助选择对象,便于编辑。

[/size][size=2][b]  8) Head 对象面板只能添加内容,能在文档窗口修改 < head> 标记的内容吗?
[/b]  可以。有一种非常直观的方式,按“ Ctrl+Shift+W ”(主选单 View|Head Content ),在文档窗口主选单栏下出现一行图标,点击这些图标修改。

 [/size][size=2][b] 9)如何选择表格、层里面那些非常小的,比如 1X1px 的图片?
[/b]  在表格的单元格中点击,然后按下“ Shift ”键,用箭头键移动即可选择。
  也可先选定表格单元(按下 Ctrl 键,用鼠标点击相应单元)或者层,然后在“ HTML Source Inspector ”面板中选择高亮代码中的 < img src="..."> ,返回文档窗口,图片即被选择。 [/size]
[size=2][b]10)怎样编辑一个框架系的名字(Title)?
[/b]  按“ Ctrl+F10 ”打开“ Frames ”面板,点击最外面的框,按“ Ctrl+J ”(主选单 Modify|Page Properties )。

  [/size][size=2][b]11)如何改变“behaviors”的缺省事件?
[/b]  事件设定文件放在 Dreamweaver 安装目录下的“ \Configuration\Behaviors\Events\ ”文件夹,比如对于 4.0 以上版本浏览器,打开文件“ 4.0 and Later Browsers.htm ”。
  < A         >

  将“  ”中的“*”移到“  ”中,改为: < A         >
  重新启动 Dreamweaver ,该类缺省事件即变为“onMouseOver ”。其他类推。

 [b] 12)在打开一个页面时,同时打开一个小窗口,用 Dreamweaver 能够实现吗?[/b]
  能,不用写一行代码。在“ behaviors ”面板使用内置的“ Open Browser Window ”脚本,设定页面、窗口大小、属性。如图:

[/size]
[size=2][img]//news.newhua.com/Files/Remoteupfile/2008-2/25/296o891xol09s.jpg[/img][/size]
[size=2][b]  13)插入表格时,在表格单元中老是有个空格( < td> < /td> ),怎样才能不让它产生?
[/b]  这是 Dreamweaver 自动生成的,不要删除它。如果表格单元里没有任何东西, Netscape Navigator 将不显示该单元。

  [/size][size=2][b]14)模板文档的 < head> 标记里,除了网页主题外不能编辑,怎样才能将 behaviors 加入到基于该模板的网页?
[/b]  用“ HTML Source inspector ”面板在模板文档的“ < /head> ”前加入可编辑标记,如下:
  < !-- #BeginEditable "Javascript" -->
  < script language="JavaScript">
  < /script>
  < !-- #EndEditable -->

 [/size][size=2][b] 15)在合作开发和管理网站时,使用 Dreamweaver 的登记/检查系统,是否为远程服务器的网站的相关文件加上了不同的访问权限?
[/b]  check in/check out 是 Dreamweaver 内部使用的一种管理机制,它与文件的属性无关。“ check out ”意味着该文件正被我使用,别人不能编辑它;“ check in ”则表示该文件可以被别的同事 check out 及编辑,本地的文件就会变成只读,防止自己改变它的内容。


  Dreamweaver 通过在本地和远程服务器上产生相应的 “.lck” 文件来实现 check in/check out 功能,这些文件在“ Site ”窗口不显示, Dreamweaver 能够读这些文件,它只对 Dreamweaver 有效。并没有为文件加上什么属性。如果用别的 Ftp 工具和编辑器,仍旧可以打开它们。

 [/size][size=2][b] 16)作网页时,鼠标飞舞,经常改变了设置好的图片的大小。能够不重新查看图片就纠正吗?
[/b]  如果图片的大小不符,在属性面板,它的值会变成显目的粗体。按面板上的“ Refresh ”按钮,就可恢复成真实大小。

[/size][size=2][b]  17)如何才能单击一个链接,同时改变多个框架?
[/b]  最直接的方法就是为该链接建立一个框架系。
  用 Dreamweaver 的“ Go to URL ” behavior 更简单。对话框显示所有的框架,在下面的“ URL ”栏填入相应的页面就是。
  
[/size]
[size=2][img]//news.newhua.com/Files/Remoteupfile/2008-2/25/4v1573067fs5s.jpg[/img][/size][size=2]  [/size] [align=left][size=2]  [/size][size=2][b]18)想给文本加上 behavior ,可是 behavior 面板上的项目都是灰暗的,不可选的,怎么办?
[/b]  以前遇到这种情况,我一般在文本旁边插入一张图片,把需要的 behavior 加在图片上。然后再编辑代码,移到文本上,并去掉图片。
  上面的作法较繁琐,便捷的方式是将文本链接到“ javascript:void(null) ”,那些 behavior 就老老实实显露出来了。

[/size][size=2][b]  19)把使用了 behaviors 的层放进 Library 时, Dreamweaver 不让层的 behaviors 跟着走,怎么办?
[/b]  用模板来作。

 [/size][size=2][b] 20)检查 Flash 插件并重定向的脚本有时不正常,还有别的方法吗?
[/b]  制作 Flash 网页时,人们习惯使用 Dreamweaver 的“ check plugin” behavior 来重定向。但是有时它会错报,明明安装了插件,却说没有。下面介绍一种稳妥的方法来重定向。

  制作一个新的首页作为重定向的页面。用“ head ”对象面板的“ Insert Refresh ”定向到未使用 Flash 技术的网页,如图。它会在页面头部加上如下代码: < meta http-equiv="refresh" c>
  
[/size][size=2][img]//news.newhua.com/Files/Remoteupfile/2008-2/25/dq56007hzkzj.jpg[/img][/size]
[size=2]  另作一个很小的 Flash 影片,在第一帧加上一个“ Get url ”行为,指向使用 Flash 技术的页面。把这个小影片嵌入到用来定向的首页。

  显然,这个重定向的页面是非常可靠的。
[/size][/align]

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.