Dreamweaver网页制作超级技巧36则(2)_Dreamweaver教程

　　7. 隐藏浮动面板

　　打开Dreamweaver，给人的第一印象是一堆浮动面板，往往弄得你眼花缭乱，虽然它可以拖开，但究竟占据着本来就很有限的屏幕，若把它关闭了，等一下用它时又要去打开。其实你只要按一下F4键，所有浮动面板都不见，再按F4他们又都重现于屏幕上了。

　　8. 快速预览网页

　　初学Dreamweaver，往往找不到预览菜单，不得不另外启动IE浏览器来预览网页的实际效果。其实Dreamweaver的预览菜单放到File菜单下了，要预览正在编辑的网页，按F12键就可以了，方便得很呢！而且还可设置在不同的浏览器中预览，在File菜单下的Preview in Browser中选择Edit Browser List就可选择不同的浏览器进行预览。以测试你的网页对不同浏览器的适应性。

　　9. 在HTML检示窗中显示行号和自动换行

　　虽然Dreamweaver的Behaviors是一个javascript小程序的巨集，许多实现非凡网页效果的javascript程序都不用动手编程，但有时需要编写一点小程序时，显示程序行号显得尤为必要，非凡是在程序发生错误时，往往都有是提示在“XX行有错误”，若一行一行地去数行号不仅太累而且还轻易数错，在FrontPage中老是为数错行号而烦恼。在Dreamweaver中可方便了，只要在HTML源代码检视器窗口中，选中“Line Numbers”（行号）复选框，则会在源代码检视器窗口中对每条HTML语句自动显示行号，一目了然。同样有时一行代码较长，只要在HTML源代码检视器窗口中，选中“Warp”（自动换行）复选框，则会激活窗口的自动换行特性，过长的代码会自动从窗口的边缘绕回。

　　10. 如何获得颜色的十六进制代码

　　在设计网页时，有时要用到16进制的颜色代码，以前经常为这事头痛，在Dreamweaver中只要按属性面板上“bg”边上小方框右下角的小三角形，在弹出的颜色板上，鼠标指到哪儿，马上就能显示出相应颜色的16进制代码，真方便。

11. 制作背景音乐

　　在Dreamweaver中插入背景音乐是非常轻易实现的，这里介绍两种方法，由大家选择。

　　（1）在页面不显眼的地方插入一空层 ，并在层内放入一个ActivX对象 ，双击该对象，在打开的对话框中选择一个MIDI音乐文件，然后在层对象属性面板中设定其可视性为“Hidden”，保存变动后按F12预览网页，听听是否有音乐声。

　　（2）另一种方法是利用Dreamweaver的“Behaviors”行为编辑器 ，单击“＋”按钮，选择其中“Play Sound”选项，在弹出的对话框中选择一个音乐文件即可。自己动手试一试吧！

　　12. 让背景图不滚动

　　与FrontPage不同，Dreamweaver中插入的背景图是会随文字滚动的。有的时候我们需要制作固定的背景图，怎么办呢？先定义一张背景图，按“F10”打开HTML源文件，找到定义背景图片的语句，例如background=″images/background.JPG″，在它的后面空一格加上一句bgproperties=″fixed″。预览一下，是不是有点小小的成就感。

　　13. 定义大小不变的文字

　　为什么别人网页上的文字那么漂亮，不管你怎么按浏览器字体按钮上的大小，他们的字体尺寸都不会发生变化。其实他们使用了网页中的“CSS”样式表技术，在Dreamweaver中要实现这一功能是非常简单的。首先按“F7”或者选择“窗口”菜单中的“样式表”选项打开样式表编辑器，在窗口中单击鼠标右键选择“新建”，在弹出的对话框中输入需要定义的样式表名称，按“确定”，然后在列表中选择第一项“类型”，并给具体的文字属性定义参数（一般来说文字的大小在800×600的屏幕中选择10.5较为适宜），按“确定”后，定义好的样式表就出现了。选择网页编辑窗中的文本，单击新的样式表名，可以看到选中的文本发生的变化。预览一下，试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。