一、認(rèn)識Dreamweaver
--網(wǎng)頁設(shè)計與制作教學(xué)案例分析報告
【教材分析】
在學(xué)習(xí)《網(wǎng)頁的設(shè)計與制作》之前，學(xué)生已初步掌握了網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力，但多數(shù)學(xué)生對網(wǎng)站網(wǎng)頁的了解也**只停留在這種簡單的操作層面上。本節(jié)教學(xué)中通過網(wǎng)頁、網(wǎng)站基本概念的了解，讓學(xué)生理解網(wǎng)頁的基本元素構(gòu)成和經(jīng)常使用的構(gòu)件，了解超文本標(biāo)記語言HTML，通過對網(wǎng)頁制作工具的比較學(xué)習(xí)，了解不同常用網(wǎng)頁制作工具的特點(diǎn)，為下一節(jié)的學(xué)習(xí)打下基礎(chǔ)。
【學(xué)情分析】
在學(xué)習(xí)本單元之前，學(xué)生已初步具備獲取信息的能力，他們學(xué)習(xí)了網(wǎng)絡(luò)基礎(chǔ)知識，掌握了網(wǎng)絡(luò)信息的瀏覽、搜索和下載以及電子郵件的收發(fā)、文件傳輸?shù)燃寄堋W(xué)生希望自己能制作網(wǎng)頁，并將網(wǎng)頁發(fā)布在Internet上。因此學(xué)生對本單元學(xué)習(xí)的興趣很大。學(xué)生在學(xué)習(xí)本單元前已經(jīng)學(xué)過Word應(yīng)用軟件的使用方法，并掌握一定的文字輸入、圖片的編輯、表格的插入等技巧，這對于本單元的學(xué)習(xí)非常有利。
【教學(xué)目標(biāo)】
1．知識與技能
（1）了解網(wǎng)頁、網(wǎng)站的基本概念，理解網(wǎng)頁的基本元素。
（2）了解基本的網(wǎng)頁制作軟件的界面和特點(diǎn)。
（3）了解網(wǎng)站的地址標(biāo)識——URL,超文本標(biāo)記語言HTML, 了解超文本傳輸協(xié)議HTTP。
2．過程與方法
（1）通過對一個網(wǎng)站網(wǎng)頁的分析，了解網(wǎng)頁、網(wǎng)站的基本概念，理解網(wǎng)頁的基本元素。
（2）通過教師的演示和講解，初步了解基本的網(wǎng)頁制作工具軟件的界面和特點(diǎn)。
3．情感態(tài)度與價值觀
（1）培養(yǎng)學(xué)生嚴(yán)謹(jǐn)求實(shí)的學(xué)習(xí)態(tài)度。
（2）培養(yǎng)學(xué)生學(xué)習(xí)中勇于探索、崇尚科學(xué)的意志和品德。
【重點(diǎn)難點(diǎn)】
重點(diǎn)：網(wǎng)頁的基本元素
難點(diǎn)：網(wǎng)頁的基本元素，構(gòu)件
【設(shè)計思想】
同學(xué)們喜歡上網(wǎng)，但是有一部分學(xué)生不能區(qū)分網(wǎng)站和網(wǎng)頁，在設(shè)計時，我首先與語文學(xué)科整合，結(jié)合語文教材內(nèi)容，播放《再別康橋》flash動畫朗讀版，以此來創(chuàng)設(shè)快樂課堂學(xué)習(xí)情境，進(jìn)而引入徐志摩文學(xué)網(wǎng)，讓學(xué)生思考網(wǎng)站和網(wǎng)頁有什么聯(lián)系？引出本節(jié)課的主題，以提高學(xué)生的學(xué)習(xí)興趣和求知欲望。當(dāng)學(xué)生對網(wǎng)站與網(wǎng)頁有了一定的認(rèn)識之后，引導(dǎo)同學(xué)們自主去探究發(fā)現(xiàn)構(gòu)成網(wǎng)頁的基本元素有哪些？有什么作用？接著組織學(xué)生繼續(xù)討論、交流網(wǎng)頁中除了三種基本元素外，還網(wǎng)站制作有哪些經(jīng)常使用的構(gòu)件？然后引導(dǎo)學(xué)生查看網(wǎng)頁的源文件，從而順利引導(dǎo)到對Dreamweaver網(wǎng)頁制作軟件的了解，為本章后面的知識學(xué)習(xí)作鋪墊。
【教學(xué)流程】
教學(xué)環(huán)節(jié) 教師活動設(shè)計
創(chuàng)設(shè)情境，激發(fā)學(xué)生的學(xué)習(xí)興趣 引入課題
幻燈顯示《再別康橋》flash動畫朗讀版，指出詩很美，作者筆下的康橋更是讓人向往，激發(fā)學(xué)生的求知欲。
引導(dǎo)學(xué)生進(jìn)入徐志摩文學(xué)網(wǎng) ，對URL、http作一定的解釋。現(xiàn)在大家看到的是什么？（進(jìn)入到徐志摩文學(xué)網(wǎng)頁面讓學(xué)生回答）引出本節(jié)課的主題“網(wǎng)站和網(wǎng)頁”，讓大家思考網(wǎng)站與網(wǎng)頁有什么聯(lián)系？
1、從美學(xué)角度出發(fā)，創(chuàng)設(shè)快樂課堂學(xué)習(xí)情境
2、與語文學(xué)科整合，結(jié)合語文教材《再別康橋》，引入徐志摩文學(xué)網(wǎng)
3、學(xué)生明確本節(jié)課的學(xué)習(xí)主題內(nèi)容
自主合作探究 網(wǎng)頁的基本元素 教師提問：在徐志摩文學(xué)網(wǎng)中，各位同學(xué)是否發(fā)現(xiàn)了神往已久的康橋，除此之外，還發(fā)現(xiàn)了什么？
學(xué)生活動：用發(fā)現(xiàn)法去找出有關(guān)康橋風(fēng)景欣賞中的任一張圖片，再別康橋的詩和徐志摩簡介網(wǎng)頁.
網(wǎng)站與網(wǎng)頁有什么聯(lián)系？學(xué)生討論之后，教師總結(jié)：網(wǎng)站包含多個網(wǎng)頁，通過超鏈接把不同的頁面鏈接起來。構(gòu)成網(wǎng)頁的基本元素有文字、圖形和超鏈接。網(wǎng)頁中常見的圖象有jpg和Gif。網(wǎng)站的首頁即為主頁。
學(xué)生活動
在桌面上新建一個以自己號次命名的文件夾，進(jìn)入徐志摩文學(xué)網(wǎng)完成以下任務(wù)
課堂任務(wù)一，觸摸網(wǎng)頁的基本三要素：
1、 要求下載康橋風(fēng)景欣賞中的任一張圖片，文件名改為kq
2、保存«再別康橋»這前幾詩，復(fù)制，粘貼到word文檔中，文件名改為zbkq
3、要求下載徐志摩簡介網(wǎng)頁
網(wǎng)頁揭秘剛才我們了解了網(wǎng)頁的基本元素、構(gòu)件，這些不但美化了網(wǎng)頁，還豐富了網(wǎng)頁內(nèi)容，增強(qiáng)了網(wǎng)頁功能。下面讓我們來看一看網(wǎng)頁究竟是怎樣組織的。以課堂在線網(wǎng)站為例，選擇滾動字幕，點(diǎn)擊“查看”菜單中的“源文件”命令。
教師總結(jié)：網(wǎng)頁中包含的文字、圖像、超鏈接和表格等基本元素及構(gòu)件是由超文本標(biāo)記語言（HyperText Markup Language，簡稱HTML）進(jìn)行描述的。HTML是一種超文本標(biāo)記語言，由網(wǎng)絡(luò)瀏覽器解釋執(zhí)行，更后將解釋結(jié)果顯示出來。 幾乎所有的網(wǎng)頁都是用超文本標(biāo)記語言編寫的，下面就讓我們利用記事本來體驗(yàn)一下。
網(wǎng)頁制作工具比較1、用HTML語言制作網(wǎng)頁，讓學(xué)生對照老師的任務(wù)提示，觀察一下一個簡單的HTML網(wǎng)頁文件的瀏覽結(jié)果變化。
（提示學(xué)生選擇“查看”菜單中的“源文件”命令進(jìn)行修改。）<html>
<head>
<title>我的個人主頁</title>
</head>
<body>
<font size="3" color="#FF0000">
歡迎大家光臨！</font>
</body>
</html>2、用網(wǎng)頁制作工具軟件制作網(wǎng)頁 在“文件”菜單中用使用Frontpage編輯上述網(wǎng)頁，比較兩者特點(diǎn)。
教師總結(jié)：除了Dreamweaver之外，還有比較專業(yè)的網(wǎng)頁制作工具Frontpage，一般我們使用Dreamweaver進(jìn)行網(wǎng)頁制作。
1、學(xué)生聽、看老師講解和演示，并思考。2、學(xué)生操作實(shí)踐學(xué)生任務(wù)：將size="3"改為size="6"，color="#FF0000"改為color="#000000"，觀察其變化。
學(xué)生
練習(xí) 本節(jié)課涉及到的基本概念較多，考慮到前面已經(jīng)有過文字小結(jié)，因此，這里改用選擇題的形式來幫助學(xué)生整理和鞏固。
學(xué)生完成“課堂在線——網(wǎng)站和網(wǎng)頁”中的“課堂練習(xí)”。 教師巡回檢查，個別輔導(dǎo)有困難的學(xué)生。
學(xué)生操作練習(xí)，完成課堂練習(xí)。
“在線批改”可以讓學(xué)生及時糾錯，并據(jù)此判斷學(xué)生是否掌握本節(jié)課的內(nèi)容。
交流與評價 每位同學(xué)學(xué)習(xí)完本課，并完成實(shí)踐過程之后對自己的學(xué)習(xí)情況進(jìn)行自我評價，完成“課堂在線——網(wǎng)站和網(wǎng)頁”中的“交流評價”。指導(dǎo)學(xué)生進(jìn)行自我評價，并根據(jù)反饋的結(jié)果適當(dāng)點(diǎn)評。
學(xué)生自評，通過大屏幕實(shí)時顯示評價結(jié)果，教師可以及時地點(diǎn)評學(xué)生的學(xué)習(xí)情況。
本課
小結(jié) 本節(jié)課主要講了網(wǎng)站和網(wǎng)頁的基本內(nèi)容，網(wǎng)頁的基本元素、構(gòu)件及網(wǎng)頁制作工具等。
學(xué)生對本節(jié)課的內(nèi)容知識進(jìn)行回憶小結(jié)
根據(jù)本節(jié)課的學(xué)習(xí)內(nèi)容，要求學(xué)生設(shè)計一幅個人網(wǎng)站的主頁。
思考、設(shè)計，為下面的課做準(zhǔn)備
學(xué)習(xí)
拓展 拓展網(wǎng)頁構(gòu)件的使用，讓學(xué)生根據(jù)表單的信息進(jìn)行注冊，查詢，通過輸入、查詢等功能來激發(fā)學(xué)生的學(xué)習(xí)興趣，讓學(xué)生更能理解學(xué)過的數(shù)據(jù)庫管理有關(guān)知識。 學(xué)生注冊信息、查詢信息
【小結(jié)板書】
企業(yè)為一家擁有5年的網(wǎng)站制作 有豐富經(jīng)驗(yàn)的誠信保障，具備很多技術(shù)**的人才 具有制作大量做網(wǎng)站,并且制作網(wǎng)站行業(yè)中樹立自己的設(shè)計制作形式和狀況。網(wǎng)頁設(shè)計與制作創(chuàng)新、尊重、堅強(qiáng)、、創(chuàng)新、專業(yè)是公司網(wǎng)站制作的公司價值觀，獲得非常多用戶的一致表揚(yáng)。本企業(yè)5周年。網(wǎng)站制作驚曝價老牌建站公司 5周年專業(yè)： 5周年**敬請各界朋友光臨指點(diǎn)指導(dǎo)、業(yè)務(wù)洽談。
