南京郵電大學(xué)吳江職業(yè)技術(shù)學(xué)院

1、.南京郵電大學(xué)吳江職業(yè)技術(shù)學(xué)院教 案教 師 姓 名 沈丹萍授課班級07應(yīng)電（1）（2）授課形式面授授 課 日 期 2008 年 9月 17日 第 3 周授課時數(shù)3授課章節(jié)名稱1.2 Dreamweaver 8快速入門1.3使用Fireworks輔助設(shè)計頁面教 學(xué) 目 的本章將帶領(lǐng)用戶認(rèn)識Dreamweaver MX，了解其新增功能。在開始學(xué)習(xí)該軟件之前，了解一下Dreamweaver MX的工作界面的一些簡單設(shè)置。通過本章的學(xué)習(xí)，用戶能熟悉Dreamweaver MX的工作界面，并能自行設(shè)置具有獨特的個性化的工作環(huán)境。教 學(xué) 重 點1、認(rèn)識Dreamweaver MX。 2、新增功能。 3、D

2、reamweaver MX主窗口。 4、自定義工作環(huán)境。 5、認(rèn)識Fireworks、photoshop輔助設(shè)計軟件。教 學(xué) 難 點1、認(rèn)識Dreamweaver MX。 2、新增功能。 3、自定義工作環(huán)境。 更新、補充、刪節(jié)內(nèi)容使 用 教 具計算機，投影儀課 外 作 業(yè)課 后 體 會本章初識DW的工作界面，需要詳細(xì)介紹。是學(xué)生熟悉DW的界面，為今后的學(xué)習(xí)打下基礎(chǔ)。第1章 初識Dreamweaver 8（機房）教學(xué)章節(jié)：1.2 Dreamweaver 8快速入門 1.3使用Fireworks輔助設(shè)計頁面教學(xué)目的： 本章將帶領(lǐng)用戶認(rèn)識Dreamweaver MX，了解其新增功能。在開始學(xué)習(xí)該軟件

3、之前，了解一下Dreamweaver MX的工作界面的一些簡單設(shè)置。通過本章的學(xué)習(xí)，用戶能熟悉Dreamweaver MX的工作界面，并能自行設(shè)置具有獨特的個性化的工作環(huán)境。教學(xué)重點： 1、認(rèn)識Dreamweaver MX。 2、新增功能。 3、Dreamweaver MX主窗口。 4、自定義工作環(huán)境。 5、認(rèn)識Fireworks、photoshop輔助設(shè)計軟件。教學(xué)難點：1、認(rèn)識Dreamweaver MX。 2、新增功能。 3、自定義工作環(huán)境。教學(xué)方法：講演法教學(xué)課時：1課時教學(xué)內(nèi) 容與助學(xué)過程：一、 介紹網(wǎng)頁制作這門課程1學(xué)習(xí)這門課程的目的： 讓學(xué)生掌握HTML語言、以及利用相

4、關(guān)網(wǎng)頁制作工具制作網(wǎng)頁的基本方法與技能。學(xué)生通過這門課程的學(xué)習(xí)，能夠具備綜合運用專業(yè)軟件進行小型網(wǎng)站開發(fā)和靜態(tài)網(wǎng)頁頁面設(shè)計的能力，同時積累一定的實踐經(jīng)驗，為今后從事相應(yīng)的網(wǎng)站設(shè)計制作工作打下良好基礎(chǔ)。2這門課程的教學(xué)內(nèi)容： 在制作軟件上：以網(wǎng)頁制作軟件DreamWeaver MX為主干進行網(wǎng)頁制作教學(xué)，同時選擇了Flash MX版本來制作網(wǎng)頁中的動畫素材，選擇了圖形圖像工具Photoshop 7.0版本軟件來處理和制作網(wǎng)頁中的圖片。 教學(xué)內(nèi)容安排上按照學(xué)生學(xué)習(xí)網(wǎng)頁的漸進規(guī)律劃以及學(xué)校制訂的計劃主要學(xué)習(xí)第1、2、3、5、6、9章，主要包括網(wǎng)頁制作的基礎(chǔ)知識、Dreamweaver MX軟件的使用

