PS網頁設計與制作

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

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

3、不怕失敗，只怕不動。在信息技術課堂上勇于探索實踐，通過作品展示自己。4、 教學重點主頁大小設定、標題和圖片的大小及位置、導航欄制作5、 教學難點主頁中各對象的大小及位置6、 教學方法任務驅動、分層教學、同伴互助7、 教學準備極域多媒體網絡教室、Photoshop cs5、學案8、 教學過程教學階段教學活動學生活動設計意圖創(chuàng)設情境1. 展示范例，吸引學生的注意力，調動學習的積極性2.師：剛才大家看到的是我們八年級一些同學的網頁設計作品，在這些作品當中，有關于美食的，有關于旅游的，還有關于漫畫的，還有關于科技的，等等。那么，你知道這些作品是怎么完成的？3.教師小結：這些網頁，我們一般稱之為主頁，都

4、是在PHOTOSHOP中完成。觀看放映聆聽老師觀察素材文件并進入創(chuàng)設情境思考并發(fā)表自己的看法展示同個年齡段同學的作品，可以吸引學生的注意力，也更貼近學生的生活，引起更多的共鳴，盡快進入學習氛圍。選擇PS制作網頁，拓寬學生的知識面，提升PS的操作技能。復習舊知1. 啟動PHOTOSHOP，向學生展示2. 對比說明，網頁設計時使用到哪些功能3. 小結：圖片拖動至新建文檔文字文本工具導航形狀觀看放映參與互動思考并回答PS強大的圖片文字與處理功能，學生在七下學習過，通過師生互動，幫助學生復習一些跟圖片文字相關的操作。構建新知（圖片）在復習了PHOTOSHOP的一些基本操作后，接下來，我們要開始正式設計

5、主頁了。在前一次課中，大家已選好圖片素材，并初步加工，怎么用在網頁中呢？師：引導學生嘗試啟動軟件，開始新建文檔師：主頁新建完成后，第二步要添加背景圖片，那么，如何將上周保存過的圖片添加進來呢？邀請學生上臺演示。師：XX同學演示得非常好，首先，打開文件，使用移動工具，將圖片拖動到文檔中。當然，我們可以根據自己的構想，調整圖片的大小及位置。(1).登錄FTP，下載前一課保存上交的圖片素材(2).啟動PHOTOSHOP，參考學案，嘗試新建文檔(3).同伴互動，落實新建文檔時的各項參數：800*600 背景色透明或其它(4) .學生使用教師機面向全班展示操作過程，并做相應的講解。教師適當點評及補充說明

6、。(5) 課堂操作時間，學生操作，同伴互助，教師巡視。如果有困難，先自行嘗試探究，再向同伴尋求幫助，如果實解決不了，可向老師尋求幫助。首先引出學生的疑慮，啟發(fā)學生展開思考。信息技術課堂更多的希望學生通過嘗試探索發(fā)現問題，進一步嘗試探索尋求解決問題的辦法，從而提高解決問題的能力。通過學生演示+講解的方式，更加直觀地讓全班同學了解之前課上保存的圖片如何運用到網頁中。構建新知（標題）師：現在我們需要給網頁添加標題，那么，你覺得網頁的標題有什么特點？師：教師小結標題特點：醒目，顏色、大小或者字體與網頁中的其他文本不一致，位置根據整體頁面布局而定師：有請一位同學給大家演示如何制作網頁的標題教師通過設問的

7、方式引導學生講解有關文字的操作。教師板書：文本：字體：字體庫中的或自行下載 形狀：變形 立體：混合選項 大?。捍笥谄胀ㄎ淖纸處煿膭罨A較好的同學嘗試探究任務一，自主上網搜索下載字體，并安裝使用(1) .學生觀看放映，對照范例及個人經驗，思考(2) .學生回答問題,表達個人的看法（2-3人）(3) .學生使用教師機面向全班，演示如何在文檔中添加文字，以及更改文字的形狀、大小、顏色。通過修改圖層的混合選項，使文字呈現出更多豐富的樣式。(4) .課堂操作時間，學生操作，同伴互助，教師巡視。如果有困難，先自行嘗試探究，再向同伴尋求幫助，如果實解決不了，可向老師尋求幫助。結合學生的個人經驗，鼓勵學生表達

8、個人看法。不僅僅是通過教師給出的幾張圖片得出一個結論，更多是從學生的生活和個人體驗出發(fā)。大標題的制作也是本課的一個重點，設計的意圖是學生通過對比嘗試，找到更適合自己的網頁，制作出更具個人特色的作品。采用分層教學，鼓勵同學結合個人實際情況，下載安裝新的字體，對于另外的基礎較弱的學生的，則鼓勵通過開關的改變，顏色調整和混合選項的應用，制作出精彩的標題。構建新知（導航）師：導航是一個網頁的重要組成部分，位于頁面頂端，或是側邊的區(qū)域，一般由一排水平或垂直的按鈕組成，起著網站內部頁面鏈接的作用。在你的網頁中，打算如何設計呢？教師小結導航欄的制作：位置：上邊或側邊形狀：矩形較適合大?。阂勒w頁面及個人喜好

9、而定形狀與文字分開操作師：哪位同學能夠演示下呢？(1) .學生觀看放映，觀看范例中的導航制作(2) .學生結合自己的網頁，發(fā)表看法。(3) 學生使用教師機面向全班展示操作過程，并做相應的講解。教師適當點評及補充說明。(4) 課堂操作時間，學生操作，同伴互助，教師巡視。導航是本課的分層教學內容之一，學習效率較高的同學，可以自助嘗試制作導航。課上結合其余同學的作品，引導學生觀察導航欄的特點，分析制作時的使用到的工具，及可能會用到的一些操作小技巧。教師重在引導。歸納總結保存作業(yè)至桌面，格式為“學號姓名.psd”， 上傳至教師機，以供教師查看操作情況。教師課后查看作業(yè)，登錄匯總，針對作業(yè)中出現的小問題

10、，下一課時，展開分析與講解。(1).學生按要求保存并上交作業(yè)。(2).學生跟隨教師的板書，對本堂課的所學進行小結。本課的基礎任務是新建文檔，制作網頁背景和大標題。拓展提升任務是下載安裝字體制作新穎的標題及導航欄的制作。教師根據學生上交的作業(yè)，做好記錄，以便下一堂課開展教學。板書PS網頁設計與制作1、 新建文檔 二、標題 三、導航大小：800*600像素 網頁標題：醒目 形狀：可選矩形背景色：透明 字體：字體庫或下載 大?。鹤远?形狀：變形 位置：上邊或側邊 立體：混合選項9、 教學反思本課是一節(jié)常態(tài)課，通過前期的課上接觸結合上交的作業(yè)，發(fā)現本班學生的認知能力和操作水平存在不小的差異，大部分學生的學習的積極性有，但持續(xù)時間不長，在學習中遇到問題時，大部分學生愿意主動探究，探究成功后積極性倍增，探究失敗后有挫敗感，積極性大幅下降。在開展網頁設計制作教學時，采用PS網頁設計與制作。本課設計時考慮到了不同能力學生的學習情況，采用“分層教學”。課上通過展示作品，激起學生的學習興趣，拋出問題，引出答案，進入本課的學習主題。課堂中任務驅動與分層教學相結合，很好地照顧到不同層次的學生。演示環(huán)節(jié)，由學生自愿和教師抽查相結合，整個課堂教學進展有序。課前預設的學習目標也較好地完成了