教學(xué)內(nèi)容網(wǎng)頁(yè)中多媒體素材的加工和表達(dá)教案(一)

1、【教學(xué)內(nèi)容】網(wǎng)頁(yè)中多媒體素材的加工和表達(dá)教案（一） 宜興市丁蜀高級(jí)中學(xué) 黃蕾 2005.11.23【教學(xué)目的】1.知識(shí)與技能（1）掌握logo的特點(diǎn)與其中含有的幾個(gè)基本元素（2）掌握banner的特點(diǎn)與其中含有的幾個(gè)基本元素（3）掌握簡(jiǎn)單的photoshop操作，能制作一個(gè)簡(jiǎn)單的logo和banner2.過程與方法 能選擇適當(dāng)?shù)膱D片表達(dá)自己的思想，使用適當(dāng)?shù)墓ぞ邔?duì)圖片進(jìn)行加工，設(shè)計(jì)出自己的logo和banner。3.情感態(tài)度與價(jià)值觀 歷經(jīng)創(chuàng)作logo和banner的全過程，形成積極主動(dòng)的學(xué)習(xí)和利用信息技術(shù)參與信息作品制作的態(tài)度?！窘虒W(xué)組織】本課為該內(nèi)容的第一課時(shí)構(gòu)建主義、分層教學(xué)、學(xué)生探究自學(xué)

2、、任務(wù)驅(qū)動(dòng)，多媒體網(wǎng)絡(luò)教學(xué)【教學(xué)環(huán)境】硬件環(huán)境：多媒體網(wǎng)絡(luò)教室軟件環(huán)境：多媒體網(wǎng)絡(luò)教室軟件、電子學(xué)習(xí)檔案袋、photoshop【教學(xué)要點(diǎn)】 掌握logo和banner各自的特點(diǎn)與各自包含的基本元素 運(yùn)用photoshop，實(shí)現(xiàn)logo和banner的制作【教學(xué)難點(diǎn)】 掌握photoshop的簡(jiǎn)單操作，完成對(duì)logo和banner的設(shè)計(jì)與制作【教學(xué)過程】教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖復(fù)習(xí)提問：上節(jié)課我們講解了網(wǎng)頁(yè)的基本組成元素，那么請(qǐng)同學(xué)們回想一下，具體有哪些基本的元素呢？ 思考老師提出的問題，積極回答問題?；貞浬瞎?jié)課的內(nèi)容，使學(xué)生的知識(shí)不會(huì)脫節(jié)，并且可以有網(wǎng)頁(yè)的基本元素來引出logo和ban

3、ner的基本組成元素。引出教學(xué)內(nèi)容讓學(xué)生明確這節(jié)課的教學(xué)目標(biāo)：u 打開兩張網(wǎng)頁(yè)，一張有l(wèi)ogo和banner，另一張沒有l(wèi)ogo和banner。u 說明今天的任務(wù)是讓每位同學(xué)都制作一個(gè)logo和banner。u觀察老師給出的兩張網(wǎng)頁(yè)，發(fā)現(xiàn)缺少了logo和banner。明確logo和banner的基本要求和制作的注意點(diǎn)Logo的基本要求：給學(xué)生看一組logo的圖片，請(qǐng)學(xué)生找出其中兩個(gè)與其它幾個(gè)不一樣的圖片。要求學(xué)生通過實(shí)例的對(duì)比從中指出組成logo的基本要素。Banner的基本要求：給學(xué)生看一組banner的圖片，同樣找出其中兩個(gè)與其它不一樣的圖片，通過對(duì)比得出組成banner的基本要素。教師總

4、結(jié)：通過上面的分析，同學(xué)們都知道logo和banner一般都是由文字和背景組成的，這是它們的聯(lián)系，那它們有什么區(qū)別呢？提問：它們的大小是不是一樣的呢？（通過logo和banner的對(duì)比），指出圖片的大小是用像素來表示的。一副圖片如果蓋滿你們的整個(gè)屏幕是800*600。logo一般是88*31；banner一般是468*80。制作logo和banner還有一些其它的注意點(diǎn)，引導(dǎo)學(xué)生閱讀學(xué)案與之相關(guān)的內(nèi)容。u 觀察老師給出的一組logo，從中找出與眾不同的logo，并總結(jié)與其它圖片的不同點(diǎn)在什么地方。u 觀察老師給出的一組banner，從中找出與眾不同的，并總結(jié)其不同之處。u 閱讀學(xué)案相關(guān)內(nèi)容。u

5、 讓學(xué)生通過實(shí)例的對(duì)比來體會(huì)logo和banner的一般要求。u 學(xué)生自行體會(huì)制作logo和banner的注意點(diǎn)。自學(xué)photoshop的操作引導(dǎo)學(xué)生從網(wǎng)站上下載學(xué)案關(guān)于photoshop的操作。請(qǐng)一位學(xué)生上講臺(tái)演示剛剛學(xué)習(xí)到的操作。閱讀學(xué)案photoshop的操作部分：完成學(xué)習(xí)任務(wù)一:1. 打開photoshop:2. 打開一張圖片：3. 使用裁切工具裁剪自己想要的一部分。4. 在圖片上插入文本： （與畫圖板操作類似）5. 改變圖片大?。?. 保存圖片： 讓學(xué)生自學(xué)關(guān)于photoshop的一些簡(jiǎn)單的操作，提高他們自主學(xué)習(xí)的能力，為下面完成任務(wù)，需要用到更復(fù)雜的操作打下基礎(chǔ)。學(xué)生完成任務(wù)：根據(jù)

