《網(wǎng)頁設(shè)計》課程標(biāo)準(zhǔn)

1、附件4： 濟南工程職業(yè)技術(shù)學(xué)院網(wǎng)頁設(shè)計課程標(biāo)準(zhǔn)適用專業(yè)：電子商務(wù)編制單位：網(wǎng)絡(luò)信息中心編制日期：2014.11網(wǎng)絡(luò)信息中心 制網(wǎng)頁設(shè)計課程標(biāo)準(zhǔn) 課程類別專業(yè)課課程代碼學(xué)時/學(xué)分適用專業(yè)電子商務(wù)64/4編制人制定日期修訂日期審定組(人)審定日期樊曉卿2014年 11月年 月年 月一、 課程定位與設(shè)計 1.課程性質(zhì)網(wǎng)頁設(shè)計是電子商務(wù)專業(yè)的一門專業(yè)必修課程，是專業(yè)主干課程之一。課程面向的主要崗位為網(wǎng)頁設(shè)計師和網(wǎng)站維護管理員。本課程在大二上學(xué)期開設(shè)，學(xué)生已完成計算機文化基礎(chǔ)的學(xué)習(xí)，對計算機軟件操作較為熟練，也為網(wǎng)站建設(shè)與管理、網(wǎng)絡(luò)數(shù)據(jù)庫等相關(guān)課程的后續(xù)學(xué)習(xí)打下基礎(chǔ)。與中職、本科不同，高職網(wǎng)頁設(shè)計課程使

2、用基于工作過程培養(yǎng)模式，強調(diào)知識的實用性。2.課程設(shè)計本課程的設(shè)計思路以就業(yè)為導(dǎo)向，按照基于工作過程的職業(yè)能力來進行課程開發(fā)，邀請企業(yè)行業(yè)網(wǎng)絡(luò)專家對計算機網(wǎng)絡(luò)專業(yè)所涵蓋的崗位群進行工作任務(wù)和職業(yè)能力分析，以此為依據(jù)確定本課程的工作任務(wù)和課程內(nèi)容，并參照行業(yè)職業(yè)標(biāo)準(zhǔn)，以任務(wù)引領(lǐng)為課程框架，將課程按遞進方式設(shè)計成項目，并以項目為單元組織教學(xué)，使學(xué)生由淺入深，以點到面的全面掌握網(wǎng)頁設(shè)計的職業(yè)技能。同時開發(fā)教材，對教學(xué)過程的組織、教學(xué)條件、課程評價都進行了詳細(xì)的設(shè)計，完成本課程的整體教學(xué)內(nèi)容和教學(xué)實施的整體設(shè)計，建立了基于網(wǎng)頁設(shè)計的課程標(biāo)準(zhǔn)。二、課程教學(xué)目標(biāo)總體目標(biāo)：通過真實網(wǎng)站項目的開發(fā)，使學(xué)生掌握

3、網(wǎng)站開發(fā)的過程及網(wǎng)頁的設(shè)計制作方法，能開發(fā)出以靜態(tài)功能為主、包含部分動態(tài)功能的中小型網(wǎng)站，通過多個網(wǎng)站的分級開發(fā)實施，不斷強化學(xué)生的網(wǎng)頁設(shè)計與制作技能，積累網(wǎng)頁設(shè)計與制作經(jīng)驗，激發(fā)學(xué)生學(xué)習(xí)興趣并形成持久的學(xué)習(xí)動力，提升學(xué)生自主學(xué)習(xí)能力，滿足職業(yè)崗位需求。1、能力目標(biāo)：1) 會規(guī)劃網(wǎng)站，設(shè)計頁面；2) 會使用 Dreamweaver 制作各種布局排版的靜態(tài)網(wǎng)頁；3) 會使用 HTML語言；4) 會使用 CSS規(guī)則處理網(wǎng)頁；5) 會處理圖像； 6) 會測試、發(fā)布、推廣、維護、管理網(wǎng)站；7) 能處理網(wǎng)站開發(fā)過程中所遇到的常見問題；8) 能跟蹤網(wǎng)頁制作領(lǐng)域新技術(shù)的發(fā)展并能閱讀HTML語言中的專業(yè)詞匯。

