网站用户体验整合设计-Dreamweaver的超级技巧汇总(6)

Dreamweaver的超级技巧汇总(6)

Post by 张美工, 2009-5-14, Views:

73. 只复制编辑区中的文字
在几个不同的应用程序中间相互复制文字，?是我们在实际工作中可能要常做的事情。但是，如果我们从Dreamweaver中复制编辑区中的文字到另外一个应用程序的时候，HTML代码将和文字一起被复制过去。我们该如何才能只把编辑区中的文字复制下来呢？我?们知道，通常复制时都用快捷键Ctrl-C来操作，如果我们在复制的时候?多按一下C键，那么Dreamweaver将只会复制选中的文字了。

74. 定义网页的关键字
为了使自己的网页在搜索引擎中能很容易地被?检索到，准确定义网页中的关键字是一项很重要的工作。在Dreamweaver中，?我们可以用两种方法来定义网页中的关键字：一是在源代码中的＜head〉与?＜/head〉标签中，添加如下代码：＜meta?name=“keywords“?content=“yancheng,yancheng,yancheng“〉，其中content中的内容即为?关键字，为了提高检索的命中率，我们可以重复多次使用同一个关键字，?中间用逗号隔开；另外一种方法是在Dreamweaver中用鼠标依次单击?Insert/Head/KeyWords命令，在随后弹出的对话框中重复输入希望被检索的关键字就可以了。

75. 实现浏览器状态栏中的滚动字幕 按下F8键，在Behaviors窗口中选取Behaviors，单击“＋”号，再选取“Set Text→Set Text of Status Bar”，最后在弹出的对话框中写上你想在状态栏出现的文字就可以了。

76. 将 Dreamweaver 集成到IE浏览器
Dreamweaver 安装程序会在上下文选单增加一个“Edit with Dreamweaver”命令。还可以修改 Windows 的注册表，就像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]
@=“\“D:\\Macromedia\\Dreamweaver 3\\dreamweaver.exe\“ \“%1\““
如果要设置为 IE 缺省的编辑器，打开 IE 的“Internet 选项”，在程序标签指定。

77. 避免点击空链接对象时会跳到页面顶端的现象
浏览器以为链接到同一页，可它又找不到定义的书签（anchor），于是停留在页面
的顶端。用“javascript:void(null)”替换空链接的“#”，解决这个问题。

78. 解决使用CSS 、层时，在不同浏览器的效果不一样，有时甚至出现错位的现象
不要混合使用层和表格排版(如果是父子关系，如层中表格，不在此原则范围内)；内联式的CSS在Netscape Navigator中经常会出现问题，使用链式或内嵌式；有时需要在空层插入表格或者透明图片，以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层，改用图片来实现；避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。

79. 在网页中加入EMAIL链接并显示预定的题
代码：〈 a href=“mailto:yourmail@xxx.xxx?Subject=你好”〉Send Mail〈 /a〉

80. 制作电子邮件表单
在〈FORM〉中输入Action=“youremail@XXX.XXX”，提交采用POST方法。
81. 避免别人将你的网页放入他的框架（FRAME）中
在源代码中〈HEAD〉…〈 /HEAD〉之间加入如下代码：
〈script language=“javascript”〉〈!--
if (self!=top){top.location=self.location;}
-→〈 /script〉

82. 定义网页的关键字（KeyWords）
格式如下：
〈 meta name=“keywords”content=“dreamweaver,flash,fireworks”〉
content中的即为关键字，用逗号隔开，在Dreamweaver中用「Insert」-「Head」-KeyWords命令

83. 使表格（TABLE）没有边框线
将表格的边框属性：border=“0”

84. 定时载入另一个网页内容
在源代码中的〈HEAD〉…〈 /HEAD〉加入如下代码：
〈 meta http-equiv=“refresh”content=“40;URL=http://www.zhangmeigong.cn”〉
40秒后将自动载入http://www.zhangmeigong.cn所在的网页。

85. 改变状态栏提示文字
一般情况下，当浏览器装入一个页面时，在其状态栏上显示的是该页面的地址名称，十分呆板。你有没有想过给浏览器的状态栏增加一点个性呢？如果有的话，那么请按照以下的步骤，定制自己喜欢的文字吧！首先打开“Behaviors”行为编辑窗，单击“＋”按钮，选择“Set Text Set”下的“Text Of Status Bar”选项，然后在方框中输入自己的文字，例如“欢迎来到我的主页”等，单击“确定”即可。

86. 在Dreamweaver中设置水平标尺的颜色
由于在Netscape中不支持〈hr〉的COLOR属性，所以在Dreamweaver中没有此项设置，你只能在HTML中加入代码：color=“颜色代码”。

