崔莉　朱添錦

摘要：本文在研究了大量Dreamweaver網(wǎng)頁(yè)制作教程和教學(xué)課件的基礎(chǔ)上，結(jié)合作者教學(xué)經(jīng)驗(yàn)，針對(duì)中等職業(yè)學(xué)生自身的學(xué)習(xí)特點(diǎn)，提出了如何講授Dreamweaver網(wǎng)頁(yè)制作的第一課，其重點(diǎn)就是將Dreamweaver CS6操作界面簡(jiǎn)單明了地講解給學(xué)生，將看似深?yuàn)W的軟件學(xué)習(xí)，變得簡(jiǎn)單明了。這樣能使學(xué)生更清晰地認(rèn)識(shí)DreamWeaver CS6軟件，為今后進(jìn)一步學(xué)習(xí)DreamWeaver CS6軟件打下良好的基礎(chǔ)。

關(guān)鍵詞：Dreamweaver；有效教學(xué)；操作界面

中圖分類號(hào)：G712文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1005-1422（2015）12-0000-00

“網(wǎng)頁(yè)三劍客”是中職學(xué)校計(jì)算機(jī)專業(yè)學(xué)生的必修課程。所謂的“網(wǎng)頁(yè)三劍客”分別指的是：Flash，Dreamweaver，F(xiàn)ireworks。之所以稱為三劍客，很大一部分是因?yàn)檫@三種軟件能相互無(wú)縫合作。其中Flash主要用來(lái)制作動(dòng)畫(huà)，F(xiàn)ireworks主要用來(lái)處理網(wǎng)上圖片，而Dreamweaver則是將各種網(wǎng)頁(yè)素材集成到一起的主要工具，教師只有將這三種軟件很好地結(jié)合，才能做到有效教學(xué)。

一、Dreamweaver的發(fā)展概述

1984年，美國(guó)芝加哥，MacroMind公司成立。公司致力于高質(zhì)量的音頻、視頻和動(dòng)畫(huà)在藝術(shù)領(lǐng)域的軟件開(kāi)發(fā)。1992年，MacroMind，Paracomp和Authorware三家公司合并變成為Macromedia。1997年，Macromedia收購(gòu)FutureWave公司，F(xiàn)utureSplash軟件更名為Flash。Dreamweaver 1.0發(fā)布。此后Macromedia公司陸續(xù)推出了2.0到4.0、MX2004、8等多個(gè)版本，深受網(wǎng)頁(yè)圖像設(shè)計(jì)者的追捧。2005年4月為了抗衡微軟公司，Macromedia公司和Adobe公司合并，旗下所有產(chǎn)品歸Adobe公司。合并后Dreamweaver又推出了CS3、CS4、CS6、CS6等好幾個(gè)版本，所以我們的學(xué)生主要學(xué)習(xí)的是Dreamweaver CS6。

二、初步高效地認(rèn)識(shí)Dreamweaver CS6

最新的Dreamweaver CS6和以前的Dreamweaver MX版本相比，界面更加具有親和力、操作性也更靈活，同時(shí)，許多原有的功能被加強(qiáng)，尤其是代碼編輯和應(yīng)用程序開(kāi)發(fā)得到進(jìn)一步擴(kuò)展，CS6新版本使用了自適應(yīng)網(wǎng)格版面創(chuàng)建頁(yè)面，在發(fā)布前使用多屏幕預(yù)覽審閱設(shè)計(jì)，可大大提高工作效率。此外，還增加了一些新的功能。

（一）Dreamweaver CS6軟件的作用

Dreamweaver這個(gè)詞對(duì)于多數(shù)的中職學(xué)生來(lái)說(shuō)可能是陌生的，但是把這個(gè)詞換成網(wǎng)頁(yè)來(lái)說(shuō)，很多學(xué)生就會(huì)眼前一亮，原來(lái)它就是上網(wǎng)時(shí)種種網(wǎng)頁(yè)對(duì)于現(xiàn)在的中職生來(lái)說(shuō)是非常熟悉的東西，許多學(xué)生在上網(wǎng)的時(shí)候看到一些容豐富精彩的網(wǎng)頁(yè)，就是通過(guò)這個(gè)軟件制作出來(lái)的。給學(xué)生展示各制作成熟精彩的網(wǎng)頁(yè)，這樣能夠激起學(xué)生的學(xué)習(xí)興趣，告訴學(xué)生制作這些網(wǎng)頁(yè)并不困難，所以網(wǎng)頁(yè)制作的第一節(jié)課就要介紹Dreamweaver CS6最基本的功能。

（二）Dreamweaver CS6的軟件界面