6、自己網(wǎng)站的主題制作一個(gè)logo和banner。u 學(xué)生從網(wǎng)站上下載教師的提供幾副圖片，讓學(xué)生根據(jù)自己網(wǎng)站的主題，通過組里的討論選擇合適的圖片作為自己的背景。u 引導(dǎo)學(xué)生根據(jù)自己的能力自行學(xué)習(xí)學(xué)案上對(duì)photoshop的更復(fù)雜的操作。u 提點(diǎn)學(xué)生要對(duì)背景操作要選中背景層完成學(xué)案上老師布置的任務(wù)：制作一個(gè)logo和一個(gè)banneru 根據(jù)自己網(wǎng)站的主題，通過組里的討論，選擇相應(yīng)的圖片用photoshop打開。u 參照制作logo和banner的注意點(diǎn)和上面涉及到的操作使用photoshop完成制作。（logo的大小為88*31，banner的大小為468*80）u 保存在桌面上，名字自定。u 根據(jù)

7、自己的能力，可以選擇性的實(shí)現(xiàn)skill中的內(nèi)容。Skills：u 改變文字的大小、字體和顏色：選中文字，單擊在菜單欄下方的“調(diào)板”中調(diào)整；u 改變文字的形變：選中文字點(diǎn)擊“調(diào)板”左側(cè)的按鈕，在出現(xiàn)的對(duì)話框的樣式中選擇自己想要的效果u 調(diào)節(jié)圖象的亮度與對(duì)比度：?jiǎn)螕舨藛螜凇皥D象”“調(diào)整”“亮度/對(duì)比度”u 一些特殊的效果：點(diǎn)擊菜單欄“濾鏡”中進(jìn)行選擇。u 填充漸變色：選擇“矩形工具”拉出一個(gè)選區(qū)，再使用漸變工具拉出一個(gè)漸變方向。將成品以附件的形式放到自己的電子檔案袋中。讓學(xué)生通過討論自行選擇圖片，體現(xiàn)了自主和協(xié)作的思想，有助于激起學(xué)生的創(chuàng)作熱情。讓學(xué)生根據(jù)自己的能力有選擇性的實(shí)現(xiàn)操作，體現(xiàn)了分層次

8、教學(xué)的特點(diǎn)。評(píng)價(jià)學(xué)生作品選一到兩個(gè)學(xué)生的作品進(jìn)行評(píng)價(jià)，評(píng)價(jià)標(biāo)準(zhǔn)見附表一和老師一起參與到評(píng)價(jià)中來評(píng)價(jià)作品的過程也是學(xué)生學(xué)習(xí)的過程，學(xué)生一起參與評(píng)價(jià)有助于活躍課堂氣氛?？偨Y(jié)本節(jié)課的主要內(nèi)容是學(xué)習(xí)了如何使用photoshop來處理網(wǎng)頁(yè)中的圖片。下節(jié)課我們要學(xué)習(xí)網(wǎng)頁(yè)中對(duì)音頻和視頻的處理，請(qǐng)同學(xué)們回去之后可以自己先自學(xué)一下。 使學(xué)生了解這節(jié)課他們到底學(xué)到了什么。附表一：評(píng)價(jià)標(biāo)準(zhǔn):評(píng)價(jià)內(nèi)容評(píng)價(jià)指標(biāo)評(píng)價(jià)等級(jí)欠佳一般優(yōu)秀內(nèi)容（30）圖像能表現(xiàn)一定的主題，并能添加適當(dāng)?shù)奈淖直憩F(xiàn)主題畫面美觀，色彩協(xié)調(diào)，整體感覺好，給人與美的感受所選擇的素材能恰當(dāng)?shù)乇憩F(xiàn)作品的主題技術(shù)（30）能使用裁剪工具能改變字體的大小、顏色使用了濾鏡改變了圖象的顯示效果能將圖像保存為JPEG的格式創(chuàng)造性（30）素材之間的搭配有新意和創(chuàng)意能在圖中運(yùn)用多種技術(shù)手段，創(chuàng)造出特殊的效果主題構(gòu)思獨(dú)特，有創(chuàng)意道德價(jià)值（10）所合成的圖像內(nèi)容健康，積極向上，符合道德規(guī)范。不粗俗，不低級(jí)趣味，不侵犯他人的尊嚴(yán)與人格。綜合評(píng)價(jià)及修改建議練習(xí)任務(wù)一:1. 打開photoshop:打開E: Program filesphotoshop6.0.1photoshop。2. 打開一張圖片：選擇“文件”“打開”，在出現(xiàn)的對(duì)話框中選擇桌面上的1.jpg，單擊“打開”。3. 使用裁切工具裁剪自己想要的一部分。6. 在圖片上插入文本：