崔莉 朱添錦
摘要:本文在研究了大量Dreamweaver網(wǎng)頁制作教程和教學(xué)課件的基礎(chǔ)上,結(jié)合作者教學(xué)經(jīng)驗(yàn),針對中等職業(yè)學(xué)生自身的學(xué)習(xí)特點(diǎn),提出了如何講授Dreamweaver網(wǎng)頁制作的第一課,其重點(diǎn)就是將Dreamweaver CS6操作界面簡單明了地講解給學(xué)生,將看似深奧的軟件學(xué)習(xí),變得簡單明了。這樣能使學(xué)生更清晰地認(rèn)識DreamWeaver CS6軟件,為今后進(jìn)一步學(xué)習(xí)DreamWeaver CS6軟件打下良好的基礎(chǔ)。
關(guān)鍵詞:Dreamweaver;有效教學(xué);操作界面
中圖分類號:G712文獻(xiàn)標(biāo)識碼:A文章編號:1005-1422(2015)12-0000-00
“網(wǎng)頁三劍客”是中職學(xué)校計(jì)算機(jī)專業(yè)學(xué)生的必修課程。所謂的“網(wǎng)頁三劍客”分別指的是:Flash,Dreamweaver,F(xiàn)ireworks。之所以稱為三劍客,很大一部分是因?yàn)檫@三種軟件能相互無縫合作。其中Flash主要用來制作動畫,F(xiàn)ireworks主要用來處理網(wǎng)上圖片,而Dreamweaver則是將各種網(wǎng)頁素材集成到一起的主要工具,教師只有將這三種軟件很好地結(jié)合,才能做到有效教學(xué)。
一、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è)計(jì)者的追捧。2005年4月為了抗衡微軟公司,Macromedia公司和Adobe公司合并,旗下所有產(chǎn)品歸Adobe公司。合并后Dreamweaver又推出了CS3、CS4、CS6、CS6等好幾個版本,所以我們的學(xué)生主要學(xué)習(xí)的是Dreamweaver CS6。
二、初步高效地認(rèn)識Dreamweaver CS6
最新的Dreamweaver CS6和以前的Dreamweaver MX版本相比,界面更加具有親和力、操作性也更靈活,同時,許多原有的功能被加強(qiáng),尤其是代碼編輯和應(yīng)用程序開發(fā)得到進(jìn)一步擴(kuò)展,CS6新版本使用了自適應(yīng)網(wǎng)格版面創(chuàng)建頁面,在發(fā)布前使用多屏幕預(yù)覽審閱設(shè)計(jì),可大大提高工作效率。此外,還增加了一些新的功能。
(一)Dreamweaver CS6軟件的作用
Dreamweaver這個詞對于多數(shù)的中職學(xué)生來說可能是陌生的,但是把這個詞換成網(wǎng)頁來說,很多學(xué)生就會眼前一亮,原來它就是上網(wǎng)時種種網(wǎng)頁對于現(xiàn)在的中職生來說是非常熟悉的東西,許多學(xué)生在上網(wǎng)的時候看到一些容豐富精彩的網(wǎng)頁,就是通過這個軟件制作出來的。給學(xué)生展示各制作成熟精彩的網(wǎng)頁,這樣能夠激起學(xué)生的學(xué)習(xí)興趣,告訴學(xué)生制作這些網(wǎng)頁并不困難,所以網(wǎng)頁制作的第一節(jié)課就要介紹Dreamweaver CS6最基本的功能。
(二)Dreamweaver CS6的軟件界面
1.Dreamweaver CS6是網(wǎng)頁制作和網(wǎng)站管理于一身的網(wǎng)頁編輯軟件,即它的工作區(qū)是“所見即所得”。它以強(qiáng)大的功能和友好的操作界面?zhèn)涫軓V大網(wǎng)頁設(shè)計(jì)者的歡迎。
2.介紹Dreamweaver CS6的操作界面,啟動Dreamweaver CS6后,學(xué)生主要掌握界面以下幾個部分:菜單欄、“插入”欄、“文檔”工具欄、文檔窗口、浮動面板組、“屬性”面板和狀態(tài)欄。
(1)菜單欄
Dreamweaver CS6的菜單欄共有10種菜單,包括文件、編輯、查看、插入、修改、文本、命令、站點(diǎn)、窗口和幫助。所有的命令可以通過菜單項(xiàng)執(zhí)行,也可以利用面板上的按鈕來實(shí)現(xiàn)。其中單擊“窗口”菜單下對應(yīng)的選項(xiàng)可以顯示或隱藏各個面板。給學(xué)生介紹菜單欄時,可以讓學(xué)生通過Office軟件的菜單欄進(jìn)行理解。
(2)“插入”欄
“插入”欄包括常用、布局、表單、數(shù)據(jù)、Spry、InContext Editing、文本和收藏夾等選項(xiàng)。介紹這部分時可以把這些選項(xiàng)的功能和簡單的事例相結(jié)合,使得學(xué)生更好地理解。
(3)“文檔”工具欄
利用該工具欄可以方便地進(jìn)行切換顯示視圖、設(shè)置文檔標(biāo)題、文件管理等操作。
(4)文檔窗口
文檔窗口是Dreamweaver CS6進(jìn)行可視化編輯網(wǎng)頁的主工作區(qū),在這里可以自由地使用各種網(wǎng)頁元素,制作具有個人特色的Web頁,可以顯示當(dāng)前文檔的所有操作效果。
(5)“屬性”面板
“屬性”面板可以顯示當(dāng)前對象,如文字、圖像等的屬性。介紹“屬性”面板時,可以將之前學(xué)生學(xué)過的Flash和Fireworks的屬性面板結(jié)合講解。
Dreamweaver CS6的初步認(rèn)識
(6)狀態(tài)欄
狀態(tài)欄位于文檔的底部,作用是顯示當(dāng)前編輯文檔的相關(guān)信息,如當(dāng)前窗口的大小、文檔大小等。
3.Dreamweaver CS6的保存,單擊菜單欄的“文件” →“保存” →“另存為”就可以保存文件,文件的后綴名是“.htm”。按下鍵盤上的
三、結(jié)束語
學(xué)習(xí)軟件能力的培養(yǎng)是中等職業(yè)學(xué)生教學(xué)的重點(diǎn),教師應(yīng)該高度重視學(xué)習(xí)軟件中存在的問題,并采用相應(yīng)的教學(xué)策略來有效激發(fā)學(xué)生的興趣,要讓學(xué)生聽得懂學(xué)得會。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)首先要了解Dreamweaver CS6軟件的界面,掌握界面的功能,然后再了解網(wǎng)頁構(gòu)成元素和網(wǎng)頁設(shè)計(jì)的思路,通過教師由淺入深的講解,培養(yǎng)學(xué)生的自信,調(diào)動學(xué)生的學(xué)習(xí)興趣,這樣才能有效地提高學(xué)生對Dreamweaver CS6軟件學(xué)習(xí)能力,對今后學(xué)習(xí)更高層次的計(jì)算機(jī)應(yīng)用軟件打下良好的學(xué)習(xí)方法。
參考文獻(xiàn):
[1]李遠(yuǎn). 網(wǎng)頁制作——Dreamweaver實(shí)用教程[M].北京:機(jī)械出版社,2009:1-15.
[2]前沿文化. 網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)[M]. 北京:科學(xué)出版社,2013:2-9.
[3]孫中魁,王衛(wèi)軍,張靜. 中文版 Dreamweaver CS6網(wǎng)頁設(shè)計(jì)教程[M].北京:清華大學(xué)出版社,2013:7-14.
[4]鐘澤友,李強(qiáng). 網(wǎng)頁設(shè)計(jì)于制作DREAMWEAVER[M].廣州:中山大學(xué)出版社,2013:1-34.
責(zé)任編輯何麗華