Dreamweaver4.0中文版是由Macromedia官方推出的一款免费的網頁制作軟件,拥有代码视图、设计视图、代码设计视图三种编辑模式,新版本增加了往返HTML功能、手工编写代码,支持自动缩排标点平衡、选择多行后一次缩进等,是目前比较好用的一款网页编辑器,需要的朋友可以下载!

Dreamweaver 4.0新功能
一、增強的代碼編輯功能:
1.更爲便捷的源代碼與編輯窗口的切換:
看見下圖了嗎?它們分別是:直接以源代碼視窗進行編寫;源代碼與設計窗口同時顯現分欄編寫;設計窗口編寫。源代碼視窗編寫繼承了以前版本的HTML,JavaScript等語法高亮顯示,面對對象的智能化定位功能,同時添加了源代碼自動縮排,行號以及多行的快速選擇等功能。
要说这些改进有什么实际的意义, 那就是确实便捷多了,以前您要么选择设计窗口要么进入源代码编辑窗口,没有中间道路可走,现在提供了直观的分栏编辑功能。但这在那些天天与网页打交道的网友眼中,只不过是小菜一碟,没有这项改进也照用不误。
2.看见上图中那个大括号一样的符号了吗?那也是Dreamweaver 4.0新增功能之一,非HTML代码,如Javascript,XML,等等的函数快速导航工具。只需通过其下拉菜单就能迅速找到文件中的关键语句。
自我感覺,同樣狀如雞肋的東西,自己編寫的源代碼,還需要什麽導航工具?就是從網上下載來的,不懂的還是不懂,懂得的也根本不需要什麽東東導航呀。
3.还是工具條上,那个尖括号以及中间带个问号的符号,Dreamweaver 4.0新增功能,相对于设计视窗中的"参考"面板(如下图),您可通过下拉箭头快速查找HTML,JavaScript,CSS等的最新资料。
俗話說得好,"工欲善其事,必先利其器"。臨時抱佛腳,我想是不會做出精美的網頁的。如果您在制作網頁的時候還得借助那麽小一個窗口裏的參考,那麽我建議您買本書好好地重學一遍(姑且不談其滿版的英文)。
4.File > JavaScript Debug: Dreamweaver 4.0新增的JavaScript 调试功能,如果您想一边编写源代码一边查看它在Netscape或Internet Explorer中的效果的话,可以通过它快速完成这一操作。
对这一功能不知该如何说更好,我想在中国目前的网络状况下,没有谁愿意让自己的网页臃肿不堪的,网页就是网页,JavaScript 作为一种脚本语言自有其优点与功效,但它只是一种辅助,不会在网页文件中占踞多大的空间的,还需要边"编程"边调试吗?哦,对不起,不是"编程",应该是"编写"(不过意思倒差不多)。
5.自定义热键:Edit > ShortCut, Macromedia 公司界面标准化的产物,当您能熟练使用它的时候会提高一些工作效率,不过对我们这些初中级用户来说,意义不大。
二、改進的設計工具:
1.全新的版面规划功能:Dreamweaver 4.0最值得称道的功能之一。它提供了两种视窗模式,普通型与版面型,当您切换入版面型就可以用其上的工具非常便利地进行整个版面的规划了,犹如使用普通的排版軟件一样,方便快捷。而在以前的版本中,常用的页面布局操作往往是通过草图定位得以实现的,把JPG,GIF或PNG格式的图片导入Dreamweaver,再把草图作为背景,使用草图定位图层,使页面符合草图布局。
2.Flash文本与按钮制作工具:增强了与Flash的交互,操作简单,非常便利的功能,尤其实用于初中级用户,如果您是Flash高手的话,建议您还是扔掉这个功能,乖乖地用Flash 5。0去做吧,方便,有时候也意味着质量打折。
3.热区映射图编辑增强功能,主要是增加了与Fireworks的交互,让您不需退出Dreamweaver 4.0就能完成所有对热区图的修改。
Dreamweaver 4.0使用技巧
1. 用Dreamweaver 4.0制作闪动的Flash按钮
选择菜单Insert→Interactive Images→Flash Button就可看到有哪些内嵌按钮。在弹出的对话框里,你可以在“Style”列表里选择自己想要的按钮样式,在预览(Sample)窗口里可以看到这种样式的效果如何。选择好之后,在“Button Text”窗口输入按钮上面的文字,在“Font”窗口选择字体,在“Size”窗口输入文字的大小,在“Link”窗口输入链接的目标,在“Target”窗口选择链接打开的方式,在“BgColor”选择按钮背景颜色,在“Save As”窗口输入保存的文件名。完成这些后,按下“OK”按钮,你就完成了一个Flash按钮啦。这个按钮还会自动插入你的网页中,然后在Dreamweaver编辑窗口选中你刚才制作的按钮,属性窗口就会显示出这个按钮的属性,单击上面的“Play”按钮,你就可直接在编辑窗口预览这个按钮的闪动效果。需要注重的是Dreamweaver 4.0的这个功能不支持中文字体。
2. 制作背景音乐
在Dreamweaver中插入背景音樂是非常輕易實現的,這裏介紹兩種方法,供大家選擇。
(1)在頁面不顯眼的地方插入一空層,並在層內放入一個ActivX對象,雙擊該對象,在打開的對話框中選擇一個MIDI、WAV等音樂文件,然後在層對象屬性面板中設定其可視性爲“Hidden”,保存變動後按F12預覽網頁,聽聽是否有音樂聲。
(2)另一种方法是利用Dreamweaver的“Behaviors”行为编辑器,单击“+”按钮,选择其中“Play Sound”选项,在弹出的对话框中选择一个音乐文件即可。自己动手试一试吧!
注重:要注重屬性窗口中音樂文件的路徑是否正確,有時會出現路徑中有錯誤字符,如路徑file:///C|/WINDOWS/MEDIA/Chimes.wav中的字符“|”是錯誤的,應改爲:“:”。
3. 让背景图象不滚动
在Dreamweaver中插入的背景圖是會隨文字一起滾動。有的時候我們需要制作固定的背景圖,怎麽辦呢?先定義一張背景圖,按“F10”打開HTML源文件,找到定義背景圖的語句,例如background=″images/background.JPG″,在它的後面空一格加上一句bgproperties=″fixed″。按F12預覽一下,看看它還滾動嗎!
4. 定义大小不变的文字
在上網時,經常看到別人網頁上的文字那麽漂亮,不管你怎麽設置浏覽器字體的大小,它們的字體尺寸都不會發生變化。是不是覺得人家的水平太高了,自己有點自卑感呢?其實他們使用了網頁中的“CSS”樣式表技術,在Dreamweaver中要實現這一功能是非常簡單的。首先按“F7”或者選擇“窗口”菜單中的“樣式表”選項打開樣式表編輯器,在窗口中單擊鼠標右鍵選擇“新建”,在彈出的對話框中輸入需要定義的樣式表名稱,按“確定”,然後在列表中選擇第一項“類型”,並給具體的文字屬性定義參數(一般來說文字的大小在800×600的屏幕中選擇10.5較爲適宜),按“確定”後,定義好的樣式表就出現了。選擇網頁編輯窗中的文本,單擊新的樣式表名,可以看到選中的文本發生的變化。預覽一下,試試定義的文本字體尺寸還會不會隨浏覽器的選擇字體大小而改變。
4. 改变状态栏提示文字
一般情况下,当浏览器装入一个页面时,在其状态栏上显示的是该页面的地址名称,显得十分呆板。你有没有想过给浏览器的状态栏增加一点个性呢?假如你有这种远望的话,那么请按照以下的步骤,我们一起来实现它吧!首先打开“Behaviors”行为编辑窗,单击“+”按钮,选择“Set Text Set”下的“Text Of Status Bar”选项,然后在方框中输入自己的文字,例如“欢迎来到我的主页”等,单击“确定”即可。
5. 给文字施加行为(Behavior),制作动态文字特效
在Dreamweaver中普通的文字是以字符爲單位的,不能作爲對象,即一些非常有用的JavaScript事件不能賦予文字。因爲文字不像圖片和其他控件有具體的“標記”,所以文字與很多特效失之交臂。爲了給文字添加特效,只有把文字做成超鏈接來處理。這樣文字就成爲了對象,可以施加行爲了。但是這樣又帶來了一些不需要的超鏈接屬性,比如下劃線,以及hover、visited等顔色變化。要想單純爲文字添加特效,可以先把所想設置的文字做成超鏈接,然後再在它的上面添加行爲,最後我們再把超鏈接轉變爲普通文字。