4、2、知識目標(biāo)：1) 了解網(wǎng)站開發(fā)的過程以及網(wǎng)站規(guī)劃，頁面設(shè)計要求；2) 理解網(wǎng)頁的各種布局概念和 Web 標(biāo)準(zhǔn)；3) 了解常見的網(wǎng)頁元素并理解其HTML代碼；4) 掌握 CSS規(guī)則的常用屬性；5) 掌握超鏈接的類型和各種路徑的概念；6) 理解常見圖像格式；7) 理解網(wǎng)站測試與推廣。3、素質(zhì)目標(biāo)：1) 具有良好的溝通能力和協(xié)作精神2) 具有勤于思考、認(rèn)真踏實的工作作風(fēng)3) 具有運用科學(xué)技術(shù)和創(chuàng)新創(chuàng)業(yè)的理念4) 具有自主學(xué)習(xí)、不斷進取、理論聯(lián)系實際的綜合素養(yǎng)三、課程內(nèi)容及教學(xué)要求1.課程內(nèi)容及教學(xué)設(shè)計為了讓學(xué)生系統(tǒng)地掌握網(wǎng)頁設(shè)計與制作技能，課程采用雙線教學(xué)，以 2個真實項目為載體貫穿網(wǎng)頁制作知識和

5、技能的講解：A項目是實施課堂訓(xùn)練項目，以網(wǎng)上商城網(wǎng)站開發(fā)為例，它是一個綜合的貫穿項目，按照真實網(wǎng)站開發(fā)的過程又分成多個子項目，主要培養(yǎng)和訓(xùn)練學(xué)生對網(wǎng)頁設(shè)計與制作基本知識和技能的掌握；B項目是實施技能訓(xùn)練項目，以精品課網(wǎng)站開發(fā)為例，由學(xué)生小組開發(fā)項目，學(xué)生以小組形式討論制作技能，與網(wǎng)上商城開發(fā)過程同步，每個組員都要完成整個項目，未完成的任務(wù)在課后完成。該項目的實施可采用綜合能力遷移訓(xùn)練模式，將在A項目完成過程中掌握的知識和遷移過來，它是為了鞏固和檢驗所學(xué)知識和技能，進一步培養(yǎng)和訓(xùn)練學(xué)生的網(wǎng)頁設(shè)計與制作技能及職業(yè)素質(zhì)。其中網(wǎng)趣商城項目又分為網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計、網(wǎng)頁布局、網(wǎng)頁素材的獲取與添加、網(wǎng)頁美

6、化、多媒體與網(wǎng)頁特效、網(wǎng)站測試、發(fā)布與推廣等六個子項目，如下圖所示。項目內(nèi)容以“實用性、針對性”為原則，改變以前按照章節(jié)內(nèi)容順序教學(xué)的傳統(tǒng)模式，按照“以項目開發(fā)的工作過程為依據(jù)”安排內(nèi)容順序，開展教學(xué)；教學(xué)中，教師作為項目負(fù)責(zé)人，學(xué)生作為各個設(shè)計小組成員；采用“項目引導(dǎo)、任務(wù)驅(qū)動”的思路，按照實際項目開發(fā)流程，將動態(tài)網(wǎng)站建設(shè)課程的學(xué)習(xí)，糅合在一個大的設(shè)計任務(wù)中完成，在大的任務(wù)中又按照能力目標(biāo)分解為小項目。通過設(shè)計任務(wù)的完成，達到課程的知識和能力需要。表1 課程結(jié)構(gòu)表1 課程整體內(nèi)容序號項目一項目二項目三項目四項目五項目六教學(xué)項目名稱網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計網(wǎng)頁布局網(wǎng)頁素材的獲取與添加網(wǎng)頁美化多媒體與

7、網(wǎng)頁特效網(wǎng)站測試、發(fā)布與推廣學(xué)時分配61222884學(xué)時合計：64學(xué)時（其中實踐教學(xué)學(xué)時比例為 50%）理論學(xué)時32實踐學(xué)時32表2 課程具體內(nèi)容與教學(xué)要求教學(xué)項目名稱典型工作任務(wù)（模塊/單元）教學(xué)要求參考學(xué)時能力內(nèi)容及要求知識內(nèi)容及要求項目一網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計11網(wǎng)站欣賞能分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果了解優(yōu)秀網(wǎng)頁在布局、顏色等方面的特點212編寫項目計劃書能根據(jù)客戶需求編寫出網(wǎng)站的項目計劃書掌握網(wǎng)站項目計劃書的編寫方法213站點的創(chuàng)建與管理會創(chuàng)建站點并進行站點的管理掌握站點的創(chuàng)建、管理掌握“文件”面板的使用2項目二 網(wǎng)頁布局2-1首頁的表格布局能利用表格進行網(wǎng)頁布局掌握添加表格