---------------------------------------------------------------------------------------------
. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页
2. 用Dreamweaver 4.0制作有闪动效果的Flash按钮
3. 在Dreamweaver 4.0中自定义键盘快捷键
4. 让Dreamweaver?4.0和Fireworks整合
5. 巧用网站报告器                                          6. 快速恢复多次操作
7. 隐藏浮动面板
8. 快速预览网页                 9. 在HTML检示窗中显示行号和自动换行
10. 如何获得颜色的十六进制代码                           11. 制作背景音乐
12. 让背景图不滚动                                     13. 定义大小不变的文字
14. 插入Flash动画

15. 让表格给网页留白                                    16. 改变状态栏提示文字
17. 整合的文本代码编辑器           18. 在Dreamweaver中输入多个空格
19. 解决Dreamweaver的BUG之一
20. 用Dreamweaver 3.0的模版制作网页，设置行为（Behavior）
21. 给文字施加行为（Behavior），制作动态文字特效
22. 精确定位网页中各个元素的位置           23. 改变浏览者的鼠标形状
24. 去掉超链接文字之下的下划线      25. 制作一个跟着页面走的图像
26. 制作鼠标移上去后有变化的动态菜单
27. 用Dreamweaver制作出一个类似于下拉菜单的效果
28. 轻松制作下载文件       29. 利用Dreamweaver的书签制作跳转链接
30. 去掉图片和表格接触地方的空隙

31. 用TracingImage帮助定位网页中各元素的位置
32. Convert Table widths to Pixels和Convert Table widths to Percent
33. 调用Style而不致使网页原代码混乱不堪
34. 使用定制窗口功能测试网页在不同分辨率下的效果
35. 上传网站时无需使用第三方FTP软件
36. 实现用鼠标指向链接时出现下划线的效果
37. 实现定义的超级链接文字颜色
38.在Dreamweaver中把图形放在最中间
39.如何使用Behaviors 功能，而又不链接到任何地方去
40.实现在一张（较大）图片上做出几个不同的链接
41. 制作目录树 42. 在Dreamweaver中轻松设置行间距

43. 如何设计能使浏览者在浏览时对网页字体大小的设置不起作用
44. 实现网页每过五分钟刷新一次的效果
45. 解决用IE预览正常的链接网页，上传到网站却看不见的现象
46. 制作新开一个窗口打开网页的超级链接（即原来的网页不被覆盖）
47. 隐藏不必要的标签                         48. 解决表格紧贴左上方的问题
49. 在Dreamweaver中将图设为透明alpha设置         50. 设置表格虚线
51. 在Dreamweaver中使插入的FLASH透明
52. Dreamweaver4中设置表格亮边框和暗边框
53. 隐藏表格的分隔线                          54. 如何选取被遮盖或隐藏的层
55. 在层（或表格中）上编辑文本时自动换行
56. 在Dreamweaver中输入上下标                      57. 去掉链接的下划线

58. 关于Dreamweaver中加入空格的问题        59. 制做收藏夹里的ICON
60. 解决Dreamweaver表格里的背景不能预览问题
61. 在Dreamweaver中准确地定位层                   62. 设置网页定时关闭
63. 设置timeline中的layer走曲线               64. 使字体适应不同的分辨率
65. 善用拖放技术      66. 善于为对象取名     67. 多用快捷键来提高效率
68. 一次链接到两个网页      69. 利用“Format Table”命令来修饰网页
70. 尽量不要给文件起中文名称              71. 经常保存当前被编辑的文件
72. 自动在网页中加入更新时间

73. 只复制编辑区中的文字                                  74. 定义网页的关键字
75. 实现浏览器状态栏中的滚动字幕            76. 将 DW 集成到IE浏览器
77. 避免点击空链接对象时会跳到页面顶端的现象
78. 解决使用CSS 、层时，在不同浏览器的效果不同甚至出现错位现象
79. 在网页中加入EMAIL链接并显示预定的主题    80. 制作电子邮件表单
81. 避免别人将你的网页放入他的框架（FRAME）中
82. 定义网页的关键字（KeyWords）       83. 使表格TABLE没有边框线
84. 定时载入另一个网页内容                            85. 改变状态栏提示文字
86. 在Dreamweaver中设置水平标尺的颜色

章出处：北大青鸟 http://www.gz-benet.com.cn

Tags: Dreamweaver 超级技巧汇总

分类:css+div | 评论:0 | 引用:0

上一篇：<网站用户体验类文章全部目录>
下一篇： Dreamweaver的超级技巧汇总(5)