《《個教學單元說》PPT課件.ppt》由會員分享，可在線閱讀，更多相關《《個教學單元說》PPT課件.ppt（23頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、黃岡職業(yè)技術學院計科系:孫小英,網(wǎng)頁設計與制作,第2單元：茶文化網(wǎng)站的設計任務4：二級頁面的設計,,,,,,,目錄,一、教學目標,四、考核與反饋,二、教學內(nèi)容,五、學法指導,三、教學設計,一、教學目標---課程描述,《網(wǎng)頁設計與制作》這門課程是我院計算機網(wǎng)絡技術專業(yè)的一門專業(yè)核心課程。,本課程的先修課程是《網(wǎng)頁美工》，與其后續(xù)課程《動態(tài)網(wǎng)頁設計》、《DIV+CSS》相結(jié)合，形成滿足職業(yè)崗位實際工作需要的課程體系。,一、教學目標---課程目標,掌握網(wǎng)站規(guī)劃、網(wǎng)站測試發(fā)布、維護管理方法；掌握文字、圖像的處理方法；掌握表格的布局方法；掌握模板、框架的使用方法；掌握CSS的運用。,,職業(yè)能力目標,具備

2、初步的網(wǎng)站開發(fā)、維護和管理能力；具備獨立撰寫網(wǎng)站制作說明等科技文件的基本能力,具備信息收集、處理、加工的能力；具備靜態(tài)網(wǎng)頁設計的基本能力，能獨立設計一個內(nèi)容完整、圖文并茂、技術運用得當?shù)木W(wǎng)站；,,職業(yè)素質(zhì)目標,培養(yǎng)學生按時守信的誠實作風；樂觀向上的敬業(yè)精神；溝通協(xié)作的團隊意識；知識獲取和應用的自主學習能力；探索實踐的創(chuàng)新能力。,,,,,,一、教學目標---本次課的教學目標,,,知識目標：掌握模板的創(chuàng)建與保存方法；掌握模板中可編輯區(qū)域的設置；掌握模板在網(wǎng)頁中的應用；,能力目標：能熟練運用模板完成多個具有相同或相似布局的頁面的設計,,,素質(zhì)目標：培養(yǎng)學生溝通協(xié)作的團隊意識；知識獲取和應用的自主學習

3、能力；探索實踐的創(chuàng)新能力。,,,二、教學內(nèi)容---教學內(nèi)容的選取依據(jù),本課程教學的側(cè)重點就在于頁面的布局設計，在網(wǎng)頁的設計中，最重要同時也是最難、最費時間的就是各頁面的版式布局設計。,1、依據(jù)教學目標的要求,2：依據(jù)網(wǎng)站設計風格的一致性要求,3：依據(jù)網(wǎng)站的更新要求,在網(wǎng)頁設計中還有一個重要的設計原則：網(wǎng)站應保持設計風格的一致性。而網(wǎng)站風格的一致性除了對文字格式、配色方案的要求外，還體現(xiàn)在頁面布局風格的一致性要求上。在一個網(wǎng)站中，除了首頁獨立采用一種布局方案外，一般要求所有的二級頁頁采用相同或相近的布局，對所有的三級頁面的設計要求也是如此。,茶文化網(wǎng)的設計與制作,利用模板設計多個布局相同或相近的

4、頁面的共享結(jié)構(gòu)，既可以節(jié)省設計時間，又可以保持頁面布局風格的一致性，同時也利于頁面的更新操作。,,二、教學內(nèi)容---教學內(nèi)容的載體,1、教學任務：完成“鳳凰旅游網(wǎng)”二級頁面的設計（學生分組完成）,,,二、教學內(nèi)容---教學內(nèi)容的載體,2、訓練任務：完成“鳳凰旅游網(wǎng)”二級頁面的設計（學生獨立完成）,,二、教學內(nèi)容---教學重點、難點,,,教學重點,教學難點,模板的創(chuàng)建、保存與應用,模板的保存位置；模板中可編輯區(qū)域的定義與修改；,,,,,,,,三、教學設計---時間安排,,,,,,,,復習舊課,任務布置及分析,講練結(jié)合,擴展任務訓練與評價,項目,時間,5分鐘,15分鐘,70分鐘,90分鐘,90分鐘

5、,三、教學設計---教學準備工作,,,,,分組情況按第一次上課時時確定的方案執(zhí)行,上課之前將相關資料、素材分發(fā)給學生。,素材準備,確定分組,,,,,,,教學組織流程,一、復習舊課并引入新課,二.分析任務,三.提出解決方案,四、學生實施任務、老師指導,三、教學設計---教學步驟,六、學生繼續(xù)實施任務,五、疑難問題講解,七、歸納總結(jié),八、完成訓練任務及評價,1、復習舊課布局表格的特點標準表格與布局表格的區(qū)別如何根據(jù)頁面的版式設計需求合理選擇相應表格,三、教學設計---具體過程,2、布置本次設計任務打開茶文化網(wǎng)站各二級頁面，展示網(wǎng)頁效果，確定本次任務目標。,3、任務分析（１）各子頁面在布局上存在的共

6、同點：,三、教學設計---具體過程,各子頁在布局上基本是相同或相近的,（2）利用已學知識實現(xiàn)布局結(jié)構(gòu)相同的網(wǎng)頁的設計方法,方法1：每個頁面單獨進行設計方法2：設計好一個頁面后，在已經(jīng)設計好的頁面上直接進行修改，再通過“另存為”保存為其它網(wǎng)頁,思考：以上設計方法有何缺點？（通過此問題引入模板這一應用。）,4、提出解決方案如果將所有子頁面相同的格式設為模板，再通過模板建立不同的網(wǎng)頁，即可解決上述問題解決方案一：１、先設計一個子頁面（如about.html)2、通過“文件”—“另存為模板”，將已設計好的頁面存為模板3、創(chuàng)建其它各個子頁面并將模板應用于其中解決方案二：１、先創(chuàng)建一個模板，在該模板中設計

7、所有子頁面相同或相近的布局格式2、保存模板3、通過模板創(chuàng)建各個子頁面,三、教學設計---具體過程,5、學生開始實施任務、老師指導對設計方案作簡單的說明后，要求學生按上課前所發(fā)的資料中提供的詳細設計方案開始實施任務。在這一過程中，老師積極參與指導并記錄下學生在任務實施過程中存在的問題。（由于在前一次課中已利用表格完成了其中一個子頁面的設計，所以對于此次設計任務要求學生用第一種方案去實施。）,三、教學設計---具體過程,6、疑難問題分析與講解針對學生在任務實施過程中出現(xiàn)的問題進行詳細的分析與講解。,7、學生繼續(xù)完成任務,,7、歸納總結(jié),三、教學設計---具體過程,對學生完成任務的情況進行點評，并針

8、對典型問題進行講解。最后對模板的設計知識進行歸結(jié)總結(jié)。,8、訓練任務要求學生按第二種方案完成“鳳凰旅游網(wǎng)”所有二級頁面的設計,三、教學設計---具體過程,9、訓練任務質(zhì)量評價,,通過訓練任務既考核學生對于模板應用的掌握程度，又加強學生對表格布局的運用。,擴展功能:重復區(qū)域的使用,四、考核反饋---考核方式,,,,,,,,,,,,模板的創(chuàng)建與運用,頁面布局的整體方案及效果,考核內(nèi)容:圖片文件是否單獨存放于images文件夾中；圖片及網(wǎng)頁的文件名是否使用合理的名稱分值比例:10%,考核內(nèi)容:模板的創(chuàng)建與運用分值比例:60%,,考核內(nèi)容:布局方案的合理性；布局效果的美觀性分值比例:30%,,針對學生對于擴展任務的完成質(zhì)量進行評價,,評價方式：采用學生自評與教師評價相結(jié)合的方法,四、考核反饋---教學反饋,,反饋,,課堂反饋教師提問學生提問學生完成任務質(zhì)量,,課后反饋QQ群電子郵箱,五、學法指導,平時多看一些優(yōu)秀的網(wǎng)站，學習他人之長,遇到不懂的問題要及時地向老師或同學請教,對于教學中的設計任務或課后瀏覽到的優(yōu)秀網(wǎng)頁，要多思考、分析,在課內(nèi)、課外一定要多動手,,根據(jù)課程的特點對學生實施行之有效的學習指導方法,六、資源設計,電子課件：主要包括知識點、設計的詳細步驟及注意事項。訓練素材學習參考網(wǎng)站（精品課程網(wǎng)站）,,,ThankYou!,