PAGE1鎮(zhèn)江高等職業(yè)技術(shù)學(xué)校江蘇聯(lián)合職業(yè)技術(shù)學(xué)院鎮(zhèn)江分院《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)課程代碼：建議課時(shí)數(shù)：64學(xué)分：4適用專業(yè)：軟件技術(shù)先修課程：《圖形圖像處理》、《高級(jí)語(yǔ)言程序設(shè)計(jì)》、《數(shù)據(jù)庫(kù)技術(shù)》后續(xù)課程：《Web應(yīng)用開(kāi)發(fā)》制定人：楊凌霞一、前言1.課程性質(zhì)該課程是江蘇省五年制高職軟件技術(shù)專業(yè)的一門網(wǎng)站建設(shè)與維護(hù)專業(yè)方向課程。通過(guò)本課程的學(xué)習(xí)，讓學(xué)生掌握靜態(tài)網(wǎng)站的制作方法，根據(jù)實(shí)際需求完成網(wǎng)站規(guī)劃與設(shè)計(jì)，具備簡(jiǎn)單靜態(tài)網(wǎng)站設(shè)計(jì)與制作的能力，具備簡(jiǎn)單動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與制作的能力。同時(shí)通過(guò)本課程的學(xué)習(xí)，培養(yǎng)學(xué)生踏實(shí)認(rèn)真、精益求精、團(tuán)結(jié)合作、創(chuàng)新的精神，培養(yǎng)良好的職業(yè)道德。通過(guò)本課程與先修課程和后續(xù)課程的學(xué)習(xí)，其任務(wù)是使學(xué)生能夠勝任網(wǎng)站開(kāi)發(fā)和維護(hù)工作崗位,學(xué)生能夠獨(dú)立制作中小型的網(wǎng)站。本課程在《圖形圖像處理》、《高級(jí)語(yǔ)言程序設(shè)計(jì)》、《數(shù)據(jù)庫(kù)技術(shù)》等課程之后開(kāi)設(shè)，后續(xù)課程為《WEB應(yīng)用開(kāi)發(fā)》。2.設(shè)計(jì)思路按照“以能力為本位、以職業(yè)實(shí)踐為主線、以項(xiàng)目課程為主體的模塊化專業(yè)課程體系”的總體設(shè)計(jì)要求，將網(wǎng)頁(yè)設(shè)計(jì)職業(yè)崗位能力中用到的知識(shí)點(diǎn)融合在各個(gè)項(xiàng)目中,學(xué)生通過(guò)各項(xiàng)目的系列練習(xí)操作，熟練地掌握崗位所需知識(shí)和技能，并不斷強(qiáng)化，項(xiàng)目體現(xiàn)操作能力和解決問(wèn)題能力的培養(yǎng)。它體現(xiàn)了職業(yè)教育“以就業(yè)為導(dǎo)向，以能力為本位”、“做中學(xué)”的職業(yè)教育理念。《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程共分為九個(gè)基礎(chǔ)知識(shí)項(xiàng)目和1一個(gè)綜合實(shí)踐項(xiàng)目，它們分別是：網(wǎng)頁(yè)制作基礎(chǔ)、輸入與格式化文本、插入圖像和多媒體對(duì)象、在網(wǎng)頁(yè)中創(chuàng)建超鏈接、布局網(wǎng)頁(yè)版面、CSS與盒子模型、模板、庫(kù)、表單和行為的應(yīng)用、制作ASP動(dòng)態(tài)網(wǎng)頁(yè)、網(wǎng)站的測(cè)試與發(fā)布和綜合案例實(shí)踐。各項(xiàng)目之間既獨(dú)立又相互聯(lián)系：作為項(xiàng)目是獨(dú)立的，但作為項(xiàng)目當(dāng)中應(yīng)用到的知識(shí)點(diǎn)，各項(xiàng)目之間又是有關(guān)聯(lián)的。在不同的項(xiàng)目之間有些知識(shí)點(diǎn)的應(yīng)用是不斷重復(fù)的，以強(qiáng)化學(xué)生對(duì)知識(shí)點(diǎn)的理解，也讓學(xué)生能夠接觸到大量的不同類型網(wǎng)頁(yè)的制作。當(dāng)然，每個(gè)項(xiàng)目的側(cè)重點(diǎn)是不同的，教學(xué)中應(yīng)當(dāng)注意處理好各項(xiàng)目之間的關(guān)系，注意重、難點(diǎn)的把握。綜合實(shí)踐項(xiàng)目是為了讓學(xué)生學(xué)會(huì)綜合運(yùn)用所學(xué)知識(shí),鞏固提高網(wǎng)頁(yè)設(shè)計(jì)的各種知識(shí)，制作出具有特色的網(wǎng)站。建議開(kāi)設(shè)64課時(shí)，理論課時(shí)為32，實(shí)訓(xùn)課時(shí)為32，理論與實(shí)踐并行。二、課程目標(biāo)本課程的開(kāi)設(shè)旨在使學(xué)生掌握Dreamweaver網(wǎng)頁(yè)制作工具，熟練運(yùn)用多種網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，具備網(wǎng)頁(yè)設(shè)計(jì)、制作及站點(diǎn)管理的基本知識(shí)和基本技能，學(xué)生能夠獨(dú)立制作中小型的網(wǎng)站。1.知識(shí)目標(biāo)了解WWW、HTTP、HTML、CSS的概念和作用；理解服務(wù)器、客戶端、瀏覽器的概念和作用；理解HTML語(yǔ)言中的常見(jiàn)標(biāo)記及其作用；熟練掌握DreamWeaver的基本操作方法；理解表格、框架、層的作用，掌握設(shè)置其屬性的方法；理解CSS樣式表的作用和意義，掌握定義CSS樣式的方法；理解表單的作用，掌握設(shè)置表單元素屬性的方法；理解行為的作用，掌握設(shè)置行為的方法，了解簡(jiǎn)單JAVAScript代碼的含義；理解模板和庫(kù)文件的作用。2.技能目標(biāo)會(huì)使用Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)工具制作網(wǎng)頁(yè)；會(huì)根據(jù)需要修改HTML語(yǔ)言中的標(biāo)記，設(shè)置相關(guān)標(biāo)記的屬性；能夠熟悉進(jìn)行網(wǎng)頁(yè)文本、圖像、超鏈接、表格操作，并按要求設(shè)置其屬性；能夠熟練運(yùn)用表格、層、框架等進(jìn)行網(wǎng)頁(yè)布局；熟練掌握CSS樣式的定義和修改，并能根據(jù)實(shí)際需要進(jìn)行CSS樣式的定義和應(yīng)用；熟練掌握表單制作方法，能夠根據(jù)要求進(jìn)行表單的設(shè)計(jì)；能夠在網(wǎng)頁(yè)中根據(jù)要求設(shè)置行為；熟練掌握模板設(shè)計(jì)方法，能夠根據(jù)實(shí)際需要進(jìn)行模板設(shè)計(jì)，并能使用模板生成相應(yīng)的網(wǎng)頁(yè)；掌握庫(kù)文件的基本操作方法，會(huì)使用庫(kù)文件簡(jiǎn)化網(wǎng)頁(yè)設(shè)計(jì)；能夠?qū)φ军c(diǎn)進(jìn)行測(cè)試與發(fā)布。3.素質(zhì)目標(biāo)具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的學(xué)習(xí)作風(fēng)；具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)；具有責(zé)任心和良好的團(tuán)隊(duì)合作精神；具有一定的科學(xué)思維方式和判斷分析問(wèn)題的能力。形成精益求精、愛(ài)崗敬業(yè)、專注專業(yè)的職業(yè)素養(yǎng)，并養(yǎng)成安全意識(shí)、環(huán)保意識(shí)、法律法規(guī)意識(shí)和規(guī)范操作意識(shí)。三、課程內(nèi)容和要求序號(hào)課程模塊（或單元）課程內(nèi)容及要求活動(dòng)與建議參考課時(shí)1網(wǎng)頁(yè)制作基礎(chǔ)熟悉網(wǎng)站制作的相關(guān)知識(shí)了解網(wǎng)站開(kāi)發(fā)流程掌握網(wǎng)站站點(diǎn)的創(chuàng)建方法通過(guò)生活中常見(jiàn)網(wǎng)站的介紹，激發(fā)學(xué)生的學(xué)習(xí)興趣可結(jié)合視頻進(jìn)行教學(xué)42輸入與格式化文本網(wǎng)頁(yè)的新建與保存網(wǎng)頁(yè)中輸入與格式化文本的方法網(wǎng)頁(yè)中創(chuàng)建列表、插入特殊符號(hào)、水平線和滾動(dòng)字幕的方法讓學(xué)生觀察網(wǎng)頁(yè)中的要素，分析文字、特殊符號(hào)、水平線、列表等的作用。通過(guò)案例任務(wù)制作，讓學(xué)生在任務(wù)實(shí)施的過(guò)程中學(xué)習(xí)和掌握知識(shí)要點(diǎn)可提供微課輔助教學(xué)43插入圖像和多媒體對(duì)象網(wǎng)頁(yè)中插入與編輯圖像、美化與優(yōu)化圖像、創(chuàng)建鼠標(biāo)指針經(jīng)過(guò)圖像的方法網(wǎng)頁(yè)中添加多媒體插件、添加背景音樂(lè)、動(dòng)畫(huà)和視頻的方法通過(guò)分析常見(jiàn)網(wǎng)站，說(shuō)明網(wǎng)頁(yè)中圖像和多媒體對(duì)象的重要性通過(guò)案例任務(wù)制作，讓學(xué)生在任務(wù)實(shí)施的過(guò)程中學(xué)習(xí)和掌握知識(shí)要點(diǎn)可提供微課輔助教學(xué)提醒學(xué)生要注意網(wǎng)頁(yè)中插入音頻和視頻的格式84在網(wǎng)頁(yè)中創(chuàng)建超鏈接網(wǎng)頁(yè)中創(chuàng)建文本超鏈接、圖像超鏈接、外部超鏈接、圖像熱點(diǎn)超鏈接的方法網(wǎng)頁(yè)中錨點(diǎn)超鏈接、電子郵件超鏈接、文件超鏈接、空鏈接和腳本鏈接的方法舉例說(shuō)明網(wǎng)頁(yè)中各種類型超鏈接的用法和意義通過(guò)案例任務(wù)制作，讓學(xué)生在任務(wù)實(shí)施的過(guò)程中學(xué)習(xí)和掌握知識(shí)要點(diǎn)可提供微課輔助教學(xué)45布局網(wǎng)頁(yè)版面使用表格布局網(wǎng)頁(yè)的方法使用DIV制作網(wǎng)頁(yè)的方法使用框架制作網(wǎng)頁(yè)的方法以收納類比網(wǎng)頁(yè)布局，利用表格和DIV將各類網(wǎng)頁(yè)元素放置到合適的位置通過(guò)案例任務(wù)制作，讓學(xué)生在任務(wù)實(shí)施的過(guò)程中學(xué)習(xí)和掌握知識(shí)要點(diǎn)可提供微課輔助教學(xué)66CSS與盒子模型CSS樣式CSS樣式的屬性設(shè)置盒子模型盒子模型的優(yōu)勢(shì)使用DIV+CSS布局網(wǎng)頁(yè)的方法將沒(méi)有添加CSS樣式的網(wǎng)頁(yè)和添加CSS樣式的網(wǎng)頁(yè)進(jìn)行對(duì)比，讓學(xué)生找出其中的不同之處，體會(huì)CSS樣式的作用通過(guò)案例任務(wù)制作，讓學(xué)生在任務(wù)實(shí)施的過(guò)程中學(xué)習(xí)和掌握知識(shí)要點(diǎn)可提供微課輔助教學(xué)67模板、庫(kù)、表單和行為的應(yīng)用模板的創(chuàng)建、編輯、應(yīng)用和管理庫(kù)的創(chuàng)建、編輯、應(yīng)用、更新與分離表單元素網(wǎng)頁(yè)中添加表單及表單元素的方法常用網(wǎng)頁(yè)行為的使用方法展示生活中常見(jiàn)的注冊(cè)和登錄頁(yè)面，分析表單元素展示網(wǎng)頁(yè)行為特效引起學(xué)生學(xué)習(xí)興趣通過(guò)案例任務(wù)制作，讓學(xué)生在任務(wù)實(shí)施的過(guò)程中學(xué)習(xí)和掌握知識(shí)要點(diǎn)可提供微課輔助教學(xué)68制作ASP動(dòng)態(tài)網(wǎng)頁(yè)掌握配置動(dòng)態(tài)網(wǎng)頁(yè)數(shù)據(jù)源的方法（動(dòng)態(tài)網(wǎng)頁(yè)配置基礎(chǔ)、安裝與配置IIS、使用Access創(chuàng)建數(shù)據(jù)表、創(chuàng)建與配置動(dòng)態(tài)站點(diǎn)、創(chuàng)建數(shù)據(jù)源等）掌握動(dòng)態(tài)網(wǎng)頁(yè)的制作方法（創(chuàng)建記錄集、插入記錄、插入重復(fù)區(qū)域、分頁(yè)記錄、創(chuàng)建數(shù)據(jù)表、連接數(shù)據(jù)源、綁定記錄集、插入字段、使用記錄表單向?qū)В┲v解動(dòng)態(tài)網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè)的區(qū)別通過(guò)舉例生活中常見(jiàn)動(dòng)態(tài)網(wǎng)站（如校園網(wǎng)）激發(fā)學(xué)生學(xué)習(xí)興趣通過(guò)案例任務(wù)制作，讓學(xué)生在任務(wù)實(shí)施的過(guò)程中學(xué)習(xí)和掌握知識(shí)要點(diǎn)可提供微課輔助教學(xué)69網(wǎng)站的測(cè)試與發(fā)布網(wǎng)站測(cè)試的方法（兼容性測(cè)試、檢查并修復(fù)鏈接、下載速度檢測(cè)）了解主頁(yè)空間的申請(qǐng)和站點(diǎn)發(fā)布的方法講解網(wǎng)站測(cè)試的重要性通過(guò)案例任務(wù)制作，讓學(xué)生在任務(wù)實(shí)施的過(guò)程中學(xué)習(xí)和掌握知識(shí)要點(diǎn)可提供微課輔助教學(xué)410網(wǎng)頁(yè)制作——綜合案例實(shí)踐進(jìn)一步熟悉網(wǎng)站前期規(guī)劃和后期制作的流程綜合運(yùn)用所學(xué)知識(shí)進(jìn)行網(wǎng)站制作提供多種主題的網(wǎng)站制作任務(wù)，小組協(xié)作，共同完成16四、實(shí)施建議1.教學(xué)建議從《網(wǎng)頁(yè)制作》的實(shí)際問(wèn)題出發(fā)，精心準(zhǔn)備各種典型案例，構(gòu)建課程的宏觀教學(xué)設(shè)計(jì)。例如，公司網(wǎng)站、班級(jí)網(wǎng)站、個(gè)人網(wǎng)站精選、課程網(wǎng)站等。以若干個(gè)案例為載體，形成循序漸進(jìn)、種類多樣的項(xiàng)目群，構(gòu)建完整的教學(xué)設(shè)計(jì)布局。（1）教學(xué)采用“四階段教學(xué)法”，將“案例引入、自主學(xué)習(xí)、總結(jié)提高、學(xué)以致用”融為一體。教學(xué)體現(xiàn)“教師為主導(dǎo)，學(xué)生為主體，訓(xùn)練為主線”的原則，課堂上可以采用“四階段教學(xué)法”：

