《網(wǎng)頁設計與制作》課程說課 課件

專業(yè)：軟件技術及相關專業(yè)課程性質(zhì)：專業(yè)基礎課程對象：三年制高職課時：48課程說明：靜態(tài)網(wǎng)頁設計制作HTML+CSS+JavaScript課程簡介網(wǎng)頁設計與制作課程設計說課主要內(nèi)容課程設計教學內(nèi)容與設施教學方法與手段課程保障課程定位課程特色一課程定位課程定位Ｃ語言程序設計數(shù)據(jù)結(jié)構數(shù)據(jù)庫管理與應用網(wǎng)頁設計與制作系統(tǒng)基礎課程軟件測試Java程序設計JavaWeb程序設計JavaEE企業(yè)級項目開發(fā)C#程序設計ASP.NET程序設計.NET企業(yè)級項目開發(fā)軟件工程與項目實踐Web開發(fā)工程師培養(yǎng)目標課程的教學目標掌握HTML+CSS+JavaScript相關技術，使學生能夠獨立進行客戶端頁面的開發(fā)。通過本課程的學習，使學生逐步建立和掌握Web客戶端靜態(tài)頁面設計的思想方法，具有分析問題和解決問題的能力，能夠使用HTML語言、CSS樣式、JavaScript腳本編寫Web客戶端靜態(tài)頁面解決實際問題，具備吃苦耐勞、團結(jié)協(xié)作的良好品質(zhì)。

通過感性、直觀的實踐操作，激發(fā)學生開發(fā)軟件項目的熱情，帶動學生學習其他專業(yè)核心課程的學習積極性。二課程設計課程設計理念以培養(yǎng)網(wǎng)站開發(fā)相關崗位的職業(yè)能力為核心

第四、基于能力本為的技能訓練“以學生為主體、以教師為主導”，培養(yǎng)自信、自主、自學職業(yè)能力培養(yǎng)第三、基于真實項目載體的教學內(nèi)容第二、基于工作過程系統(tǒng)化的課程開發(fā)第一、基于工學結(jié)合的人才培養(yǎng)模式

設計的特點：針對性強適用性強可拓展性強2職業(yè)能力分析3學習者分析4以培養(yǎng)職業(yè)能力

為核心的教學目標5工作任務導向確定學習單元6多種模式\工學結(jié)合培養(yǎng)學生7持續(xù)關注學生在企業(yè)的發(fā)展，定期回訪學生8以企業(yè)標準更新學習單元1企業(yè)崗位需求調(diào)研課程設計思路整個課程設計的思路凸顯實踐性、開放性、職業(yè)性崗位需求的Web客戶端技術內(nèi)容的選取標準與原則堅持理論以必須、夠用為度的教學內(nèi)容選擇標準。選取原則：1）根據(jù)企業(yè)發(fā)展需要、職業(yè)崗位實際工作任務所需要的知識、能力、素質(zhì)要求來確定教學內(nèi)容；2）反復強化在實踐過程中常用的知識和技能。資源搜索內(nèi)容草圖形成靜態(tài)頁面CSS與JS動態(tài)網(wǎng)站技術角度的課程設計超級鏈接的使用下拉菜單的設計HTML+CSS+JavaScript綜合項目開發(fā)JavaScript的表單驗證配置Web站點發(fā)布Web站點Web站點發(fā)布HTML應用CSS引用CSS應用JS應用綜合應用課外項目拓展文字段落與圖片的設定頁面布局多媒體頁面設計表單設計窗口框架的使用頁面樣式設計區(qū)塊與層表格美化的設計三教學內(nèi)容與設施內(nèi)容的選取與組織網(wǎng)站編輯頁面設計靜態(tài)網(wǎng)頁的開發(fā)網(wǎng)站的頁面的規(guī)范規(guī)范布局頁面客戶端驗證客戶端特效Web站點發(fā)布網(wǎng)頁版面設計HTML高級應用CSS的應用JavaScript腳本編程軟件專業(yè)調(diào)研崗位能力分析本課程崗位能力分析崗位需求學習模塊項目設計HTML標簽應用CSS規(guī)范網(wǎng)頁內(nèi)容CSS頁面布局JS表單驗證JS項目編程內(nèi)容的選取與組織課程內(nèi)容序化、重構遵循職業(yè)成長規(guī)律（課時安排）編號知識模塊安排1站點發(fā)布2HTML語言基礎3HTML表格布局4HTML框架布局5HTML表單設計6多媒體頁面設計7層疊樣式表CSS8DIV+CSS網(wǎng)頁布局9CSS特效10JavaScript基本語法11JavaScript表單驗證12JavaScript事件處理與應用項目1：web站點發(fā)布（4）1項目2：頁面版面設置（8）2項目3：HTML高級應用（6）3項目4：CSS的應用（10）4項目5：JavaScript腳本編程（20）5網(wǎng)頁設計師職業(yè)成長規(guī)律初學者高級初學者有能力者熟練者專家入門和概念性知識：在不太明確的工作情境中利用復雜規(guī)律關聯(lián)性知識：在工作中注意和分析多種因素和規(guī)律間的關系詳細和功能性知識：能面對無固定答案的問題、并獲得知識系統(tǒng)化知識：能感受對對經(jīng)驗的和專業(yè)知識要求較高的復雜任務課程的組織與實施教學組織與實施計劃（宏觀）教學理念教學設計課堂教學工學結(jié)合工作流程模塊化模塊內(nèi)容案例化項目考核過程化理論實踐一體化課程教學重視“學習的內(nèi)容是工作，通過工作實現(xiàn)學習”的工學結(jié)合的思想，采用了：工作流程模塊化，模塊內(nèi)容案例化，課程考核過程化，理論實踐一體化的教學模式，充分實現(xiàn)了教學做一體化的教學體系。

