《網(wǎng)頁設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)【課程名稱】《網(wǎng)頁設(shè)計(jì)與制作》【適用專業(yè)】中等職業(yè)學(xué)校計(jì)算機(jī)應(yīng)用專業(yè)辦公自動(dòng)化技術(shù)1.前言1.1課程性質(zhì)本課程是中等職業(yè)學(xué)校計(jì)算機(jī)應(yīng)用專業(yè)的一門專業(yè)核心課程。通過本課程的學(xué)習(xí)，要求學(xué)生掌握網(wǎng)頁設(shè)計(jì)的基本概念，學(xué)會(huì)使用常用的網(wǎng)頁設(shè)計(jì)工具和常用腳本語言，能夠設(shè)計(jì)制作常見的靜態(tài)和動(dòng)態(tài)網(wǎng)頁，具備網(wǎng)站的建立和維護(hù)能力。同時(shí)通過本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的綜合職業(yè)能力、創(chuàng)新精神和良好的職業(yè)道德。1.2設(shè)計(jì)思路本課程的設(shè)計(jì)“以能力為本位、以職業(yè)實(shí)踐為主線、以項(xiàng)目課程為主體”，整個(gè)《網(wǎng)頁設(shè)計(jì)與制作》課程共分為四大模塊，它們分別是：網(wǎng)頁基礎(chǔ)知識(shí)、DreamWeaver的使用、HTML語言、ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)。教學(xué)時(shí)各模塊既有獨(dú)立性，又有關(guān)聯(lián)性。獨(dú)立性是指各模塊設(shè)計(jì)案例、組織教學(xué)、突出重點(diǎn)時(shí)應(yīng)該相互獨(dú)立，學(xué)生應(yīng)該一個(gè)模塊一個(gè)模塊地掌握其知識(shí)點(diǎn)；關(guān)聯(lián)性是指各模塊間存在相互關(guān)系，在重難點(diǎn)設(shè)計(jì)上應(yīng)該加以配合，如HTML語言模塊著重基本代碼的熟記和編寫，對(duì)于較難編寫代碼的“框架”、“層”、“數(shù)據(jù)鏈接”等內(nèi)容則放到DreamWeaver的使用模塊中重點(diǎn)介紹。《網(wǎng)頁設(shè)計(jì)與制作》課程與計(jì)算機(jī)基礎(chǔ)、Flash動(dòng)畫、PhotoShop圖像處理、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)庫等課程互相聯(lián)系、互相補(bǔ)充。本課程作為計(jì)算機(jī)專業(yè)的一門主干專業(yè)課程，一般在2、3年級(jí)開設(shè)，此時(shí)學(xué)生已經(jīng)具備一定的計(jì)算機(jī)基礎(chǔ)知識(shí)和動(dòng)手能力，能較快地掌握網(wǎng)頁設(shè)計(jì)的各種知識(shí)，并運(yùn)用所學(xué)知識(shí)做出具有特色的網(wǎng)站，使學(xué)生能夠得到全面的培養(yǎng)，成為社會(huì)所需專用人才。2．課程目標(biāo)總目標(biāo)：使學(xué)生掌握常用的網(wǎng)頁設(shè)計(jì)工具，熟練運(yùn)用多種網(wǎng)頁設(shè)計(jì)技術(shù)，具備Web網(wǎng)頁設(shè)計(jì)、制作及站點(diǎn)管理的基本知識(shí)和基本技能，學(xué)生能夠獨(dú)立制作中小型的網(wǎng)站。1.了解WWW、HTTP、HTML、CSS的定義、概念和作用；2.理解服務(wù)器、客戶端、瀏覽器的概念和作用； 3.理解HTML語言中的各種文本格式、字符格式、段落設(shè)置、列表、標(biāo)記的作用；4.熟練操作DreamWeaver；5.理解CSS樣式表的作用和意義；6.深入理解HTML語言的各種功能和應(yīng)用；7.深入理解表格、框架、表單的作用；8.深入理解層的作用； 9.初步了解面向?qū)ο蟪绦蛟O(shè)計(jì)思想。職業(yè)能力目標(biāo)：1.具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的工作作風(fēng)；2.具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)；3.具有高度責(zé)任心和良好的團(tuán)隊(duì)合作精神；4.具有一定的科學(xué)思維方式和判斷分析問題的能力；5.具有較強(qiáng)的網(wǎng)頁設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素質(zhì)。3.課程內(nèi)容和要求序號(hào)工作任務(wù)課程內(nèi)容與要求活動(dòng)設(shè)計(jì)參考課時(shí)1網(wǎng)頁設(shè)計(jì)的基本概念網(wǎng)頁設(shè)計(jì)的基本概念，Dreamweaver簡(jiǎn)介。（1）Dreamweaver的基本操作：Dreamweaver的啟動(dòng)和退出，創(chuàng)建網(wǎng)頁或網(wǎng)站，打開網(wǎng)頁或站點(diǎn)，網(wǎng)頁的保存和瀏覽，查看網(wǎng)頁文件的HTML代碼；（2）使用Dreamweaver建立和管理網(wǎng)站。（3）IIS的簡(jiǎn)單配置。42Dreamweaver的使用中文版Dreamweaver的基礎(chǔ)知識(shí)，Dreamweaver的基本操作，制作與修飾網(wǎng)頁，網(wǎng)頁特殊效果設(shè)計(jì)，發(fā)布和管理網(wǎng)站。（1）制作與修飾網(wǎng)頁：字體操作，段落操作，列表操作，背景操作，插入水平線，圖像操作（插入圖像、設(shè)置圖像屬性、保存包含圖像的網(wǎng)頁），超級(jí)鏈接（文本超鏈接的建立和設(shè)置、圖像超鏈接、熱點(diǎn)區(qū)域、書簽），表格（表格的基本組成、建立和編輯表格、表格的屬性設(shè)置），圖像和多媒體的使用，使用框架結(jié)構(gòu)（創(chuàng)建框架網(wǎng)頁、更改框架鏈接的網(wǎng)頁、框架屬性設(shè)置），導(dǎo)航的使用，模板和向?qū)У氖褂茫瑯邮奖淼膽?yīng)用；（2）表單（創(chuàng)建表單、插入表單元素、表單屬性）；（3）網(wǎng)頁特殊效果設(shè)計(jì)：網(wǎng)頁動(dòng)態(tài)元素，網(wǎng)頁動(dòng)畫效果，各種行為的運(yùn)用，網(wǎng)頁主題；（4）發(fā)布和管理網(wǎng)站：網(wǎng)站的發(fā)布，管理網(wǎng)站。203HTML 語言、CSS樣式WWW、HTTP、HTML、CSS的定義、概念和作用；Dreamweaver中CSS的定義和使用。（1）在Dreamweaver中查看網(wǎng)頁文件的HTML代碼；（2）在設(shè)計(jì)視圖中修改HTML代碼；（3）學(xué)會(huì)使用標(biāo)簽選擇器；（4）使用CSS樣式表84Fireworks掌握Fireworks的基本操作;網(wǎng)頁設(shè)計(jì)中所需素材的制作和處理（1）能夠使用Fireworks處理矢量圖和位圖；（2）掌握切片工具的使用（3）能夠使用Fireworks創(chuàng)建熱點(diǎn)和圖像映射；（4）能夠使用Fireworks制作按鈕、制作彈出菜單、創(chuàng)作簡(jiǎn)單動(dòng)畫。125動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)初步動(dòng)態(tài)網(wǎng)頁的含義；制作一個(gè)動(dòng)態(tài)網(wǎng)頁留言板。（1）能夠安裝、配置因特網(wǎng)信息服務(wù)器(IIS)；（2）能夠使用Dreamweaver創(chuàng)建動(dòng)態(tài)網(wǎng)頁留言板網(wǎng)頁。124.實(shí)施建議4.1教材編寫教材應(yīng)充分體現(xiàn)任務(wù)引領(lǐng)、實(shí)踐導(dǎo)向課程的設(shè)計(jì)思想。由于網(wǎng)頁設(shè)計(jì)與制作這一崗位需要的知識(shí)面很光，除了本課程共所包含的四大模塊外，還于Flash動(dòng)畫、PhotoShop圖像處理、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)庫等課程互相聯(lián)系、互相補(bǔ)充，因此僅靠一本教科書是無法達(dá)到教學(xué)目標(biāo)的，需要多本教材的支撐。4.2教學(xué)建議《網(wǎng)頁設(shè)計(jì)與制作》的實(shí)際問題出發(fā)，精心準(zhǔn)備各種典型案例，構(gòu)建課程的宏觀教學(xué)設(shè)計(jì)。例如，公司網(wǎng)站、網(wǎng)上鮮花直銷、個(gè)人網(wǎng)站精選、書籍專賣等。以若干個(gè)案例為載體，形成循序漸進(jìn)、種類多樣的項(xiàng)目群，構(gòu)建完整的教學(xué)設(shè)計(jì)布局。1．教學(xué)將“教、學(xué)、練、做”融為一體。教學(xué)體現(xiàn)“教師為主導(dǎo)，學(xué)生為主體，訓(xùn)練為主線”的原則。2.充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果教學(xué)中采用電子演示文稿、大屏幕多媒體聯(lián)機(jī)演示、網(wǎng)絡(luò)教學(xué)等各種先進(jìn)的教學(xué)手段，使課堂教學(xué)生動(dòng)活潑、引人入勝，提高了教學(xué)效果，同時(shí)提高了教學(xué)效率。4.3教學(xué)評(píng)價(jià)本學(xué)科的評(píng)價(jià)采用平時(shí)成績(jī)與階段測(cè)試、期末成績(jī)相結(jié)合的辦法，平時(shí)成績(jī)主要學(xué)生平時(shí)課堂表現(xiàn)，回答問題情況以及最重要的平時(shí)作業(yè)的完成情況等；階段測(cè)試是指教師根據(jù)教學(xué)情況、教學(xué)目標(biāo)對(duì)學(xué)生某一階段所學(xué)知識(shí)進(jìn)行測(cè)試。平時(shí)作業(yè)根據(jù)工作任務(wù)設(shè)定，每一工作任務(wù)至少一項(xiàng)作業(yè)，可根據(jù)實(shí)際情況增加。每學(xué)期進(jìn)行2次階段測(cè)試，其中包括兩次隨堂測(cè)試和一次綜合測(cè)試，隨堂測(cè)試的時(shí)間由任課教師安排，綜合測(cè)試的時(shí)間一般安排在臨近期末的時(shí)候，是對(duì)本學(xué)期所學(xué)知識(shí)的一個(gè)綜合檢測(cè)。對(duì)學(xué)生學(xué)業(yè)評(píng)價(jià)提出建議，體現(xiàn)評(píng)價(jià)的發(fā)展功能。建議以學(xué)生自己制作的網(wǎng)站的實(shí)際水平作為學(xué)生的學(xué)習(xí)本課程的成績(jī)。改進(jìn)評(píng)價(jià)方式，改變單一的總結(jié)性評(píng)價(jià)的方法。4.4課程資源的開發(fā)與利用1、開發(fā)適合教師與學(xué)生使用的多媒體教學(xué)素材和輔導(dǎo)學(xué)生學(xué)習(xí)的多媒體教學(xué)課件。2、充分利用行業(yè)資源，為學(xué)生提供階段實(shí)訓(xùn)，讓學(xué)生在真實(shí)的環(huán)境中磨練自已，