1.Dreamweaver CS6是網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的網(wǎng)頁(yè)編輯軟件，即它的工作區(qū)是“所見(jiàn)即所得”。它以強(qiáng)大的功能和友好的操作界面?zhèn)涫軓V大網(wǎng)頁(yè)設(shè)計(jì)者的歡迎。

2.介紹Dreamweaver CS6的操作界面，啟動(dòng)Dreamweaver CS6后，學(xué)生主要掌握界面以下幾個(gè)部分：菜單欄、“插入”欄、“文檔”工具欄、文檔窗口、浮動(dòng)面板組、“屬性”面板和狀態(tài)欄。

（1）菜單欄

Dreamweaver CS6的菜單欄共有10種菜單，包括文件、編輯、查看、插入、修改、文本、命令、站點(diǎn)、窗口和幫助。所有的命令可以通過(guò)菜單項(xiàng)執(zhí)行，也可以利用面板上的按鈕來(lái)實(shí)現(xiàn)。其中單擊“窗口”菜單下對(duì)應(yīng)的選項(xiàng)可以顯示或隱藏各個(gè)面板。給學(xué)生介紹菜單欄時(shí)，可以讓學(xué)生通過(guò)Office軟件的菜單欄進(jìn)行理解。

（2）“插入”欄

“插入”欄包括常用、布局、表單、數(shù)據(jù)、Spry、InContext Editing、文本和收藏夾等選項(xiàng)。介紹這部分時(shí)可以把這些選項(xiàng)的功能和簡(jiǎn)單的事例相結(jié)合，使得學(xué)生更好地理解。

（3）“文檔”工具欄

利用該工具欄可以方便地進(jìn)行切換顯示視圖、設(shè)置文檔標(biāo)題、文件管理等操作。

（4）文檔窗口

文檔窗口是Dreamweaver CS6進(jìn)行可視化編輯網(wǎng)頁(yè)的主工作區(qū)，在這里可以自由地使用各種網(wǎng)頁(yè)元素，制作具有個(gè)人特色的Web頁(yè)，可以顯示當(dāng)前文檔的所有操作效果。

（5）“屬性”面板

“屬性”面板可以顯示當(dāng)前對(duì)象，如文字、圖像等的屬性。介紹“屬性”面板時(shí)，可以將之前學(xué)生學(xué)過(guò)的Flash和Fireworks的屬性面板結(jié)合講解。

Dreamweaver CS6的初步認(rèn)識(shí)

（6）狀態(tài)欄

狀態(tài)欄位于文檔的底部，作用是顯示當(dāng)前編輯文檔的相關(guān)信息，如當(dāng)前窗口的大小、文檔大小等。

3.Dreamweaver CS6的保存，單擊菜單欄的“文件” →“保存” →“另存為”就可以保存文件，文件的后綴名是“.htm”。按下鍵盤上的鍵，可以在IE瀏覽器中預(yù)覽網(wǎng)頁(yè)頁(yè)面。

三、結(jié)束語(yǔ)

學(xué)習(xí)軟件能力的培養(yǎng)是中等職業(yè)學(xué)生教學(xué)的重點(diǎn)，教師應(yīng)該高度重視學(xué)習(xí)軟件中存在的問(wèn)題，并采用相應(yīng)的教學(xué)策略來(lái)有效激發(fā)學(xué)生的興趣，要讓學(xué)生聽(tīng)得懂學(xué)得會(huì)。學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)首先要了解Dreamweaver CS6軟件的界面，掌握界面的功能，然后再了解網(wǎng)頁(yè)構(gòu)成元素和網(wǎng)頁(yè)設(shè)計(jì)的思路，通過(guò)教師由淺入深的講解，培養(yǎng)學(xué)生的自信，調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，這樣才能有效地提高學(xué)生對(duì)Dreamweaver CS6軟件學(xué)習(xí)能力，對(duì)今后學(xué)習(xí)更高層次的計(jì)算機(jī)應(yīng)用軟件打下良好的學(xué)習(xí)方法。

參考文獻(xiàn)：

[1]李遠(yuǎn). 網(wǎng)頁(yè)制作——Dreamweaver實(shí)用教程[M].北京：機(jī)械出版社，2009：1-15.

[2]前沿文化. 網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)[M]. 北京：科學(xué)出版社，2013：2-9.

[3]孫中魁，王衛(wèi)軍，張靜. 中文版 Dreamweaver CS6網(wǎng)頁(yè)設(shè)計(jì)教程[M].北京：清華大學(xué)出版社，2013：7-14.

[4]鐘澤友，李強(qiáng). 網(wǎng)頁(yè)設(shè)計(jì)于制作DREAMWEAVER[M].廣州：中山大學(xué)出版社，2013：1-34.

責(zé)任編輯何麗華