課程的組織與實施教學組織與實施過程(微觀)內(nèi)容的選取與組織單元四：CSS的應用

單元名稱主要內(nèi)容目標與要求單元四CSS的應用（1）CSS簡介（2）選擇符的分類與定義（3）CSS的加載方法（4）CSS背景設置（5）文本樣式（6）CSS列表（7）盒模型（8）CSS定位（9）DIV+CSS頁面布局（1）掌握CSS簡介、特點與使用規(guī)則；（2）掌握選擇符的分類與應用；（3）掌握CSS的各種加載方法；（4）掌握CSS背景控制與應用；（5）掌握CSS對文本樣式的控制；（6）掌握CSS對于列表元素的應用；（7）掌握盒模型的原理與應用；（8）掌握CSS的定位方式；（9）掌握DIV+CSS頁面布局的方法。技能目標：第一、能進行CSS設計與引用；第二、能使用DIV+CSS進行區(qū)塊布局與應用。課程的教學重點類別知識點解決辦法重點HTML頁面布局HTML表單與框架設計HMTL多媒體頁面設計經(jīng)典網(wǎng)頁賞析（企業(yè)500強），形成深刻印象多搜集相關教學資料，歸類存放、吸收精華通過拓展項目多實踐，精益求精網(wǎng)頁的布局（DIV+CSS）通過經(jīng)典案例分析CSS，先進行操作，然后分析代碼分析使用模板的網(wǎng)站的優(yōu)點，并演示解決模板技術的捷徑針對問題使用實踐教學案例庫使用CSS樣式美化網(wǎng)頁使用模板JavaScript設計先分析具體實例，形成感性認識，然后總結(jié)一般規(guī)律，運用一般規(guī)律指導網(wǎng)頁設計。下載優(yōu)秀的代碼進行分析、吸取精華課程的教學難點類別知識點解決辦法難點HTML表單與框架設計根據(jù)學習規(guī)律，重復強化，使其知識內(nèi)化。提供課程案例庫，學生可以根據(jù)興趣自主學習。網(wǎng)頁中特效制作通過分析并掌握目前網(wǎng)站中常用的特效。通過觀察常見特效的效果及制作方法，了解JavaScript技術的應用，激發(fā)學生該技術的興趣。HTML+CSS規(guī)范布局以實例分析網(wǎng)站的規(guī)劃與組織方法。讓學生自己動手進行真實網(wǎng)站的規(guī)劃與組織。JavaScript代碼的編寫以實踐教學案例庫為引導以社會需求與真實項目為導向、壓力，引導學習編寫程序本課程考核采用形成性考核方式，總評成績由形成性考核的各項成績組成，全面考核學生的動手能力、基礎理論和平時學習狀況課程考核綜合素質(zhì)考核過程性考核

終結(jié)性考核

平時表現(xiàn)通用能力任務實踐考核項目實訓考核期終考核++20%40%40%單元測試四教學方法與手段教學方法與手段多種教學方法的運用123演示法：針對具體的知識點的學習，示范演示案例教學法：針對知識模塊的學習，案例庫的應用項目教學法：針對拓展項目學習，項目開發(fā)4反饋教學法：針對學生作品總結(jié)提高點線面循環(huán)教法學法教學方法在項目教學中教、學方法的使用教師教法學生學法師生互動教學做一體講解座談引導指導資訊計劃實施展示構建“多模式”的職業(yè)技能訓練模式多模式職業(yè)技能訓練體系5247模仿操作訓練階段測試訓練136優(yōu)秀作品賞析

拓展訓練項目實戰(zhàn)訓練現(xiàn)場開發(fā)訓練項目外包開發(fā)教學手段五教學保障主編教材高等教育出版多媒體視頻教程課程簡介學習指南課程標準整體設計說課PPT說課錄像單元設計教程授課錄像課程PPT實訓報名冊習題與習題庫課程案例整體考核標準參考資源豐富的數(shù)字化教學資源資源庫平臺教學保障1.開辟學生網(wǎng)站實踐基地2.建設網(wǎng)站項目開發(fā)基地學生項目企業(yè)教師以項目為中心的實踐體系六課程特色課程特色特色一

課程教學內(nèi)容來源于項目，而教學過程中又讓學生學習并參與開發(fā)項目。

項目教學內(nèi)容學生教師教師教師教師課程特色特色二