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

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

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

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

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

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

6、教學(xué)步驟：1.提出問題：建立一個(gè)有關(guān)個(gè)人業(yè)余愛好的網(wǎng)站應(yīng)該從哪些方面入手？2.提出本次課的任務(wù)：規(guī)劃NBA精彩回放網(wǎng)站，并為該網(wǎng)站創(chuàng)建站點(diǎn)3.對(duì)本次課的任務(wù)進(jìn)行分析四 如何開展教、學(xué)、做以案例2為例4.進(jìn)行完成該任務(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）定義站點(diǎn) 教師演示講解，學(xué)生邊學(xué)邊練：運(yùn)行Dreamweaver，熟悉Dreamweaver界面，定義“NBA精彩回放”網(wǎng)站站點(diǎn) （3）在站點(diǎn)中添加網(wǎng)頁和文件夾 教師演示講解，學(xué)生邊學(xué)邊練：在已定

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

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