ps網(wǎng)頁(yè)設(shè)計(jì)和制作

《ps網(wǎng)頁(yè)設(shè)計(jì)和制作》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。

1、PS網(wǎng)頁(yè)設(shè)計(jì)與制作（主頁(yè)）一、教材分析設(shè)計(jì)制作網(wǎng)頁(yè)的方法有很多，所用軟件也各不相同，在本次拓展課程教學(xué)中，采用Photoshop設(shè)計(jì)網(wǎng)頁(yè)。本課是第四課時(shí)，在之前的課中，教師介紹了網(wǎng)頁(yè)大小、圖片素材的保存及處理方法，學(xué)生已了解有關(guān)網(wǎng)頁(yè)的相關(guān)知識(shí)點(diǎn)，本節(jié)課在此基礎(chǔ)上，開(kāi)始學(xué)習(xí)PS網(wǎng)頁(yè)設(shè)計(jì)，通過(guò)新建文檔，完善網(wǎng)頁(yè)中的其它要素，如：文本、頁(yè)頭、頁(yè)腳、圖片等要素。二、學(xué)情分析認(rèn)知水平：本班學(xué)生為八年級(jí)學(xué)生，善于接受新鮮事物，欠缺專(zhuān)注力、知識(shí)遷移能力。知識(shí)技能水平：在前幾課時(shí)的學(xué)習(xí)中學(xué)生了解了網(wǎng)頁(yè)的常見(jiàn)大小，主頁(yè)包含的各項(xiàng)要素，七年級(jí)下已學(xué)習(xí)過(guò)PS的相關(guān)知識(shí)與技能，有一定的基礎(chǔ)。本節(jié)課，學(xué)生需

2、要靈活運(yùn)用以前的所學(xué)，制作出有個(gè)人特色的主頁(yè)。學(xué)生在自主實(shí)踐環(huán)節(jié)是遇到的問(wèn)題，通過(guò)同伴互助、范例展示等方式，更好地理解為何這么做，以及怎么做。三、教學(xué)目標(biāo)（一）、知識(shí)與技能1.了解主頁(yè)大小，掌握設(shè)置主頁(yè)大小的方法。2.掌握文本設(shè)置的方法，嘗試通過(guò)更改大小、字體、變形、混合選項(xiàng)呈現(xiàn)出有個(gè)人特色的文本。3.了解導(dǎo)航欄的樣式及位置，掌握矩形的繪制調(diào)整方法。（二）、過(guò)程與方法1.通過(guò)課堂任務(wù)的設(shè)計(jì)，強(qiáng)化學(xué)生個(gè)人自主探究能力及小組協(xié)作學(xué)習(xí)能力。2.培養(yǎng)學(xué)生對(duì)問(wèn)題的分析和解決能力，更好地理解PS制作主頁(yè)的方法與策略，提高學(xué)生對(duì)PS的理解與認(rèn)識(shí)。（三）、情感態(tài)度與價(jià)值觀提倡學(xué)生多觀察、多動(dòng)手實(shí)踐

3、，不怕失敗，只怕不動(dòng)。在信息技術(shù)課堂上勇于探索實(shí)踐，通過(guò)作品展示自己。四、教學(xué)重點(diǎn)主頁(yè)大小設(shè)定、標(biāo)題和圖片的大小及位置、導(dǎo)航欄制作五、教學(xué)難點(diǎn)主頁(yè)中各對(duì)象的大小及位置一、教學(xué)方法任務(wù)驅(qū)動(dòng)、分層教學(xué)、同伴互助二、教學(xué)準(zhǔn)備極域多媒體網(wǎng)絡(luò)教室、Photoshopcs5、學(xué)案三、教學(xué)過(guò)程教學(xué)階段教學(xué)活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖創(chuàng)設(shè)情境1.展示范例，吸引學(xué)生的注意力，調(diào)動(dòng)學(xué)習(xí)的積極性2.師：剛才大家看到的是我們八年級(jí)一些同學(xué)的網(wǎng)頁(yè)設(shè)計(jì)作品，在這些作品當(dāng)中，有關(guān)于美食的，有關(guān)于旅游的，還有關(guān)于漫畫(huà)的，還有關(guān)于科技的，等等。那么，你知道這些作品是怎么完成的？3.教師小結(jié)：這些網(wǎng)頁(yè)，我們一般稱(chēng)之為主頁(yè)，都