第1個(gè)階段，案例引入，提出問(wèn)題。通過(guò)案例演示，提出問(wèn)題，給出知識(shí)點(diǎn)，講解案例應(yīng)用背景，給學(xué)生一個(gè)切入點(diǎn)，建立感性認(rèn)識(shí)。目的是激發(fā)學(xué)生的學(xué)習(xí)興趣、讓學(xué)生感到學(xué)有所用，從而明確本次課的教學(xué)目標(biāo)。

第2個(gè)階段，學(xué)生自主學(xué)習(xí)，嘗試解決問(wèn)題。充分利用我校以及互聯(lián)網(wǎng)網(wǎng)絡(luò)教學(xué)資源，引導(dǎo)學(xué)生自主學(xué)習(xí)，找到解決問(wèn)題的方法和操作技能，培養(yǎng)學(xué)生的自主學(xué)習(xí)意識(shí)和學(xué)習(xí)方法。學(xué)生在學(xué)習(xí)和嘗試解決問(wèn)題過(guò)程中，發(fā)現(xiàn)問(wèn)題，提出問(wèn)題，在問(wèn)題的引導(dǎo)下學(xué)習(xí)相關(guān)的知識(shí)和操作技能。

第3個(gè)階段，歸納總結(jié)，引申提高。在每次課結(jié)束前，引導(dǎo)學(xué)生進(jìn)行歸納總結(jié)。對(duì)本次課的實(shí)際意義、重點(diǎn)、難點(diǎn)、容易出錯(cuò)處等及時(shí)進(jìn)行總結(jié)。并針對(duì)案例的不足之處，進(jìn)行引申和提高。注意在這個(gè)階段，強(qiáng)調(diào)的是“引導(dǎo)”學(xué)生，而不是老師講解。