8、、設(shè)置表格屬性的方法42-2 分頁面的表格布局1能對表格進行設(shè)置以滿足頁面需要能在頁面合適位置添加文字圖片掌握設(shè)置表格中行、列屬性的方法掌握文字、圖像定位的方法22-3分頁面的表格布局2能使用Div+CSS布局相關(guān)網(wǎng)頁掌握Div+CSS布局網(wǎng)頁的方法22-4分頁面的表格布局3能使用層布局相關(guān)網(wǎng)頁掌握層布局網(wǎng)頁的方法22-5 Q&A分頁框架布局能使用框架制作分頁掌握框架的添加、保存、屬性設(shè)置方式掌握在框架中表格、文字、圖片的添加與設(shè)置2項目三網(wǎng)頁素材的獲取與添加3-1制作首頁能在頁面中使用、設(shè)置文字格式能在頁面中插入水平線、日期等內(nèi)容并設(shè)置掌握輸入與編輯文本的方法掌握水平線、日期等的插入

9、和設(shè)置方法23-2 制作分頁面能將頁面圖文混排掌握圖像的插入方法掌握圖像屬性的設(shè)置方法掌握圖像與文本混合編排的方法23-3制作分頁面能在網(wǎng)頁中插入多媒體掌握在網(wǎng)頁中flash、flash按鈕、flash文本等多媒體對象的插入與設(shè)置23-4制作注冊頁面能制作表單頁面掌握如何在表單網(wǎng)頁中插入表單域掌握在表單域中插入文本域和文本區(qū)域掌握在表單域中插入單選按鈕、單選按鈕組和復(fù)選框掌握如何在表單域中插入列表/菜單、按鈕和圖像域43-5 超鏈接能將已有頁面設(shè)置超鏈接掌握頁面之間、網(wǎng)址、錨點、電子郵件地址等超鏈接的方法4項目四網(wǎng)頁美化4-1 首頁的美化能使用CSS美化網(wǎng)頁掌握CSS樣式表的基本語法和定義位置

10、掌握標(biāo)簽樣式、高級樣式、類樣式的定義方法24-2 分頁的美化能使用CSS美化網(wǎng)頁掌握如何使用CSS樣式表美化頁面2項目五多媒體與網(wǎng)頁特效5-1 制作含有spry組件的頁面能制作含有spry組件的頁面掌握spry組件的添加和使用方法25-2 在頁面中添加特效能使用行為制作網(wǎng)頁特效學(xué)會使用行為制作特效的操作方法掌握內(nèi)置行為的添加25-3在頁面中添加特效2能使用時間軸制作網(wǎng)頁特效學(xué)會使用時間軸制作特效的操作方法時間軸行為的應(yīng)用程序25-4插件的安裝與使用能使用插件制作網(wǎng)頁特效掌握插件的安裝方法學(xué)會使用插件制作特效的操作方法2項目六網(wǎng)站測試、發(fā)布與推廣6-1 網(wǎng)站的測試與發(fā)布能進行網(wǎng)站測試能申請域名能

11、發(fā)布網(wǎng)站掌握網(wǎng)站測試的方法了解域名的設(shè)計與申請方法掌握網(wǎng)站的發(fā)布方法26-2 網(wǎng)站的維護與更新能對網(wǎng)站進行維護與更新了解網(wǎng)站的維護與更新2表3 能力訓(xùn)練項目設(shè)計編號能力訓(xùn)練項目名稱擬實現(xiàn)的能力目標(biāo)相關(guān)支撐知識訓(xùn)練方式手段及步驟學(xué)時分配1個人網(wǎng)站規(guī)劃與設(shè)計能正確創(chuàng)建和管理站點站點創(chuàng)建與管理任務(wù)驅(qū)動，教師示范或課件演示22個人網(wǎng)站網(wǎng)頁布局能使用合適方式對網(wǎng)頁布局表格、框架、層任務(wù)驅(qū)動，重點講解，小組討論、互相點評23網(wǎng)頁素材的獲取與添加能在網(wǎng)頁中添加各種素材文字、圖片、表單、超鏈接、flash等任務(wù)驅(qū)動，重點講解，小組討論、互相點評4個人網(wǎng)站美化能用css對網(wǎng)頁進行美化Css樣式任務(wù)驅(qū)動，重點講解

