優選電子商務網設計與制作說課終結ppt當前第1頁\共有43頁\編于星期五\19點1、課程總體情況及目標2、課程設計3、師資情況4、教學資源5、教學方法與手段6、課程實踐教學7、課程單元設計8、課程考核方式9、教學效果10、課程特色11、今后改革思路電子商務網頁設計與制作課程設計課程設計提綱當前第2頁\共有43頁\編于星期五\19點一課程總體情況及目標當前第3頁\共有43頁\編于星期五\19點課程體系中小企業網絡營銷實務電子商務網頁設計與制作搜索引擎營銷電子商務網站運營與管理第三方電子商務平臺客戶關系管理專業核心能力課網絡推廣職業素質職業崗位職業能力思想道德修養與法律基礎計算機文化基礎中國傳統文化體育與健康大學生誠信教育概論等通識教育課電子商務基礎與實務電子商務技術商務談判與溝通電子商務圖像處理實務電子商務動畫制作實務等專業基礎課網絡創業新商業文明電子商務職業素養農產品信息采集與分析阿里巴巴特色課等專業拓展課課程模擬實訓、專項模擬實訓、項目實戰訓練、頂崗實習、畢業實習綜合實踐課程網站建設網站優化網絡客服基于職業崗位的電子商務課程體系網站運營與策劃

課程總體情況當前第4頁\共有43頁\編于星期五\19點先修課程后續課程電子商務基礎與實務電子商務動畫制作實務電子商務圖像處理實務ASP與網頁數據庫設計

網絡創業

電子商務網站運營與管理

基礎學習領域核心學習領域課程總體情況當前第5頁\共有43頁\編于星期五\19點１、了解網頁設計的基本理念２、熟悉組成網頁的基本元素３、熟悉網頁設計常用工具４、掌握網站風格的確定５、掌握網頁色彩搭配原則２、能夠應用CSS+DIV布局網頁３、能用photoshop設計制作網頁效果圖4、能用Flash設計并制作網動畫5、能夠完成動態網站代碼的融合１、能夠撰寫網站策劃書的１、培養藝術素養和審美能力２、培養學生分工協調、團隊合作的意識；４、培養創新能力、新技術學習能力３、培養信息獲取能力和歸納總結能力５、培養學生與客戶的溝通能力課程目標知識目標能力目標素質目標當前第6頁\共有43頁\編于星期五\19點二課程設計當前第7頁\共有43頁\編于星期五\19點二.課程設計課程設計理念-以職業能力培養為核心學生自主學習課程設計理念職業能力培養真實項目載體工作過程導向工學結合校企融合當前第8頁\共有43頁\編于星期五\19點課程設計思路2職業能力分析3學習者分析

4以培養職業能力

為核心的教學目標

5工作任務導向確定學習情境

6多種模式\工學交替聯合培養學生

7持續關注學生在企業的發展，定期回訪學生

8以企業標準態更新學習情境1企業崗位需求調研開放性實踐性職業性當前第9頁\共有43頁\編于星期五\19點內容的選取與組織網站策劃界面設計網站編輯靜態網站的開發動態網站的開發網站的實施與維護教學成果申報網書法家莊輝個人網等級考試輔導網精品課程網站班級通訊錄專業調研崗位能力分析本課程崗位能力分析行動領域學習領域學習情境網站的需求分析效果圖的設計制作網站的編輯網站的布局方式動畫的制作CMS系統的應用網站的管理與維護當前第10頁\共有43頁\編于星期五\19點內容的選取與組織課程內容序化與重構遵循職業成長規律編號知識模塊安排1網站欣賞2網站規劃3網站效果圖設計4網頁色彩與布局設計5網頁動畫設計6網頁布局與編輯7HTML語言基礎8層疊樣式表CSS9DIV+CSS網頁布局10模板與庫的應用11靜態網站動態化12動態程序開發13綜合教學案例14項目開發實訓情境1：教學成果申報網站建設1情境2：書法家莊輝個人網站建設2情境3：英語等級考試輔導網3情境4：軟件項目化實訓精品課程網站4情境5：班級通訊錄管理系統5當前第11頁\共有43頁\編于星期五\19點學習情景學習單元