第4個(gè)階段，舉一反三、學(xué)以致用。案例源于生活，最終要應(yīng)用于生活。為了使學(xué)生能學(xué)以致用、舉一反三、觸類旁通，每次教學(xué)結(jié)束時(shí)及時(shí)布置相關(guān)的課后練習(xí)，使學(xué)生在課后進(jìn)一步復(fù)習(xí)鞏固，并且將課后作業(yè)納入形成性考核的內(nèi)容之一。同時(shí)給出下一次課的學(xué)習(xí)內(nèi)容，提示學(xué)生預(yù)習(xí)。（2）充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果教學(xué)中根據(jù)實(shí)際需要可以采用電子演示文稿、大屏幕多媒體聯(lián)機(jī)演示、網(wǎng)絡(luò)教學(xué)等各種先進(jìn)的教學(xué)手段，使課堂教學(xué)生動(dòng)活潑、引人入勝，提高教學(xué)效果，同時(shí)提高教學(xué)效率。包括：利用多媒體教學(xué)系統(tǒng)廣播教學(xué)。把學(xué)生的共同問(wèn)題（需要提示的重點(diǎn)）通過(guò)“廣播教學(xué)”，邊講邊演示，使學(xué)生即時(shí)看到操作效果。

利用網(wǎng)絡(luò)將課堂教學(xué)延伸到課外，學(xué)生根據(jù)需要通過(guò)網(wǎng)絡(luò)學(xué)習(xí)有關(guān)的內(nèi)容。教師的課件和教學(xué)用資料都已上傳到教學(xué)課程網(wǎng)站，方便學(xué)生課外學(xué)習(xí)和復(fù)習(xí)。2.教學(xué)評(píng)價(jià)對(duì)學(xué)生的評(píng)價(jià)不僅重視終結(jié)性的評(píng)價(jià)，更要重視過(guò)程性的評(píng)價(jià)，將過(guò)程性的評(píng)價(jià)和目標(biāo)評(píng)價(jià)相結(jié)合。本課程的考核成績(jī)以操作技能成績(jī)?yōu)橹鳎捎蒙蠙C(jī)考試。平時(shí)上課的上機(jī)操作技能成績(jī)應(yīng)有嚴(yán)格的記錄，根據(jù)各種項(xiàng)目訓(xùn)練的要求來(lái)計(jì)算成績(jī)。最終課程成績(jī)由“平時(shí)成績(jī)（占60%），期末考試成績(jī)（占40%）”組成。3.教學(xué)基本條件工位數(shù)硬件基本要求硬件推薦要求軟件要求35CPU：i34代及以上內(nèi)存：2G及以上硬盤：512G及以上CPU：i53代及以上內(nèi)存：4G及以上硬盤：1TB及以上Windows7及以上操作系統(tǒng)；配備Photoshop和Dreamweaver軟件；配備Access數(shù)據(jù)庫(kù)平臺(tái)；IIS4.教材選用與編寫(xiě)必須依據(jù)本課程標(biāo)準(zhǔn)編寫(xiě)教材，教材應(yīng)充分體現(xiàn)任務(wù)引領(lǐng)、實(shí)踐導(dǎo)向課程的設(shè)計(jì)思想。教材應(yīng)通過(guò)工作過(guò)程、典型案例和項(xiàng)目任務(wù)，來(lái)闡述軟件工程學(xué)科中的軟件測(cè)試?yán)碚摷凹夹g(shù)運(yùn)用，在基礎(chǔ)知識(shí)構(gòu)建建和基本技能培養(yǎng)兩方面結(jié)合緊密，雙重并舉。教材應(yīng)圖文并茂，提高學(xué)生的學(xué)習(xí)興趣，通過(guò)課堂演示加深學(xué)生對(duì)本課程的認(rèn)識(shí)，教材表達(dá)必須精煉、準(zhǔn)確、科學(xué)。教材內(nèi)容應(yīng)體現(xiàn)先進(jìn)性、通用性、實(shí)用性，要將本專業(yè)新技法、新工藝、新思路及時(shí)地納入教材，使教材更貼近本專業(yè)的發(fā)展和實(shí)際需要。教材中的活動(dòng)設(shè)計(jì)的內(nèi)容要具體，并具有可操作性。推薦教材《Dreamweavercs6網(wǎng)頁(yè)設(shè)計(jì)立體化教程》劉解放閔文婷主編，人民郵電出版社2017年8月第2版《網(wǎng)頁(yè)設(shè)計(jì)與制作DreamweaverCC2017版》向知禮蘭飛錢霞主編，航空工業(yè)出版社2017年8月5.課程資源的開(kāi)發(fā)與利用注重實(shí)驗(yàn)實(shí)訓(xùn)指導(dǎo)書(shū)和實(shí)驗(yàn)實(shí)訓(xùn)教材的開(kāi)發(fā)和應(yīng)用。注重幻燈片、投影片、多媒體仿真軟件等常用課程資源和現(xiàn)代化教學(xué)資源的開(kāi)發(fā)和利用，這些資源有利于創(chuàng)設(shè)形象生動(dòng)的工作