4、是在PHOTOSHOP中完成。觀看放映聆聽(tīng)老師觀察素材文件并進(jìn)入創(chuàng)設(shè)情境思考并發(fā)表自己的看法展示同個(gè)年齡段同學(xué)的作品，可以吸引學(xué)生的注意力，也更貼近學(xué)生的生活，引起更多的共鳴，盡快進(jìn)入學(xué)習(xí)氛圍。選擇PS制作網(wǎng)頁(yè)，拓寬學(xué)生的知識(shí)面，提升PS的操作技能。復(fù)習(xí)舊知1.啟動(dòng)PHOTOSHOP，向?qū)W生展示2.對(duì)比說(shuō)明，網(wǎng)頁(yè)設(shè)計(jì)時(shí)使用到哪些功能3.小結(jié)：圖片——拖動(dòng)至新建文檔觀看放映參與互動(dòng)思考并回答PS強(qiáng)大的圖片文字與處理功能，學(xué)生在七下學(xué)習(xí)過(guò)，通過(guò)師生互動(dòng)，幫助學(xué)生復(fù)習(xí)一些跟文字——文本工具導(dǎo)航——形狀圖片文字相關(guān)的操作。構(gòu)建新知（圖片）在復(fù)習(xí)了PHOTOSHOP的一些基本操作后，接下來(lái)，

5、我們要開(kāi)始正式設(shè)計(jì)主頁(yè)了。在前一次課中，大家已選好圖片素材，并初步加工，怎么用在網(wǎng)頁(yè)中呢？師：引導(dǎo)學(xué)生嘗試啟動(dòng)軟件，開(kāi)始新建文檔師：主頁(yè)新建完成后，第二步要添加背景圖片，那么，如何將上周保存過(guò)的圖片添加進(jìn)來(lái)呢？邀請(qǐng)學(xué)生上臺(tái)演示。師：XX同學(xué)演示得非常好，首先，打開(kāi)文件，使用移動(dòng)工具，將圖片拖動(dòng)到文檔中。當(dāng)然，我們可以根據(jù)自己的構(gòu)想，調(diào)整圖片的大小及位置。(1).登錄FTP，下載前一課保存上交的圖片素材(2).啟動(dòng)PHOTOSHOP，參考學(xué)案，嘗試新建文檔(3).同伴互動(dòng)，落實(shí)新建文檔時(shí)的各項(xiàng)參數(shù)：800*600背景色透明或其它(4).學(xué)生使用教師機(jī)面向全班展示操作過(guò)程，并做相應(yīng)的講

6、解。教師適當(dāng)點(diǎn)評(píng)及補(bǔ)充說(shuō)明。(5)首先引出學(xué)生的疑慮，啟發(fā)學(xué)生展開(kāi)思考。信息技術(shù)課堂更多的希望學(xué)生通過(guò)嘗試探索發(fā)現(xiàn)問(wèn)題，進(jìn)一步嘗試探索尋求解決問(wèn)題的辦法，從而提高解決問(wèn)題的能力。通過(guò)學(xué)生演示+講解的方式，更加直觀地讓全班同學(xué)了解之前課上保存的圖片如何運(yùn)用到網(wǎng)頁(yè)中。課堂操作時(shí)間，學(xué)生操作，同伴互助，教師巡視。如果有困難，先自行嘗試探究，再向同伴尋求幫助，如果實(shí)解決不了，可向老師尋求幫助。構(gòu)建新知（標(biāo)題）師：現(xiàn)在我們需要給網(wǎng)頁(yè)添加標(biāo)題，那么，你覺(jué)得網(wǎng)頁(yè)的標(biāo)題有什么特點(diǎn)？師：教師小結(jié)標(biāo)題特點(diǎn)：醒目，顏色、大小或者字體與網(wǎng)頁(yè)中的其他文本不一致，位置根據(jù)整體頁(yè)面布局而定師：有請(qǐng)一位同學(xué)給大家

7、演示如何制作網(wǎng)頁(yè)的標(biāo)題教師通過(guò)設(shè)問(wèn)的方式引導(dǎo)學(xué)生講解有關(guān)文字的操作。教師板書(shū)：文本：字體：字體庫(kù)中的或自行下載形狀：變形立體：混合選項(xiàng)大?。捍笥谄胀ㄎ淖?1).學(xué)生觀看放映，對(duì)照范例及個(gè)人經(jīng)驗(yàn)，思考(2).學(xué)生回答問(wèn)題,表達(dá)個(gè)人的看法（2-3人）(3).學(xué)生使用教師機(jī)面向全班，演示如何在文檔中添加文字，以及更改文字的形狀、大小、顏色。通過(guò)修改圖層的混合選項(xiàng)，使文字呈現(xiàn)出更多豐富的樣式。(4).課堂操作時(shí)間，學(xué)生操作，同伴互助，教師巡視。如果有困難，先自行嘗試探究，再向