网页制作一点通
网络通信
隐藏浮动面板
在以前的Dreamweaver版本中,打开应用程序会出现一堆浮动面板,往往弄得你眼花缭乱。Dreamweaver MX虽然可以将它拖开,但还是占据着本来就很有限的屏幕。其实,我们只要按一下F4键,所有的浮动面板就会不见了,再按F4键它们又会重现于屏幕上了。
快速预览网页
初学Dreamweaver MX时,往往找不到预览菜单,不得不另外启动IE浏览器来预览网页的实际效果。其实Dreamweaver MX的预览菜单设计到“文件”菜单下了,要想预览正在编辑的网页,按F12键就可以了,相当方便!而且还可设置在不同的浏览器中预览,依次选择“文件→在浏览器中浏览→编辑浏览器列表”可以添加其他浏览器,这样就可以测试你的网页对不同浏览器的适应性。
快速获得十六进制颜色代码
在设计网页时,经常会用到颜色代码。在Dreamweaver MX中,只要在网页中输入两个汉字,然后选中文本,点击文本属性面板上“文本颜色”小方框,在弹出的颜色板上,就会显示出鼠标所指位置相应的十六进制颜色代码,这时只需要将代码复制下来即可。
制作下载文件
打开Dreamweaver MX,把需要下载的文件名写在合适的位置后,拖动鼠标选取这段文字名,在文本属性面板中的“链接”属性框中写入文件名就行了。
注意:若下载文件与该网页不在同一目录下,则文件名必须包含相对路径,否则在下载时将提示找不到文件。
去掉图片和表格之间的空隙
要使图片和表格之间的地方不留空隙,仅在表格属性面板上把外框线(border)设为0是不行的,还需要在表格的属性面板上把单元格的“填充”和“间距”两种属性都设为0,即cellspacing=“0”和cellpadding=“0”。
测试不同分辨率下的页面效果
测试网页在不同分辨率下的浏览效果是网页制作中很重要的一步。我们可以在Dreamweaver操作界面中的状态栏中间选择需要的分辨率,调节不同的窗口大小(默认757×308),从而实现在不同分辨率下测试网页效果。
去掉超链接文字的下划线
当为文本制作超链接时,文本下方会自动生成一条下划线,从观赏整个页面的角度来看,觉得很不美观,我们可以按以下方法把下划线去掉。具体方法是:打开Dreamweaver,依次点击“文本→CSS样式→新建CSS样式”,此时出现新建样式表窗口,在标签下面选中“a”,接着选择“重定义HTML标记”,确定后保存,然后编辑该样式表,选择“类型”,在右边的“修饰”中选“无”,这样在以后的文本链接中就再也不会出现下划线了。
设置外部图片编辑器
Dreamweaver MX能与外部编辑器紧密接合,为网页编辑提供更多方便。设置图片编辑器的方法如下:点击菜单“编辑→参数选项”,选择“文件类型/编辑器”,在右边的面板“扩展名”栏中选定图片文件的后缀名(.jpg、.jpe、.jpeg),然后在编辑栏里单击“+”来添加外部编辑器(如Fireworks)。