5、，初學(xué)者利用現(xiàn)有的素材設(shè)計制作出一個簡單的網(wǎng)頁；利用Photoshop7和 Flash MX軟件來美化網(wǎng)頁，以及網(wǎng)頁布局和用色方面的美術(shù)知識，如何設(shè)計網(wǎng)頁的版面和結(jié)構(gòu)，還要能對供給的素材按照網(wǎng)站的特點進行適當(dāng)?shù)拿阑幚?；還能掌握中小型網(wǎng)站的建立方法。 3這門課程的教學(xué)和學(xué)習(xí)方法： 教學(xué)上以一個個案例為基礎(chǔ)，采用項目教學(xué)的方法，由淺入深的介紹網(wǎng)頁制作的各個知識點；教學(xué)中以學(xué)生會操作為目的，重視學(xué)生動手能力和自學(xué)能力的培養(yǎng) 同學(xué)們學(xué)習(xí)時除了要掌握相應(yīng)的操作技能以外，更要重視操作技能的使用，要努力完成每章教學(xué)案例的制作以及課后素材案例。在不斷的練習(xí)過程中熟悉和升華所學(xué)的操作技能。同時，要學(xué)會學(xué)習(xí)，即

6、要學(xué)會與老師或同學(xué)之間技術(shù)心得的交流，要學(xué)會能自主的依靠其他資源（網(wǎng)絡(luò)、報紙雜志等）來擴展所學(xué)的知識體系。課前思考1、Dreamweaver軟件是干什么用的？2、試用一下Dreamweaver，你覺得這個軟件在界面上更象Word還是Photoshop，為什么？3、試用一下Dreamweaver，按默認(rèn)格式保存，文件的擴展名是什么？4、雙擊網(wǎng)頁文件，會自動打開Dreamweaver軟件嗎？這點上與Word軟件相同嗎？1.1 Dreamweaver的基本概念1、了解Dreamweaver與IE有什么區(qū)別？ Dreamweaver是制作網(wǎng)頁的工具，用它可以生成.htm或.html文件，而IE是瀏覽網(wǎng)

7、頁的工具，用IE只能看網(wǎng)頁，而不能改網(wǎng)頁，修改網(wǎng)頁還是需要網(wǎng)頁制作工具。2、做網(wǎng)頁只能使用Dreamweaver一種工具嗎？ 常用的網(wǎng)頁制作軟件有Dreamweaver和FrontPage。Dreamweaver由美國Macromedia公司開發(fā)，雖然初學(xué)者感到比較難學(xué)，但它的功能更強大，生成的網(wǎng)頁代碼質(zhì)量好，是當(dāng)今最流行的網(wǎng)頁制作工具，適合專業(yè)網(wǎng)頁設(shè)計人員使用，近年來它還獲得過不少大獎呢。Frontpage是微軟公司開發(fā)的Office辦公軟件中的一部分，比較容易上手，但功能不太強大，我們只在需要時（如向網(wǎng)頁中加入微軟格式的視頻），才會使用FrontPage。3、Dreamweaver最新版是

8、多少？ Dreamweaver從2.0、3.0、4.0、MX到現(xiàn)在最新的MX2004版，平均每過一年就出一個新版?？梢娪嬎銠C是多么的富有活力。今年常用的是MX版，建議大家在家里的電腦上也將這個版本，以便與學(xué)校的相同。對于軟件，我并不認(rèn)為版本越新越好，它們的基本功能還是相同的，一般版本越高，對計算機的要求也越高，如果計算機配置不高，初學(xué)時還是找個低版本比較好，當(dāng)然所裝的軟件必須與書本上的相同，這也是學(xué)習(xí)其它軟件的基本要求。4、Dreamweaver與Firework、Flash有何關(guān)系？ 它們都是Macromedia公司的軟件，Dreamweaver是網(wǎng)頁制作工具，F(xiàn)irework是圖形處理工具

9、，與photoshop相似，一般用于網(wǎng)頁圖形的制作，F(xiàn)lash是動畫制作工具，在制作好的網(wǎng)頁時，一般先用Firework和Flash先制作好網(wǎng)頁中要用到的圖形和動畫素材，再用Dreamweaver把這些素材做成一張網(wǎng)頁，只會Dreamweaver，不會圖形處理和動畫制作，是做不出好的網(wǎng)頁的。有人把這三個軟件稱作網(wǎng)頁設(shè)計“三劍客”。1.2認(rèn)識DreamWeaver1. DreamWeaver的作用和特色2. DreamWeaver功能界面的分解3. DreamWeaver工作流程4. DreamWeaver 的版本、安裝、打開、保存等操作 演示：練習(xí)制作第一張網(wǎng)頁作業(yè)一在主窗口中輸入以下文字，并按以下格式排版，最后把文件以“學(xué)號姓名.htm”為名保存在桌面上。注意難點：設(shè)置字體、水平線、二個全角空格、回車會自動空一行，Shift+回車就不會空行了。本課小結(jié)：本課主要介紹了Dreamweaver軟件的操作界面、各種工具欄和面板組，然后介紹了一些基本操作，如插入文本、