12、，小組討論、互相點評25個人網(wǎng)站中的多媒體與網(wǎng)頁特效能給網(wǎng)頁添加多媒體和網(wǎng)頁特效spry組件、行為、時間軸任務(wù)驅(qū)動，重點講解，小組討論、互相點評26個人網(wǎng)站的維護與更新能對網(wǎng)站進行發(fā)布、維護與更新網(wǎng)站的發(fā)布、維護與更新任務(wù)驅(qū)動，重點講解，小組討論、互相點評2四、課程實施1.教學(xué)方法：為了使學(xué)生更好的掌握所學(xué)相關(guān)內(nèi)容，結(jié)合本學(xué)習(xí)領(lǐng)域的特點，在教學(xué)的具體實施時還運用了以下幾種教學(xué)方法：1）案例教學(xué)引入企業(yè)的工程項目，作為典型案例，緊扣課程應(yīng)解決的理論和實際問題，對案例的過程進行詳細(xì)的分析、解剖、總結(jié)。教學(xué)過程中由老師講解案例操作步驟和相關(guān)知識，然后由學(xué)生仿照老師的演示實現(xiàn)服務(wù)器架構(gòu)。通過對老師操作

13、視頻的觀看，提高了同學(xué)們對知識點的應(yīng)用的理解，有助于提高學(xué)生的學(xué)習(xí)興趣力，掌握相應(yīng)崗位技能。2）講練結(jié)合對基礎(chǔ)知識精心講解，并配合課堂練習(xí)，加強了師生的及時交流，便于發(fā)現(xiàn)問題、解決問題，也便于對基本知識的牢固掌握。在每一次授課過程中，教師先闡述本章項目驅(qū)動部分的任務(wù)，然后針對提出的任務(wù)，精心講解本章節(jié)的知識點，最后教師現(xiàn)場演示，解決問題，完成任務(wù)。在現(xiàn)場演示過程中，教師指導(dǎo)學(xué)生進行練習(xí)，完成部分功能的實現(xiàn)。通過講練結(jié)合，達到了舉一反三，靈活應(yīng)用的目的。3）任務(wù)驅(qū)動利用各章節(jié)分解的項目任務(wù)，培養(yǎng)自學(xué)能力和創(chuàng)新精神。教師授課首先給出本章項目任務(wù)，針對任務(wù)講授相關(guān)知識點，然后利用這些知識點來解決問題

14、，讓學(xué)生帶著問題聽課，培養(yǎng)了學(xué)生從多角度、多層次、寬范圍獲取和應(yīng)用知識的能力。4）現(xiàn)場教學(xué)依托企業(yè)，強化實訓(xùn)。讓具有豐富項目開發(fā)經(jīng)驗的雙師型教師或企業(yè)項目工程師在真實的職業(yè)環(huán)境中現(xiàn)場教學(xué)。授課內(nèi)容包括對某些知識點擴展，新技術(shù)的應(yīng)用，當(dāng)前研發(fā)項目重點等。2.教材編寫選用：1）需依據(jù)本課程標(biāo)準(zhǔn)編寫教材，教材應(yīng)充分體現(xiàn)基于工作過程項目課程的設(shè)計思想，突出職業(yè)能力培養(yǎng)的思路。2）學(xué)習(xí)項目按照學(xué)習(xí)情境的要求設(shè)計，項目中所要學(xué)習(xí)的工作任務(wù)可以是交叉與重復(fù)的。3）教材的各項目通常應(yīng)包括以下幾項內(nèi)容：（1）教學(xué)目標(biāo)；（2）工作任務(wù)；（3）實踐操作（相關(guān)實踐知識）；（4）問題探究（相關(guān)理論知識）；（5）知識拓展

15、（選學(xué)內(nèi)容）；（6）英語詞匯索引和解釋；（7）實訓(xùn)與練習(xí)。4）工作任務(wù)通常應(yīng)包括以下內(nèi)容：（1）工作任務(wù)名稱；（2）工作任務(wù)背景；（3）項目訓(xùn)練載體；（4）技能訓(xùn)練目標(biāo)；（5）學(xué)習(xí)環(huán)境要求。5）教材中的活動設(shè)計的內(nèi)容要具體，并具有可操作性。6）教材內(nèi)容應(yīng)體現(xiàn)先進性、通用性、實用性，將當(dāng)前最新的基于windows的網(wǎng)絡(luò)服務(wù)產(chǎn)品納入教材，使教材緊跟行業(yè)和技術(shù)發(fā)展。7）教材應(yīng)圖文并茂，引用圖表要清晰精美；語言表述應(yīng)深入淺出、文字精練，并力求形成一種靈活、親切、活潑的語體風(fēng)格。從而增加教材的可讀性，增強教材對學(xué)生的吸引力。8）教材應(yīng)由學(xué)校教師與軟件企業(yè)工程師共同編寫。3.教學(xué)條件：機房教學(xué)，安裝dre

16、amweaver、photoshop、flash等網(wǎng)頁制作軟件，可以連接互聯(lián)網(wǎng)。4.師資條件：要求主講教師在教學(xué)過程中，治學(xué)嚴(yán)謹(jǐn)，能夠切實、認(rèn)真執(zhí)行教學(xué)計劃，按教學(xué)規(guī)律辦事，并能靈活運用各種激勵手段創(chuàng)設(shè)情境，激發(fā)學(xué)生的求知欲望和學(xué)習(xí)動力。由于網(wǎng)頁制作技術(shù)本身更新速度很快，所以教學(xué)內(nèi)容必須緊跟時代發(fā)展潮流，為此教學(xué)團隊?wèi)?yīng)付出巨大的努力和艱苦的工作，分析崗位能力要求，根據(jù)具體情況不斷更新教學(xué)內(nèi)容，滿足學(xué)生在校所學(xué)知識基本符合職業(yè)崗位需要。并且教師在教學(xué)之余，能夠積極參加企業(yè)實踐，承擔(dān)一些企業(yè)項目的開發(fā)，為社會服務(wù)。5.教學(xué)資源開發(fā)與利用：1) 多媒體教案、電子教材和參考材料2) 教學(xué)大綱（課程標(biāo)準(zhǔn)

17、）3) 習(xí)題集4) 實訓(xùn)系統(tǒng)（包括上機訓(xùn)練、階段項目案例庫、項目實訓(xùn)庫）5) 學(xué)生優(yōu)秀作品庫（學(xué)生的作業(yè)、項目實訓(xùn)文檔及演示視頻）五、教學(xué)評價、考核要求：突出過程性評價，以職業(yè)崗位工作過程為考評基礎(chǔ)，以全學(xué)期的教學(xué)情境進度為考核時間線，以一個完整的網(wǎng)站頁面設(shè)計制作項目的驅(qū)動，在每個教學(xué)情境完成教學(xué)之后，要求學(xué)生運用該教學(xué)情境所學(xué)技能設(shè)計制作項目中的相關(guān)進度作業(yè)（作品），并對其作業(yè)（作品）進行考核。從而形成階段性過程考核成績，該成績作為總評成績的重要組成部份（占60）。強調(diào)課程結(jié)束后的綜合評價，結(jié)合全教學(xué)過程的過程考核項目，對學(xué)生的最終過程考核作品，從策劃能力、美工設(shè)計能力、制作技術(shù)應(yīng)用能力三個

18、方面進行綜合評價。從而充分發(fā)揮學(xué)生主動性和創(chuàng)造力，還要注重考核學(xué)生動手能力和在實踐中分析問題、解決問題的能力。該成績占總評成績的40。在過程考核中，各教學(xué)情境可參照下表進行評價： 序號 工作過程模塊 評價目標(biāo)評價方式 評價分值1編寫網(wǎng)站策劃書 評價學(xué)生的網(wǎng)站規(guī)劃能力 總結(jié)性評價 52繪制網(wǎng)頁效果圖 評價學(xué)生的網(wǎng)頁美術(shù)設(shè)計能力；評價學(xué)生的效果圖繪制能力 總結(jié)性評價 153制作網(wǎng)站首頁 評價學(xué)生的網(wǎng)頁排版能力；評價學(xué)生的CSS應(yīng)用能力；評價學(xué)生其它網(wǎng)頁相關(guān)輔助技術(shù)應(yīng)用的能力。 總結(jié)性評價 204制作網(wǎng)站模板文件與子頁面 評價學(xué)生的模板文件的制作與應(yīng)用能力。 總結(jié)性評價 155網(wǎng)站測試、發(fā)布與推廣評價學(xué)生的鏈接技術(shù)應(yīng)用能力；評價學(xué)生對網(wǎng)站站點的綜合管理能力。 形成性評價 5合計 60在綜合考核中，各任務(wù)模塊可參照下表進行評價：序號 評價點 參考要求 評價方式 評價 分值 1策劃能力 網(wǎng)站策劃方案充分滿足客戶的建站目的和內(nèi)容要求。網(wǎng)站欄目規(guī)劃合理。方案表達清晰、直觀、詳實。方案具有可操作性。 總結(jié)