Dreamweaver CS6的初步認識

崔莉　朱添錦

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

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

中圖分類號：G712文獻標識碼：A文章編號：1005-1422（2015）12-0000-00

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

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

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

二、初步高效地認識Dreamweaver CS6

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

（一）Dreamweaver CS6軟件的作用

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

（二）Dreamweaver CS6的軟件界面

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

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

（1）菜單欄

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

（2）“插入”欄

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

（3）“文檔”工具欄

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

（4）文檔窗口

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

（5）“屬性”面板

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

Dreamweaver CS6的初步認識

（6）狀態(tài)欄

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

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

三、結(jié)束語

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

參考文獻：

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

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

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

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

責任編輯何麗華