在打开Dreamweaver后,你可直接在其窗口进行操作,设计一个页面。使用前最好先保存这个页面文件,以免在以后往页面中插入图象、插件或引用各种外部文件时,出现文件路径上的麻烦。
打开一个已存在的页面,可点击File\Open,或直接用快捷键 Ctrl O,然后选择一个页面文件。
对用Dreamweaver编辑的网页,注意要用浏览器预览其效果。使用快捷键F12,或从File\Preview in Browser中点击你的默认浏览器,即可用你的默认浏览器预览你正编辑页面的效果。
Dreamweaver还可输入用word生成的html文档。用word生成的网页有很多的冗余代码,很不方便,现在Dreamweaver能对word生成的html文档进行特殊处理,清除其中的冗余代码。有两种处理方法。
第一种方法是按普通方式打开该文挡,然后点击Commands\Clean Up Word Html…。这是会弹出Clean Up Word Html对话框。
另一种方法是直接点击File\Import\Import Word Html…,打开你需要的word html文档后会自动弹出Clean Up Word Html对话框。
(Clean Up Word Html对话框的Basic部分)
下面是对详细解释:
Clean Up HTML from: 从其后的下拉选单中选择是用Word 97/98,还是用word2000生成的HTML文件。Dreamweaver会自动判断并选择,你可手工更改。
Remove all Word specific markup:去掉word的专门标记。
Clean up CSS:清除word加的css标记。
Clean up <font> tags:清除多余的<font>标记。
Fix invalidly nested tags:修复对应不正确的html标记。
Set background color:设置页面的背景色。Dreamweaver自动将颜色设为白色。
Apply source formatting:应用Preferences…中关于HTML Format的设置。
Show log on completion:处理结束后,显示详情报告。
点击Detailed,对话框转为Detailed模式。
(Clean Up Word Html对话框的Detailed部分)
这其实是Basic中Remove all Word specific markup和clean up <font> tags细节的设置。Word meta and link tags from <head>表示从<head>部分去掉word添加的不必要的meta和link元素。下面都是怎样处理<font>元素,convert size 7 to 表示转化该html文档里的<font size=7>,其余依次类推。后面的下拉选框表示转化的结果,有h1、h2、 h3、h4、h5、h6、h7、size1、size2、size3、size4、size5、size6、size7、default size、 don’t change这几种对应选项。
Clean Up Word Html对话框的内容,Dreamweaver都给出了相应的默认设置。如果你对html语言不太熟悉,可不必更改其中的设置,直接点击OK即可。