📄 114.html
字号:
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:2px;">
<tr>
<td align="left"><iframe id="baiduSpFrame" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="468" height="60" src="http://spcode.baidu.com/spcode/spstyle/style2220.jsp?tn=zhengbi_sp&ctn=0&styleid=2220"></iframe></td>
<td align="right"><iframe id="baiduSpFrame" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="468" height="60" src="http://spcode.baidu.com/spcode/spstyle/style1634.jsp?tn=zhengbi_sp&ctn=0&styleid=1634"></iframe></td>
</tr>
<tr>
<td colspan="2" align="left" height="5"></td>
</tr>
<tr>
<td align="left"><iframe id="baiduSpFrame" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="468" height="60" src="http://spcode.baidu.com/spcode/spstyle/style2615.jsp?tn=zhengbi_sp&ctn=0&styleid=2615"></iframe></td>
<td align="right"><iframe id="baiduSpFrame" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="468" height="60" src="http://spcode.baidu.com/spcode/spstyle/style2475.jsp?tn=zhengbi_sp&ctn=0&styleid=2475"></iframe></td>
</tr>
</table></td>
</tr>
<tr>
<td height="14" background="images/index5_31.gif"></td>
</tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="40">您当前位置：<a href="">网站首页</a> >> <a href="article/list_107_1.html">网页制作</a> >> <a href="article/list_108_1.html">Dreamweaver教程</a> >> 阅读文章</td>
<form id="form1" name="form1" method="get" action="search.asp">
<td width="344"><span style="font-weight: bold">站内查找：</span>
<input name="keyword" type="text" id="keyword" size="29" />
<input type="submit" name="Submit" value="搜索" />
</td>
</form>
</tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellpadding="8" cellspacing="0" style="border:1px solid #AEE1DC;">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" style="table-layout: fixed;">
<tr>
<td align="center"><h1>Dreamweaver技巧20则 </h1>
<hr size="1" color="#EBEBEB" />
来源：Ok3w新闻发布系统 发布时间：2009-05-02 00:45:02 查看次数：<span id="News_Hits"></span><iframe style="display:none;" src="hits.asp?type=news&id=114"></iframe>
<hr size="1" color="#EBEBEB" />
</td>
</tr>
<tr>
<td style="word-break: break-all; word-wrap:break-word;"><div class="gray14"> 1）怎样将 Dreamweaver 集成到 IE 浏览器？<BR><BR> Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令，我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样，通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。<BR><BR> 将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径，把它们保存为一个 *.reg 文件，双击它将信息添加到注册表即可。<BR> REGEDIT4<BR> [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]<BR> [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]<BR> [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]<BR> [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]<BR> @="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"<BR> 如果要设置为 IE 缺省的编辑器，打开 IE 的“Internet 选项”，在程序标签指定。<BR><BR> 2）为了使用某些脚本，经常要为图形或文本加上空链接，但是浏览时点击有空链接的对象时，会跳到页面的顶端，如何避免？<BR> 因为浏览器以为链接到同一页，可它又找不到定义的书签（ anchor ），于是停留在页面的顶端。用“ javascript:void(null) ”替换空链接的“ # ”，解决这个问题。<BR><BR> 3）使用 CSS 、层的时候，在不同浏览器的效果不一样，有时甚至出现错位现象，怎样解决？<BR> 在对不同浏览器的兼容方面， Dreamweaver 作得不错，但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下，用不同的浏览器浏览同一个网页的外观不可能完全一样，这是不同厂家的浏览器本身决定的。<BR><BR> 一般要尽量注意以下问题：<BR> 不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内；<BR> 内联式的 CSS 在 Netscape Navigator 中经常会出现问题，使用链式或内嵌式；<BR> 有时需要在空层插入表格或者透明图片，以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层，改用图片来实现；<BR> 避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。<BR><BR> 4）为何从别的文档拷贝文本到 Dreamweaver ，所有的段落会挤成一团，而在 Dreamweaver 内部又带有格式代码？<BR> Dreamweaver 复制和粘贴文本有二种类别，标准的方式将对象连同对象的属性一起复制，把剪贴板的内容作为 HTML 代码；另一种方式仅复制或粘贴文本，复制时忽视 html 格式，粘帖时则把 html 代码作为文本粘贴。多按一个“ Shift ”（ Ctrl+Shift+C/Ctrl+Shift+V ）键即按后一种方式操作。<BR><BR> 5）为什么网页用 IE 浏览正常，用 Netscape Navigator 却不符合要求甚至出错，而且在 Dreamweaver 的文档窗口老是修改不好？<BR> 请检查代码。因为用所见所得编辑器反复修改页面的某些部分，有时会留下一些多余的代码，比如多余的链接，这些代码在 Dreamweaver 的文档窗口看不到， IE 会忽视它们。但是 Netscape Navigator 对代码要求更严格，预览时就出现不可思议的现象。<BR><BR> 6）在 Netscape Navigator 中，有些书签（ anchor ）不起作用，有些好象消失了？<BR> Netscape Navigator 的书签是大小写敏感的。在 Navigator 中，多层嵌套的表格里面的书签会丢失，把书签放到表格外面。<BR><BR> 7） Dreamweaver 文档窗口布满了各种各样的面板，为了编辑文档，不得不扒开一个个空隙，太累，如何是好？<BR><BR> 一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些，不过即便是 1024X768 ，也放不下所有的面板。关键是好好组织。<BR><BR> 关闭那些在编辑中暂时用不到的面板，把常用的面板放在一起，节省屏幕空间；<BR> 除非现在要用，否则关闭“ HTML Source Inspector ”，它除开占用屏幕空间，还占用相当的系统资源；<BR> 按 F4 隐藏所有打开的面板，一览文档的全貌，再按一下，显示面板；<BR> 在“ Windows ”选单有个“ Arrange Floating Palettes ”命令，使用这个命令将所有打开的面板放在窗口四周，并互不重叠。<BR> 多用快捷键并熟练掌握是很好的提高工作效率的方法。<BR> 当添加不可见的对象时，Dreamweaver会在文档窗口的页面顶部加上相应的图标，如果图标太多，可能妨碍编辑。可以按“Ctrl+Shift+I ”（主选单 View|Invisible Elements ）来隐藏和显示它们。也可以设定不出现这些图标，不过不建议这样作，因为它们能帮助选择对象，便于编辑。<BR>8） Head 对象面板只能添加内容，能在文档窗口修改 < head> 标记的内容吗？<BR> 可以。有一种非常直观的方式，按“ Ctrl+Shift+W ”（主选单 View|Head Content ），在文档窗口主选单栏下出现一行图标，点击这些图标修改。<BR><BR> 9）如何选择表格、层里面那些非常小的，比如 1X1px 的图片？<BR> 在表格的单元格中点击，然后按下“ Shift ”键，用箭头键移动即可选择。<BR> 也可先选定表格单元（按下 Ctrl 键，用鼠标点击相应单元）或者层，然后在“ HTML Source Inspector ”面板中选择高亮代码中的 < img src="..."> ，返回文档窗口，图片即被选择。<BR><BR> 10）怎样编辑一个框架系的名字（Title）？<BR> 按“ Ctrl+F10 ”打开“ Frames ”面板，点击最外面的框，按“ Ctrl+J ”（主选单 Modify|Page Properties ）。<BR><BR> 11）如何改变“behaviors”的缺省事件？<BR> 事件设定文件放在 Dreamweaver 安装目录下的“ \Configuration\Behaviors\Events\ ”文件夹，比如对于 4.0 以上版本浏览器，打开文件“ 4.0 and Later Browsers.htm ”。<BR> < A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp=""><BR><BR> 将“ onClick="*" ”中的“*”移到“ onMouseOver="" ”中，改为： < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="*" onMouseUp=""><BR> 重新启动 Dreamweaver ，该类缺省事件即变为“onMouseOver ”。其他类推。<BR><BR> 12）在打开一个页面时，同时打开一个小窗口，用 Dreamweaver 能够实现吗？<BR> 能，不用写一行代码。在“ behaviors ”面板使用内置的“ Open Browser Window ”脚本，设定页面、窗口大小、属性。<BR><BR> 13）插入表格时，在表格单元中老是有个空格（ < td> < /td> ），怎样才能不让它产生？<BR> 这是 Dreamweaver 自动生成的，不要删除它。如果表格单元里没有任何东西， Netscape Navigator 将不显示该单元。<BR><BR> 14）模板文档的 < head> 标记里，除了网页主题外不能编辑，怎样才能将 behaviors 加入到基于该模板的网页？<BR> 用“ HTML Source inspector ”面板在模板文档的“ < /head> ”前加入可编辑标记，如下：<BR> < !-- #BeginEditable "Javascript" --><BR> < script language="JavaScript"><BR> < /script><BR> < !-- #EndEditable --><BR><BR> 15）在合作开发和管理网站时，使用 Dreamweaver 的登记/检查系统，是否为远程服务器的网站的相关文件加上了不同的访问权限？<BR> check in/check out 是 Dreamweaver 内部使用的一种管理机制，它与文件的属性无关。“ check out ”意味着该文件正被我使用，别人不能编辑它；“ check in ”则表示该文件可以被别的同事 check out 及编辑，本地的文件就会变成只读，防止自己改变它的内容。<BR><BR><BR> Dreamweaver 通过在本地和远程服务器上产生相应的 “.lck” 文件来实现 check in/check out 功能，这些文件在“ Site ”窗口不显示， Dreamweaver 能够读这些文件，它只对 Dreamweaver 有效。并没有为文件加上什么属性。如果用别的 Ftp 工具和编辑器，仍旧可以打开它们。<BR><BR> 16）作网页时，鼠标飞舞，经常改变了设置好的图片的大小。能够不重新查看图片就纠正吗？<BR> 如果图片的大小不符，在属性面板，它的值会变成显目的粗体。按面板上的“ Refresh ”按钮，就可恢复成真实大小。<BR><BR> 17）如何才能单击一个链接，同时改变多个框架？<BR> 最直接的方法就是为该链接建立一个框架系。<BR> 用 Dreamweaver 的“ Go to URL ” behavior 更简单。对话框显示所有的框架，在下面的“ URL ”栏填入相应的页面就是。<BR><BR> 18）想给文本加上 behavior ，可是 behavior 面板上的项目都是灰暗的，不可选的，怎么办？<BR> 以前遇到这种情况，我一般在文本旁边插入一张图片，把需要的 behavior 加在图片上。然后再编辑代码，移到文本上，并去掉图片。<BR> 上面的作法较繁琐，便捷的方式是将文本链接到“ javascript:void(null) ”，那些 behavior 就老老实实显露出来了。<BR><BR> 19）把使用了 behaviors 的层放进 Library 时， Dreamweaver 不让层的 behaviors 跟着走，怎么办？<BR> 用模板来作。<BR><BR> 20）检查 Flash 插件并重定向的脚本有时不正常，还有别的方法吗？<BR> 制作 Flash 网页时，人们习惯使用 Dreamweaver 的“ check plugin” behavior 来重定向。但是有时它会错报，明明安装了插件，却说没有。下面介绍一种稳妥的方法来重定向。<BR><BR> 制作一个新的首页作为重定向的页面。用“ head ”对象面板的“ Insert Refresh ”定向到未使用 Flash 技术的网页，如图。它会在页面头部加上如下代码： < meta http-equiv="refresh" content="4;URL=noflash.htm"><BR> <BR> 另作一个很小的 Flash 影片，在第一帧加上一个“ Get url ”行为，指向使用 Flash 技术的页面。把这个小影片嵌入到用来定向的首页。<BR><BR> 显然，这个重定向的页面是非常可靠的。</div></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="5" style="border:1px solid #EBEBEB; margin-top:8px;">
<tr>
<td class="gray14">·<a href="article/115.html">上一条：玩转Dreamweaver速记CSS属性</a><br />·<a href="article/113.html">下一条：Dreamweaver七招实用技巧</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="8" style="border:1px solid #EBEBEB; margin-top:8px;">
<tr>
<td bgcolor="#f2f6fb" class="black14b">相关文章</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="5" style="border:1px solid #EBEBEB; margin-top:4px;">
<tr>
<td class="gray14">·<a href="article/97.html" title="Dreamwaver设计div层的对齐方式">Dreamwaver设计div层的对齐方式</a> <font color="#999999">2009-04-28 17:41:25</font><br />
·<a href="article/96.html" title="Dreamweaver常用技巧">Dreamweaver常用技巧</a> <font color="#999999">2009-04-28 17:25:21</font><br />
·<a href="article/95.html" title="Dreamweaver十二个小秘诀">Dreamweaver十二个小秘诀</a> <font color="#999999">2009-04-28 17:15:07</font><br />
·<a href="article/94.html" title="Dreamweaver制作滚动字幕">Dreamweaver制作滚动字幕</a> <font color="#999999">2009-04-28 17:14:11</font><br />
·<a href="article/93.html" title="网页制作之用Dreamweaver优化网页">网页制作之用Dreamweaver优化网页</a> <font color="#999999">2009-04-28 17:13:38</font><br />
·<a href="article/92.html" title="网页制作之用Dreamweaver优化网页">网页制作之用Dreamweaver优化网页</a> <font color="#999999">2009-04-28 17:12:56</font><br />
·<a href="article/91.html" title="Dreamweaver制作网页13种技巧详解">Dreamweaver制作网页13种技巧详解</a> <font color="#999999">2009-04-28 17:05:21</font><br />
·<a href="article/90.html" title="用Dreamweaver制作网页中常用的过渡效果">用Dreamweaver制作网页中常用的过渡效果</a> <font color="#999999">2009-04-28 16:58:31</font><br />
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="8" style="border:1px solid #EBEBEB; margin-top:8px;">
<tr>
<td bgcolor="#f2f6fb" class="black14b">文章评论</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="3" style="border:1px solid #EBEBEB; margin-top:4px;">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="5">
<form id="form2" name="form2" method="post" action="save.asp">
<script language="JavaScript" type="text/javascript">
String.prototype.trim = function(){ return this.replace(/(^\s*)|(\s*$)/g, "");}
function Ok3w_G_Submit(frm)
{
if(frm.UserName.value.trim()=="" || frm.UserName.value=="请输入您的姓名")
{
alert("请输入姓名");
frm.UserName.focus();
return false;
}
if(frm.Content.value.trim()=="" || frm.Content.value=="请输入您的评论")
{
alert("请输入内容");
frm.Content.focus();
return false;
}
frm.bntSubmit.disabled=true;
frm.submit();
}
</script>
<tr>
<td>现在有<strong>0</strong>人对本文发表评论 <a href="Comments.asp?ArticleID=114" style="color:#990000; text-decoration:underline;">查看所有评论</a></td>
</tr>
<tr>
<td><input name="UserName" type="text" id="UserName" value="请输入您的姓名" onFocus="this.value='';" maxlength="20" />
<input name="TypeID" type="hidden" id="TypeID" value="2" />
<input name="TableID" type="hidden" id="TableID" value="114" />
<input name="action" type="hidden" id="action" value="Comments" /></td>
</tr>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -