網(wǎng)頁設(shè)計與制作說課件

1、網(wǎng)頁設(shè)計與制作信息系計網(wǎng)教研室 曾 瑤 內(nèi)容提要：課程開設(shè)的必要性 1課程整體設(shè)計思路234課程特色與改革思路 5如何開展教、學(xué)、做 學(xué)情分析及措施 一、課程開設(shè)的必要性學(xué)生 掌握網(wǎng)頁的設(shè)計與制作方法掌握網(wǎng)站建立、管理、發(fā)布技術(shù)；1 專業(yè)培養(yǎng)目標信息技術(shù)教師校園網(wǎng)頁設(shè)計制作 網(wǎng)站管理工作網(wǎng)站設(shè)計、美工師網(wǎng)頁制作與網(wǎng)站開發(fā)的技術(shù)人才教學(xué)目標 職業(yè)崗位 一 課程開設(shè)的必要性前導(dǎo)：計算機基礎(chǔ)、平面設(shè)計、flash動畫網(wǎng)頁設(shè)計與制作課程 后續(xù)：網(wǎng)絡(luò)數(shù)據(jù)庫、web編程語言 2 課程地位與前后課程的關(guān)聯(lián) 地位：專業(yè)核心課就業(yè)課程以學(xué)生為主體 二 課程設(shè)計理念與思路1 課程設(shè)計理念 以教師為主導(dǎo) 面向過程

2、教 做 實際項目開發(fā)過程作為教學(xué)主線項目分解： 子任務(wù)；在若干子任務(wù)的驅(qū)動下完成各教學(xué)目標 學(xué) 利用網(wǎng)站設(shè)計實際項目來引導(dǎo)學(xué)習(xí)項目導(dǎo)向工學(xué)結(jié)合任務(wù)驅(qū)動二 課程設(shè)計理念與思路 1 課程設(shè)計理念 以職業(yè)崗位為導(dǎo)向、以職業(yè)能力為本位特色，知識、能力、素質(zhì)三者不能分割 一主兩支：以能力培養(yǎng)為主線 傳授知識 二 課程設(shè)計理念與思路 提高職業(yè)素養(yǎng) 1 課程設(shè)計理念 二 課程設(shè)計理念與思路2 課程教學(xué)內(nèi)容安排NBA精彩回放網(wǎng)站二 課程設(shè)計理念與思路2 課程教學(xué)內(nèi)容安排 本課程以NBA精彩回放網(wǎng)站的設(shè)計與制作作為總?cè)蝿?wù)貫穿整個教學(xué)過程，按照網(wǎng)站設(shè)計與制作的工作流程，將工作總?cè)蝿?wù)切分成12個子任務(wù)。通過完成工作

3、任務(wù)的過程，讓學(xué)生掌握網(wǎng)站設(shè)計與制作的基本方法和實際應(yīng)用。 教學(xué)內(nèi)容 教學(xué)案例任務(wù)1 網(wǎng)頁設(shè)計準備 任務(wù)2 建立站點任務(wù)3 編輯網(wǎng)頁 任務(wù)4 創(chuàng)建超級鏈接任務(wù)5 使用模板、庫項目和CSS樣式任務(wù)7 HTML語言和JavaScript技術(shù)任務(wù)6 使用動態(tài)對象任務(wù)8 設(shè)計圖像任務(wù)9 創(chuàng)建Web對象 任務(wù)10 創(chuàng)建動畫任務(wù)11 網(wǎng)頁中的動畫設(shè)計任務(wù)12 檢查與發(fā)布網(wǎng)站每一項內(nèi)容對應(yīng)一個子任務(wù) NBA精彩回放網(wǎng)站任務(wù)分解圖 3 學(xué)生具備的職業(yè)技能和職業(yè)素養(yǎng) 熟知網(wǎng)站開發(fā)相關(guān)流程；掌握網(wǎng)頁排版設(shè)計相關(guān)技術(shù)；具備網(wǎng)頁美化和網(wǎng)站設(shè)計的能力一種意識：樂觀自信兩種觀念:效率、成果三種精神:敬業(yè)、協(xié)作、創(chuàng)新;四種

4、能力:自主學(xué)習(xí)、自我發(fā)展、溝通、表達職業(yè)技能職業(yè)素養(yǎng) 二 課程設(shè)計理念與思路三 學(xué)情分析及措施調(diào)查問卷：是否對學(xué)習(xí)感興趣？如果不感興趣，原因是什么？67.8%32.2% 很感興趣 缺乏興趣原因？ 三 學(xué)情分析及措施 學(xué)生本身是有興趣的,但由于教師在教學(xué) 過程中前后知識不連貫，缺乏一個主要的案 例貫穿整個課程，致使學(xué)生不能將所學(xué)知識 與實際緊密的結(jié)合起來，導(dǎo)致原有興趣消失。 因此，我們采用項目導(dǎo)向教學(xué)法。用一個教 學(xué)案例貫穿整個教學(xué)過程。1 課堂教學(xué)流程 1啟發(fā)引導(dǎo)：“情境-探究”教學(xué)模式 2案例分析及必要知識點講解3分組討論 ： 探求方案 力求創(chuàng)新 4上機實踐評價總結(jié) 實用 必需 夠用 頭腦風(fēng)