參考課時情景名稱學習內容教學成果網絡相關概念、網站需求分析、風格定位與網站欣賞、草圖設計、圖像相關概念、Photoshop的認識與基本操作、快捷鍵與鍵盤操作、Gif動畫的制作、Dreamweaver插入文本、圖像、表格等資源、空間的申請與域名的申、網站文件的上傳1.1項目基礎與流程設計2121.2教學成果申報網站效果圖設計與切片41.3教學成果申報網站的后期編輯41.4網站發布與測試22.書法家莊輝的個人網站建設Photoshop中圖層與樣式的使用、色調與色彩的調整、圖像混合方式的使用、網頁的色彩應用、網頁的布局的類型與方法、Photoshop的基本操作、Swish軟件基本操作方法、Dreamweaver基本操作、HTML語言的基本結構、HTML常用標記、Css樣式表的應用2.1書法家莊輝個人網站網站項目策劃2142.2書法家莊輝個人網站模板頁效果圖的設計與制作42.3書法家莊輝個人網站主頁設計與制作42.4書法家莊輝個人網站切片與動畫制作22.5網站發布23.英語等級考試專題學習網站建設Photoshop的綜合應用、搜索網站管理平臺、網站管理平臺與靜態頁面的整合、IIS的安裝與配置、程序調試、后期完善、職業成長規律3.1任務前期策劃2123.2效果圖的設計與切片與動畫設計43.3網頁編輯43.4代碼融合——網站動態化24.軟件項目化綜合實訓精品課程網站建設網站設計師應具備的素質、網頁素材的收集、網站頁面的分析、網站界面的創新處理、進行后期修飾、理解表現和內容的分離、CSS盒模型、單列布局的方法、散列布局的方法、模版的使用方法、庫的使用方法4.1前期策劃2144.2效果圖的設計、切片與動畫設計24.3DIV+CSS布局軟件項目化綜合實訓精品課程網站44.4使用模版完善靜態網站45.班級通訊錄管理網站建設框架技術的應用方法；數據庫基礎與應用、ADO鏈接數據庫、表單設計、權限的控制、查詢、添加等功能的實現5.1前期策劃與頁面的布局2125.2登陸系統的實現25.3通用查詢系統的實現45.4通訊管理系統的實現4教學情境課時分配當前第12頁\共有43頁\編于星期五\19點類別知識點解決辦法重點網頁效果圖的設計經典網頁賞析，形成深刻印象多搜集相關教學資料，歸類存放，吸收精華分析多種網頁布局的特點、導航欄的特點真實案例，教學與實踐網頁的布局（DIV+CSS）通過真實案例分析CSS，先進行操作，然后分析代碼任務型教學，先提出問題，然后分析解決方法，觀察其實際效果，最后分析HTML代碼的變化分析使用模板的網站的優點并演示解決模板技術的最好方法使用CSS樣式美化網頁使用模板動態網頁設計先分析具體案例，形成感性認識，然后總結一般規律，運用一般規律指導網頁設計下載優秀的代碼進行分析，吸取精華難點圖像的處理開設選修課程《圖形圖像處理》，為學習網頁設計提供保障。提供相關課程教程庫，學生可以根據興趣自主學習。動畫的制作網頁中特效制作通過分析目前網站中常用的特效，了解特效的制作技術通過觀察常見特效的效果及制作方法，了解JavaScript技術的興趣網站的規劃與組織以實例分析網站的規劃與組織方法讓學生自己動手進行網站的規劃與組織動態代碼的編寫以實踐教學案例庫為引導以社會需求與真實項目為導向、壓力，引導學習編寫程序課程內容重點與難點當前第13頁\共有43頁\編于星期五\19點三師資情況當前第14頁\共有43頁\編于星期五\19點教學團隊姓名畢業院校專業胡明麗山東師范大學計算機科學與技術張洪明山東大學軟件工程孫偉哈爾科夫國立大學組織管理陳麗娜山東科技大學計算機科學與技術王大威（企業）濰坊職工大學經濟管理王學動（企業）西安交通大學電子技術當前第15頁\共有43頁\編于星期五\19點四教學資源當前第16頁\共有43頁\編于星期五\19點四.教學資源教材選用張洪斌主編的全國高職高專教育精品規劃教材《網頁制作與設計教程》該教材以培養職業能力為核心，以工作實踐為主線，以項目為導向，采用情境教學的方式，建立以工作過程為框架的現代職業教育課程結構，并設置面向網頁設計師崗位的課程內容。

當前第17頁\共有43頁\編于星期五\19點四.教學資源多媒體課件素材庫實踐教學情境案例庫網站模板庫課外拓展學習平臺網站模板庫課外拓展學習平臺當前第18頁\共有43頁\編于星期五\19點五教學方法與手段當前第19頁\共有43頁\編于星期五\19點構建“多模式”的職業技能訓練模式多模式職業技能訓練體系5247模仿操作訓練階段測試訓練136優秀作品賞析

