使用Dreamweaver制作网页的20个技巧。
1)怎样将Dreamweaver集成到IE浏览器?
Dreamweaver安装程序会在上下文选单增加一个“EditwithDreamweaver”命令,我们还可以修改Windows的注册表使它与IE集成。就象MSWord、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:\Programfiles\Macromedia\Dreamweaver3\dreamweaver.exe%1"
如果要设置为IE缺省的编辑器,打开IE的“Internet选项”,在程序标签指定。
2)为了使用某些脚本,经常要为图形或文本加上空链接,但是浏览时点击有空链接的对象时,会跳到页面的顶端,如何避免?
因为浏览器以为链接到同一页,可它又找不到定义的书签(anchor),于是停留在页面的顶端。用“javascript:void(null)”替换空链接的“#”,解决这个问题。
3)使用CSS、层的时候,在不同浏览器的效果不一样,有时甚至出现错位现象,怎样解决?
在对不同浏览器的兼容方面,Dreamweaver作得不错,但绝不意味用Dreamweaver作出的网页在IE和Netscape中完全一样。通常情况下,用不同的浏览器浏览同一个网页的外观不可能完全一样,这是不同厂家的浏览器本身决定的。
一般要尽量注意以下问题:
不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内;
内联式的CSS在NetscapeNavigator中经常会出现问题,使用链式或内嵌式;
有时需要在空层插入表格或者透明图片,以保证在NetscapeNavigator里的效果。对于只有几个像素宽度或高度的层,改用图片来实现;
避免使用W3C组织不推荐的排版属性,用CSS代替。
4)为何从别的文档拷贝文本到Dreamweaver,所有的段落会挤成一团,而在Dreamweaver内部又带有格式代码?
Dreamweaver复制和粘贴文本有二种类别,标准的方式将对象连同对象的属性一起复制,把剪贴板的内容作为HTML代码;另一种方式仅复制或粘贴文本,复制时忽视html格式,粘帖时则把html代码作为文本粘贴。多按一个“Shift”(CtrlShiftC/CtrlShiftV)键即按后一种方式操作。
5)为什么网页用IE浏览正常,用NetscapeNavigator却不符合要求甚至出错,而且在Dreamweaver的文档窗口老是修改不好?
请检查代码。因为用所见所得编辑器反复修改页面的某些部分,有时会留下一些多余的代码,比如多余的链接,这些代码在Dreamweaver的文档窗口看不到,IE会忽视它们。但是NetscapeNavigator对代码要求更严格,预览时就出现不可思议的现象。
6)在NetscapeNavigator中,有些书签(anchor)不起作用,有些好象消失了?
NetscapeNavigator的书签是大小写敏感的。在Navigator中,多层嵌套的表格里面的书签会丢失,把书签放到表格外面。
7)Dreamweaver文档窗口布满了各种各样的面板,为了编辑文档,不得不扒开一个个空隙,太累,如何是好?
一个800X600分辩率的屏幕对于Dreamweaver来说确实小了些,不过即便是1024X768,也放不下所有的面板。关键是好好组织。
关闭那些在编辑中暂时用不到的面板,把常用的面板放在一起,节省屏幕空间;
除非现在要用,否则关闭“HTMLSourceInspector”,它除开占用屏幕空间,还占用相当的系统资源;
按F4隐藏所有打开的面板,一览文档的全貌,再按一下,显示面板;
在“Windows”选单有个“ArrangeFloatingPalettes”命令,使用这个命令将所有打开的面板放在窗口四周,并互不重叠。
多用快捷键并熟练掌握是很好的提高工作效率的方法。
当添加不可见的对象时,Dreamweaver会在文档窗口的页面顶部加上相应的图标,如果图标太多,可能妨碍编辑。可以按“CtrlShiftI”(主选单View|InvisibleElements)来隐藏和显示它们。也可以设定不出现这些图标,不过不建议这样作,因为它们能帮助选择对象,便于编辑。
8)Head对象面板只能添加内容,能在文档窗口修改标记的内容吗?
可以。有一种非常直观的方式,按“CtrlShiftW”(主选单View|HeadContent),在文档窗口主选单栏下出现一行图标,点击这些图标修改。
9)如何选择表格、层里面那些非常小的,比如1X1px的图片?
在表格的单元格中点击,然后按下“Shift”键,用箭头键移动即可选择。
也可先选定表格单元(按下Ctrl键,用鼠标点击相应单元)或者层,然后在“HTMLSourceInspector”面板中选择高亮代码中的,返回文档窗口,图片即被选择。
10)怎样编辑一个框架系的名字(Title)?
按“CtrlF10”打开“Frames”面板,点击最外面的框,按“CtrlJ”(主选单Modify|PageProperties)。
11)如何改变“behaviors”的缺省事件?
事件设定文件放在Dreamweaver安装目录下的“\Configuration\Behaviors\Events\”文件夹,比如对于4.0以上版本浏览器,打开文件“4.0andLaterBrowsers.htm”。
将“onClick="*"”中的“*”移到“onMouseOver=""”中,改为:
重新启动Dreamweaver,该类缺省事件即变为“onMouseOver”。其他类推。
12)在打开一个页面时,同时打开一个小窗口,用Dreamweaver能够实现吗?
能,不用写一行代码。在“behaviors”面板使用内置的“OpenBrowserWindow”脚本,设定页面、窗口大小、属性。如图:
图片1
13)插入表格时,在表格单元中老是有个空格(),怎样才能不让它产生?
这是Dreamweaver自动生成的,不要删除它。如果表格单元里没有任何东西,NetscapeNavigator将不显示该单元。
14)模板文档的标记里,除了网页主题外不能编辑,怎样才能将behaviors加入到基于该模板的网页?
用“HTMLSourceinspector”面板在模板文档的“”前加入可编辑标记,如下:
checkin/checkout是Dreamweaver内部使用的一种管理机制,它与文件的属性无关。“checkout”意味着该文件正被我使用,别人不能编辑它;“checkin”则表示该文件可以被别的同事checkout及编辑,本地的文件就会变成只读,防止自己改变它的内容。
Dreamweaver通过在本地和远程服务器上产生相应的“.lck”文件来实现checkin/checkout功能,这些文件在“Site”窗口不显示,Dreamweaver能够读这些文件,它只对Dreamweaver有效。并没有为文件加上什么属性。如果用别的Ftp工具和编辑器,仍旧可以打开它们。
16)作网页时,鼠标飞舞,经常改变了设置好的图片的大小。能够不重新查看图片就纠正吗?
如果图片的大小不符,在属性面板,它的值会变成显目的粗体。按面板上的“Refresh”按钮,就可恢复成真实大小。
17)如何才能单击一个链接,同时改变多个框架?
最直接的方法就是为该链接建立一个框架系。
用Dreamweaver的“GotoURL”behavior更简单。对话框显示所有的框架,在下面的“URL”栏填入相应的页面就是。
18)想给文本加上behavior,可是behavior面板上的项目都是灰暗的,不可选的,怎么办?
以前遇到这种情况,我一般在文本旁边插入一张图片,把需要的behavior加在图片上。然后再编辑代码,移到文本上,并去掉图片。
上面的作法较繁琐,便捷的方式是将文本链接到“javascript:void(null)”,那些behavior就老老实实显露出来了。
19)把使用了behaviors的层放进Library时,Dreamweaver不让层的behaviors跟着走,怎么办?
用模板来作。
20)检查Flash插件并重定向的脚本有时不正常,还有别的方法吗?
制作Flash网页时,人们习惯使用Dreamweaver的“checkplugin”behavior来重定向。但是有时它会错报,明明安装了插件,却说没有。下面介绍一种稳妥的方法来重定向。
另作一个很小的Flash影片,在第一帧加上一个“Geturl”行为,指向使用Flash技术的页面。把这个小影片嵌入到用来定向的首页。