5、暴 四 如何開展教、學(xué)、做四 如何開展教、學(xué)、做2 學(xué)生的學(xué)習(xí)流程 模仿開發(fā)已有項目項目導(dǎo)向：從案例中發(fā)現(xiàn)認識新知識點對照成熟方案查漏補缺認識 實踐 再認識 任務(wù)驅(qū)動：自己開發(fā)新項目再實踐 四 如何開展教、學(xué)、做3 教學(xué)設(shè)計以案例2為例教學(xué)項目：建立站點教學(xué)目標：掌握網(wǎng)站規(guī)劃和設(shè)計基本知識 掌握為網(wǎng)站創(chuàng)建站點并添加相應(yīng)文件夾和文件的技能 提高分析解決問題的能力，撰寫簡單科技文檔能力教學(xué)方法：任務(wù)驅(qū)動教學(xué)法教輔手段：利用多媒體系統(tǒng)進行教學(xué)和演示參與人員：全體學(xué)生實訓(xùn)地點：專業(yè)機房教學(xué)互動點： 1、網(wǎng)站規(guī)劃：引導(dǎo)學(xué)生就如何進行網(wǎng)站規(guī)劃分析、討論、交流 2、建立站點：引導(dǎo)學(xué)生就如何建立站點交流和討論

6、教學(xué)步驟：1.提出問題：建立一個有關(guān)個人業(yè)余愛好的網(wǎng)站應(yīng)該從哪些方面入手？2.提出本次課的任務(wù)：規(guī)劃NBA精彩回放網(wǎng)站，并為該網(wǎng)站創(chuàng)建站點3.對本次課的任務(wù)進行分析四 如何開展教、學(xué)、做以案例2為例4.進行完成該任務(wù)的教學(xué) （1）規(guī)劃網(wǎng)站（老師引導(dǎo)學(xué)生討論） 明確建立網(wǎng)站的目的為什么要建網(wǎng)站? 確定網(wǎng)站內(nèi)容上網(wǎng)站看什么? 確定網(wǎng)站欄目怎樣合理組織網(wǎng)站內(nèi)容? 確定網(wǎng)站整體風(fēng)格怎么區(qū)分于其他網(wǎng)站? （2）定義站點 教師演示講解，學(xué)生邊學(xué)邊練：運行Dreamweaver，熟悉Dreamweaver界面，定義“NBA精彩回放”網(wǎng)站站點 （3）在站點中添加網(wǎng)頁和文件夾 教師演示講解，學(xué)生邊學(xué)邊練：在已定

7、義的“NBA精彩回放”網(wǎng)站站點中添加用于存放網(wǎng)站中圖片的文件夾images，添加網(wǎng)頁文件（此為該網(wǎng)站的主頁）四 如何開展教、學(xué)、做以案例2為例四 如何開展教、學(xué)、做以案例2為例5.學(xué)生邊學(xué)邊做，完成以下任務(wù)（1）從網(wǎng)站建設(shè)目標、網(wǎng)站主要內(nèi)容、欄目劃分、網(wǎng)站整體風(fēng)格和創(chuàng)意設(shè)計等幾個方面進行個人網(wǎng)站規(guī)劃，撰寫規(guī)劃書（允許課后進行）（2）建立“我的業(yè)余愛好”網(wǎng)站站點，并添加網(wǎng)頁和文件夾。 （教師對學(xué)生完成任務(wù)的情況進行總結(jié)和點評）教學(xué)評價 通過批閱網(wǎng)站規(guī)劃書，對學(xué)生完成該子任務(wù)做出評價，記錄為平時成績。 四 如何開展教、學(xué)、做4 教學(xué)實踐條件 多媒體上機機房專業(yè)實訓(xùn)機房5 課程考核方式10%5%60

8、%25%綜合實訓(xùn) 作業(yè) 考勤課堂實訓(xùn)積分 期末以能力考核為主，兼顧學(xué)習(xí)態(tài)度和職業(yè)素養(yǎng)自評、互評相結(jié)合 學(xué)習(xí)完該課程后，每個同學(xué)都能建立自己的個人主頁。 6 教學(xué)效果 6 教學(xué)效果 多位同學(xué)在院、系級競賽中獲得各種獎項，并有不少同學(xué)參與校外真實項目建設(shè)。自愿參與的網(wǎng)頁設(shè)計師等證書考核中，一次性通過率90%以上。課程特色激發(fā)潛能任務(wù) 驅(qū)動 教學(xué)針對性強教學(xué)做一體化五 課程特色成果與改革思路1 課程特色 任務(wù)驅(qū)動 工學(xué)結(jié)合 五 課程特色與改革思路1 課程特色 緊密聯(lián)系工作崗位，教學(xué)針對性強 教學(xué)做一體化 五 課程特色與改革思路探究學(xué)習(xí)、合作學(xué)習(xí)、自主學(xué)習(xí)等教學(xué)組織形式，挖掘?qū)W生學(xué)習(xí)潛能激發(fā)潛能緊密聯(lián)系工作崗位，教學(xué)針對性強工學(xué)結(jié)合充分利用網(wǎng)絡(luò)課堂進行課后互動，在線交