Dreamweaver网页设计制作的技巧.docx

Dreamweaver网页设计制作的技巧Dreamweaver网页设计制作的技巧Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器。下面小编整理了Dreamweaver网页设计制作的技巧，供大家参阅。1)怎样将Dreamweaver集成到IE浏览器?Dreamweaver安装程序会在上下文选单增加一个“EditwithDreamweaver”命令，我们还可以修改Windows的注册表使它与IE集成。就象MSWord、Frontpage和Notepad一样，通过IE工具栏的编辑按钮来调用Dreamweaver打开当前网页。将下面文本的最后一行要改为你自己的Dreamweaver安装路径，把它们保存为一个*.reg文件，双击它将信息添加到注册表即可。REGEDIT4[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver][HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell][HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit][HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]@="C:ProgramfilesMacromediaDreamweaver3dreamweaver.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”(Ctrl+Shift+C/Ctrl+Shift+V)键即按后一种方式操作。5)为什么网页用IE浏览正常，用NetscapeNavigator却不符合要求甚至出错，而且在Dreamweaver的文档窗口老是修改不好?请检查代码。因为用所见所得编辑器反复修改页面的某些部分，有时会留下一些多余的代码，比如多余的链接，这些代码在Dreamweaver的.文档窗口看不到，IE会忽视它们。但是NetscapeNavigator对代码要求更严格，预览时就出现不可思议的现象。6)在NetscapeNavigator中，有些书签(anchor)不起作用，有些好象消失了?NetscapeNavigator的书签是大小写敏感的。在Navigator中，多层嵌套的表格里面的书签会丢失，把书签放到表格外面。7)Dreamweaver文档窗口布满了各种各样的面板，为了编辑文档，不得不扒开一个个空隙，太累，如何是好?一个800X600分辩率的屏幕对于Dreamweaver来说确实小了些，不过即便是1024X768，也放不下所有的面板。关键是好好组织。关闭那些在编辑中暂时用不到的面板，把常用的面板放在一起，节省屏幕空间;除非现在要用，否则关闭“HTMLSourceInspector”，它除开占用屏幕空间，还占用相当的系统资源;按F4隐藏所有打开的面板，一览文档的全貌，再按一下，显示面板;在“Windows”选单有个“ArrangeFloatingPalettes”命令，使用这个命令将所有打开的面板放在窗口四周，并互不重叠。多用快捷键并熟练掌握是很好的提高