PS 網頁設計與制作（主頁） 一、教材分析設計制作網頁的方法有很多，所用軟件也各不相同，在本次拓展課程教學中，采用 設計網頁。本課是第四課時，在之前的課中，教師介紹了網頁大小、圖片素材的 保存及處理方法，學生已了解有關網頁的相關知識點，本節課在此基礎上，開始學習PS 網 頁設計，通過新建文檔，完善網頁中的其它要素，如：文本、頁頭、頁腳、圖片等要素。 二、學情分析認知水平：本班學生為八年級學生，善于接受新鮮事物，欠缺專注力、知識遷移能力。知識技能水平：在前幾課時的學習中學生了解了網頁的常見大小，主頁包含的各項要素，七年級下已學 習過 PS 的相關知識與技能，有一定的基礎。本節課，學生需要靈活運用以前的所學，制作 出有個人特色的主頁。 學生在自主實踐環節是遇到的問題，通過同伴互助、 范例展示等方式， 更好地理解為何這么做，以及怎么做。 三、教學目標（一）、知識與技能1. 了解主頁大小，掌握設置主頁大小的方法。2. 掌握文本設置的方法，嘗試通過更改大小、字體、變形、 混合選項呈現出有個人特 色的文本。3. 了解導航欄的樣式及位置，掌握矩形的繪制調整方法。（二）、過程與方法1. 通過課堂任務的設計，強化學生個人自主探究能力及小組協作學習能力。
2. 培養學生對問題的分析和解決能力，更好地理解PS 制作主頁的方法與策略，提高 學生對 PS的理解與認識。（三）、情感態度與價值觀提倡學生多觀察、 多動手實踐， 不怕失敗， 只怕不動。 在信息技術課堂上勇于探索實踐， 通過作品展示自己。 四、教學重點主頁大小設定、標題和圖片的大小及位置、導航欄制作 五、教學難點主頁中各對象的大小及位置 六、教學方法任務驅動、分層教學、同伴互助 七、教學準備極域多媒體網絡教室、 cs5、學案 八、教學過程 教學教學活動學生活動設計意圖 階段1. 展示范例，吸引學生的注意力，觀看放映展示同個年齡段同調動學習的積極性聆聽老師學的作品，可以吸引學生的注意力，觀察素材文件也更貼近學生的生并進入創設情境活，引起更多的共鳴，盡快進入學習氛圍。 創選擇 PS制作網頁， 設2.師：剛才大家看到的是我們八年級 情拓 寬 學 生 的 知 識 境一些同學的網頁設計作品，在這些作思考并發表自己的看法面，提升 PS的操作品當中，有關于美食的ps進行網頁設計，有關于旅游技能。的，還有關于漫畫的，還有關于科技的，等等。那么，你知道這些作品是怎么完成的？3.教師小結：這些網頁，我們一般稱之為主頁，都是在中完成。
1. 啟動 ，向學生展示觀看放映PS 強大的圖片文2. 對比說明，網頁設計時使用到哪參與互動字與處理功能，學 復 習些功能思考并回答生在七下學習過， 舊 知3. 小結：通過師生互動，幫圖片——拖動至新建文檔助學生復習一些跟文字——文本工具圖片文字相關的操作。導航——形狀在復習了的一些基本操(1).登錄 FTP，下載前一首先引出學生的疑作后，接下來，我們要開始正式設計課保存上交的圖片素材慮，啟發學生展開主頁了。在前一次課中，大家已選好(2).啟動 ， 思考。圖片素材，并初步加工，怎么用在網參考學案，嘗試新建文頁中呢？檔信息技術課堂更多師：引導學生嘗試啟動軟件，開始新(3). 同伴互動， 落實新建的希望學生通過嘗建文檔文 檔 時 的 各 項 參 數 ：試探索發現問題，800*600 背景色透明進一步嘗試探索尋或其它求 解 決 問 題 的 辦 構法，從而提高解決 建 新問題的能力。 知 （ 圖 片 ）師：主頁新建完成后，第二步要添加背景圖片，那么，如何將上周保存過的圖片添加進來呢？邀請學生上臺(4) .學生使用教師機面通過學生演示+講演示。
向全班展示操作過程，解的方式，更加直師：XX 同學演示得非常好，首先， 打并做相應的講解。教師觀地讓全班同學了開文件，使用移動工具，將圖片拖動適當點評及補充說明。解之前課上保存的到文檔中。當然，我們可以根據自己圖片如何運用到網的構想，調整圖片的大小及位置。(5) 課堂操作時間， 學生頁中。操作，同伴互助，教師巡視。如果有困難，先自行嘗試探究，再向同伴尋求幫助，如果實解決不了，可向老師尋求幫助。師：現在我們需要給網頁添加標題，(1) .學生觀看放映，對那么，你覺得網頁的標題有什么特照范例及個人經驗，思結合學生的個人經點？考驗，鼓勵學生表達(2) .學生回答問題 ,表達 個人看法。不僅僅個人的看法（2-3 人） 是通過教師給出的幾張圖片得出一個結論，更多是從學生的生活和個人體驗出發。(3) .學生使用教師機面師：教師小結標題特點：醒目， 顏色、向全班，演示如何在文大小或者字體與網頁中的其他文本 構 建檔中添加文字，以及更大標題的制作也是不一致， 位置根據整體頁面布局而定 新 知改文字的形狀、大小、本課的一個重點， （ 標顏色。通過修改圖層的設計的意圖是學生 題師：有請一位同學給大家演示如何制 ）混合選項，使文字呈現通過對比嘗試，找作網頁的標題出更多豐富的樣式。
到更適合自己的網頁，制作出更具個(4) .課堂操作時間，學人特色的作品。采生操作，同伴互助，教用分層教學，鼓勵教師通過設問的方式引導學生講解師巡視。如果有困難，同學結合個人實際有關文字的操作。先自行嘗試探究，再向情況，下載安裝新教師板書：同伴尋求幫助，如果實的字體，對于另外文本：字體：字體庫中的或自行下載解決不了，可向老師尋的基礎較弱的學生形狀：變形求幫助。的，則鼓勵通過開立體：混合選項關的改變，顏色調大小：大于普通文字整和混合選項的應教師鼓勵基礎較好的同學嘗試探究用，制作出精彩的任務一，自主上網搜索下載字體，并標題。安裝使用師：導航是一個網頁的重要組成部(1) .學生觀看放映，觀導航是本課的分層分，位于頁面頂端， 或是側邊的區域，看范例中的導航制作教學內容之一，學一般由一排水平或垂直的按鈕組成，(2) .學生結合自己的網習 效 率 較 高 的 同起著網站內部頁面鏈接的作用。在你 頁，發表看法。學，可以自助嘗試的網頁中，打算如何設計呢？制作導航。課上結合其余同學教師小結導航欄的制作：的作品ps進行網頁設計，引導學生 構 建位置：上邊或側邊觀 察 導 航 欄 的 特 新 知形狀：矩形較適合點，分析制作時的 （ 導 航大?。阂勒w頁面及個人喜好而定使用到的工具，及 ）形狀與文字分開操作(3) 學生使用教師機面可能會用到的一些向全班展示操作過程，操作小技巧。
教師師：哪位同學能夠演示下呢？并做相應的講解。教師重在引導。適當點評及補充說明。(4) 課堂操作時間， 學生操作，同伴互助，教師巡視。保存作業至桌面，格式為“學號姓(1). 學生按要求保存并本課的基礎任務是名 .psd”， 上傳至教師機，以供教師上交作業。新建文檔，制作網查看操作情況。頁背景和大標題。 歸拓展提升任務是下 納 總 結教師課后查看作業，登錄匯總，針對載安裝字體制作新作業中出現的小問題，下一課時，展(2). 學生跟隨教師的板穎的標題及導航欄開分析與講解。書，對本堂課的所學進的制作。教師根據行小結。學生上交的作業，做好記錄，以便下一堂課開展教學。PS 網頁設計與制作一、新建文檔二、標題三、導航大小： 800*600 像素網頁標題：醒目形狀：可選矩形 板 書背景色：透明字體：字體庫或下載大小：自定形狀： 變形位置： 上邊或側邊立體：混合選項 九、教學反思本課是一節常態課，通過前期的課上接觸結合上交的作業，發現本班學生的認知能力和 操作水平存在不小的差異，大部分學生的學習的積極性有，但持續時間不長，在學習中遇到 問題時，大部分學生愿意主動探究，探究成功后積極性倍增，探究失敗后有挫敗感，積極性 大幅下降。
在開展網頁設計制作教學時，采用PS 網頁設計與制作。本課設計時考慮到了不 同能力學生的學習情況，采用“分層教學”。課上通過展示作品，激起學生的學習興趣，拋 出問題，引出答案，進入本課的學習主題。課堂中任務驅動與分層教學相結合，很好地照顧 到不同層次的學生。演示環節， 由學生自愿和教師抽查相結合，整個課堂教學進展有序。課 前預設的學習目標也較好地完成了。本節課的不足之處在于，課堂整體學習效率受學生的完成情況影響較大，若學生花很多 時間糾結在選哪個顏色更好看類似的問題上，不利于開展后面的教學，在今后的教學中，不 妨向學生明確提出這一段的操作時間。更有效地開展每一課的教學。 教案信息表 作者姓名曹亞利電子信箱學段八年級上 作者單位海寧市斜橋中學郵編 教案名稱PS 網頁設計與制作手機 適用教材拓展課程課時1