当前位置导航:炫浪网>>网络学院>>网页制作>>Dreamweaver教程

DreamWeaver技巧大集合

1. 使用定制窗口功能测试网页在不同分辨率下的效果 

  谁都不希望看见自己辛辛苦苦做的网页在不同的分辨率下面目全非,所以测试网页在不同分辨率下的浏览效果是网页制作中很重要的一步。我们可以在dreamweaver的操作界面中的状态栏中间,选择需要的分辨率来调节窗口大小,从而实现在不同分辨率下测试网页效果。 

2. 上传网站时无需使用第三方ftp软件 

  dreamweaver中融入了ftp功能,而且为网站上传作了优化。我们可以做一个简单的比较,当你使用一般的ftp软件上传网站时,是不是都按本地机上的网站目录在服务器中新建目录,然后再一个个文件上传。这种做法实在没错,但由于本地机中的网站目录中并不是每个文件都被网页调用(比如在建网页时留下的备份文件),所以筛选文件的繁重工作量只有用户自己知道。但使用dreamweaver上传网页就可以方便得多,由于ftp功能在幕后为用户进行了许多必要的工作,所以用户只要将网站地图内相关的html文件上传,dreamweaver就会自动将与此html文件相关的所有其他本地文件一并上传(如图像、zip文件、flash文件甚至是各种real文件)。使用dreamweaver内带的ftp功能的具体做法是:编辑已经定义过的site,在“site definition for...”面板中选择“web server info”。如果网页是通过ftp方式上传的话,将“server access”设为ftp,在ftp host中添入ftp服务器的地址,在host directory中添入远程登入目录,在login中添入用户名,再填好password。经过了以上的设定,就可以在site面板中按connect按钮,当dreamweaver成功连入服务器后,connect按钮会自动变为disconnect,并且在一旁亮起一个小绿灯。接着要做的事就是在要上传的html文件上单击右键,选择“put”即可。当此html文件上传成功后,状态条中将显示put depanding file,说明dreamweaver正在上传这个html文件所调用的其他本地文件。不仅如此,dreamweaver还可以直接下载服务器上的文件进行修改,方法么,只要使试试put旁的get按钮就明白了。 

3. 实现用鼠标指向链接时出现下划线的效果 

  有些网页的链接,原先没有下划线,你把鼠标指向链接处,才会出现下划线,鼠标移掉下划线就又没有了。这种效果其实可以用层叠样式表(css)来实现,在dreamweaver中编辑层叠样式表不用编写代码,具体操作方法如下: 

  (1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示“show css styles”的那个按钮),在弹出的css styles面板上双击(none); 

  (2)此时,可看到弹出的edit style sheet 面板,在该面板上按new按钮; 

  (3)再在弹出的new style 面板上点取redefine html tag(重新定义html标记)再在tag中选择“a”(超级链接标记)标记后按ok按钮;(4)这时可看到弹出的style dehinition for a 的对话框,在此对话框中可以设置超级链接的许多属性,你可以按你的意愿设置,但我们这里主要是要去掉那讨厌的下划线,所以我们在decoration 属性中选择“none”,这样就把下划线去掉了;然后我们再选择颜色为:#339966。按ok按钮返回到edit style sheet 面板; 

  (5)在edit style sheet 面板上再按new按钮; 

  (6)在弹出的new style 面板上点取use css selector ,再在该面板上的selector选择框中选择“a:hover”(定义当鼠标在超级链接上时链接的属性),按ok按钮; 

  (7)在弹出的style dehinition for a:hover 的对话框中,我们在decoration 属性中选择“underline”,这样就把下划线又加上了;然后我们再选择颜色为:#ff3300。按ok按钮返回到edit style sheet 面板; 

  (8)在edit style sheet 面板上再按don按钮,至此所有设置结束。 

相关内容
赞助商链接