拓展訓練項目實戰訓練現場開發訓練項目外包開發五.教學方法與手段當前第20頁\共有43頁\編于星期五\19點五.教學方法與手段情景職業技能訓練模式職業技能訓練目的1.教學成果申報網站建設優秀作品賞析欣賞優秀網頁、分析其布局結構、顏色搭配、視覺效果、留下直觀印象、激發學習興趣。教學成果申報網站建設書法家莊輝個人網站建設模仿操作訓練模仿老師講解的方法制作網頁。理論與實踐相結合，“教、學、練”三者有機融合、訓練學生的動手能力和模仿技能，提高課堂教學的實踐性。書法家莊輝個人網頁建設招英語等級考試輔導網建設軟件項目化綜合實訓精品課程網站建設拓展實踐訓練利用課余時間自己動手嘗試獨立制作網頁，及時鞏固課堂所學習知識，進一步強化網頁制作技能，提高學生自主學習能力和充分利用網絡信息資源的能力，提高教學過程的開放性，培養學生的學習主動性，通過課外興趣小組集體活動等形式，提高學生的人文素養。教學成果申報網站建設書法家莊輝個人網站建設英語等級考試輔導網建設軟件項目化綜合實訓精5.班級通訊錄管理系統網站建設階段測試訓練通過過程考核。提高學生學習的緊迫感，鞏固學生的階段學習成果。教學成果申報網站建設班級通訊錄管理系統網站建設項目實戰訓練學習通過與企業用戶直接溝通與交流，在開發實際項目過程中提高職業能力，培養工程意識。書法家莊輝個人網站建設軟件項目化綜合實訓精品課程網站建設班級通訊錄管理系統網站建設現場開發訓練通過讓學生到用戶現場解決網站運行中的實際問題，提高學生的被認同感和成就感。英語等級考試輔導網建設軟件項目化綜合實訓精品課程網站建設班級通訊錄管理系統網站建設項目外包開發創造機會讓學生獨立承接、開發和實施項目，實現自我價值，為以后的就業和創業積累經驗，奠定良好基礎。“多模式”的職業技能訓練模式具體應用當前第21頁\共有43頁\編于星期五\19點（1）模仿企業的網站開發環境構建真實的工作環境（2）充分使用現代教育技術手段促進教學活動開展（3）基于網絡的開放式學習方式，注重學生自主學習

教學手段1五.教學方法與手段當前第22頁\共有43頁\編于星期五\19點六課程實踐教學當前第23頁\共有43頁\編于星期五\19點課程實踐教學校內實訓基地

現有教學軟件實訓室19個，多媒體教室137個。擁有中心機房2個，網絡覆蓋全院，內網外網并存，有線無線并存。學生工作室淘寶創業實訓室網易印象派工作室啟航電子商務工作室安達電子商務工作室當前第24頁\共有43頁\編于星期五\19點學生作品展示當前第25頁\共有43頁\編于星期五\19點學生作品展示當前第26頁\共有43頁\編于星期五\19點學生作品展示當前第27頁\共有43頁\編于星期五\19點學生作品展示當前第28頁\共有43頁\編于星期五\19點學生作品展示當前第29頁\共有43頁\編于星期五\19點課程實踐教學校外實訓基地濰坊威龍濰坊金網濰坊方圓濰坊中企青島雷迅當前第30頁\共有43頁\編于星期五\19點七課程單元設計當前第31頁\共有43頁\編于星期五\19點七.課程單元設計情境案例：書法家莊輝個人網站情境2子情境設計職業素質及能力培養書法家莊輝個人網站建設網站項目策劃溝通能力、策劃能力、文檔能力網站效果圖的設計藝術素養、Photoshop設計網站切片與動畫制作動畫制作能力、創新創意能力網頁制作Dreamweaver使用、團隊協作網站發布項目實施能力、現場分析、解決問題能力

當前第32頁\共有43頁\編于星期五\19點學生ADBCE檢查評測明確任務制定計劃設計制作收集信息教師布置任務（展示效果預覽圖），幫助學生明確任務要求。學生在教師的引導下，分解項目任務，確定工作計劃。學生根據計劃與任務分工，進行收集資料，準備素材等。學生根據計劃在教師的指導下完成頁面的設計與制作，并做好相關文字記錄。學生展示作品、教師提問、學生答辯、學生互評、教師講評課堂實施當前第33頁\共有43頁\編于星期五\19點八課程考核方式當前第34頁\共有43頁\編于星期五\19點八.課程考核方式課程考核考評方式過程考評結果考評素質考評工單考評實操考評理論考評項目考評10分10分30分20分30分考評實施由指導教師根據學生表現集中考評由主講教師根據學生完成的工單情況考評有指導教師對學生進行項目操作考評理論測試以期末試卷的形式組織學生統考采用真實項目，由企業與課程組共同考評考評標準根據遵循實驗室規則，能夠團結同學，配合小組工作任務等情況打分（10分）預習內容（5分）項目操作過程有計劃與實施記錄（5分）任務方案正確（10）操作過程正確（10分）任務完成良好（10分）HTML、DIV、CSS等網站設計相關理論知識（20分）建議采用項目考試，已完成真實項目的能力來考核（30分）當前第35頁\共有43頁\編于星期五\19點《電子商務網頁設計與制作》課程素質與實操考評記錄單八.課程考核方式工作要求工作內容開發書法家莊輝個人網站建設網站具體要求搜索國內相關名人網站重點了解項目的分析、項目開發流程通過Photoshop軟件制作效果圖設計形成后期的網頁編輯使用HTML+CSS來編輯頁面具體安排4人或5人為1個小組，全班分成若干組，每組指定或自選1人為組長，負責協調、組織、討論，最后收集材料與作品，在指導教師的參與下并完成組內的評比，最后由教師做出素質測評與實操測評。實施難度2考核結果工作匯報作品展示和口頭敘述

完成情況□按時完成□其他情況：

完成質量□合格（相似度高）□重做□差

工作態度□較好□一般□較差

工作能力□較強