【正文】 些計(jì)算機(jī) 設(shè)備已經(jīng)老化，需要更新，今年?duì)幦⊥?過(guò)更新設(shè)備，改善實(shí)踐、實(shí)習(xí) 、實(shí)驗(yàn)環(huán) 境和條件，同 時(shí)增加業(yè)余開(kāi)放的時(shí)間 ，為滿足計(jì)算機(jī)基礎(chǔ)教學(xué)的需要?jiǎng)?chuàng)造條件。網(wǎng)絡(luò)資源建設(shè)實(shí)施計(jì)劃：多媒體課件的完善和使用《計(jì)算機(jī)文化基礎(chǔ)》課程已有統(tǒng)一制作的多媒體教學(xué)課件供教學(xué)使用，同時(shí)也鼓勵(lì)老師結(jié)合所教學(xué)生所學(xué)專業(yè)的實(shí)際情況開(kāi)發(fā)多媒體教學(xué)特色課件，以滿足教學(xué)的個(gè)性化需要。今年計(jì)劃根據(jù)即將實(shí)施的河北省計(jì)算機(jī)基礎(chǔ)新教學(xué)大綱進(jìn)行修改和完善，并作為教學(xué)的重要工具。加強(qiáng)計(jì)算機(jī)中心精品課程網(wǎng)站的建設(shè)計(jì)算機(jī)中心精品課程網(wǎng)站剛剛建立，需要不斷的充實(shí)和完善，使其為學(xué)生提供更新的網(wǎng)絡(luò)信息資源，拓展《計(jì) 算機(jī)文化基礎(chǔ)》課程教學(xué)的空間，擴(kuò)大學(xué)生的視野， 調(diào)動(dòng)學(xué)生自主學(xué)習(xí)的積極性，為師生的交流提供一個(gè)更方便有效的平臺(tái)。豐富網(wǎng)絡(luò)教學(xué)資源根據(jù)河北省計(jì)算機(jī)基礎(chǔ)新教學(xué)大綱，將對(duì)《計(jì)算機(jī)文化基礎(chǔ)》課程所使用的教學(xué)資源進(jìn)行全面的修改和完善，及 時(shí)補(bǔ)充到教學(xué)網(wǎng)站。另外，也要根據(jù)社會(huì) 經(jīng)濟(jì)發(fā)展的需要及教學(xué)內(nèi)容的要求，搜集、整理新的網(wǎng)絡(luò)教學(xué)資源，并及時(shí)上網(wǎng)供教學(xué)使用。四、課程資源開(kāi)發(fā)利用開(kāi)發(fā)適合教師與學(xué)生使用的多媒體教學(xué)素材和輔導(dǎo)學(xué)生學(xué)習(xí)的多媒體教學(xué)課件。 充分利用行業(yè)資源，為學(xué)生提供階段實(shí)訓(xùn)，讓學(xué)生在真 實(shí)的環(huán)境中磨練自已，提升其職業(yè)綜合素質(zhì)。 要充分利用網(wǎng)絡(luò)資源，搭建網(wǎng)絡(luò)課程平臺(tái)，開(kāi) 發(fā) 網(wǎng)絡(luò)課程，實(shí)現(xiàn)優(yōu)質(zhì)教學(xué)資源共享。 積極利用數(shù)字圖書(shū)館、電子期刊、 電子書(shū)籍，使教學(xué)內(nèi)容更多元化，以此拓展學(xué)生的知識(shí)和能力。 充分利用信息技術(shù)開(kāi)放實(shí)訓(xùn)中心，將教學(xué)與培 訓(xùn)合一，將教學(xué)與 實(shí)訓(xùn)合一，滿足學(xué)生綜合能力培養(yǎng)的要求。 37 / 71《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)系部名稱 _計(jì)算機(jī)系__ 專 業(yè) _電子商務(wù) _編 寫(xiě) 人 ___秦玉輝__ 編寫(xiě)時(shí)間 _2022 年 6 月 教學(xué)團(tuán)隊(duì)初審 2022 年 6 月____系部主任復(fù)審_2022 年 6 月_ _教務(wù)處審核_2022 年 6 月________批準(zhǔn)時(shí)間 __2022 年 6 月______第一部分 課程定位一、課程性質(zhì)與作用本課程是五年制高職計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的一門(mén)主干專業(yè)課程。通過(guò)本課程的學(xué)習(xí)，要求學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)的基本概念，學(xué)會(huì)使用常用的網(wǎng)頁(yè)設(shè)計(jì)工具和常用腳本語(yǔ)言，能夠設(shè)計(jì)制作常見(jiàn)的靜態(tài)和動(dòng)態(tài)網(wǎng)頁(yè)，具備網(wǎng)站的建立和維護(hù)能力。同時(shí)通過(guò)本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的綜合職業(yè)能力、創(chuàng)新精神和良好的職業(yè) 道德。二、課程理念本課程的設(shè)計(jì)“ 以能力為本位、以職業(yè)實(shí)踐為主線、以項(xiàng)目課程為主體”，整個(gè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程共分為五大模塊，它們分別是：網(wǎng)頁(yè)基礎(chǔ)知識(shí)、DreamWeaver 的使用、HTML 語(yǔ)言、JavaScript 腳本 語(yǔ)言、ASP 動(dòng)態(tài)網(wǎng)頁(yè)設(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 語(yǔ)言模塊著重基本代碼的熟記和編寫(xiě)，對(duì)于較難編寫(xiě)代碼的“框架”、 “層” 、“數(shù)據(jù)鏈接”等內(nèi)容則放到 DreamWeaver 的使用模塊中重點(diǎn)介紹?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》課程與計(jì)算機(jī)基礎(chǔ)、Flash 動(dòng)畫(huà)、 PhotoShop 圖像處理、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)庫(kù)等課程互相 聯(lián)系、互相 補(bǔ)充。本課程作 為計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的一門(mén)主干專業(yè)課程，一般在 3 年級(jí)開(kāi)設(shè)，此時(shí)學(xué)生已經(jīng) 具備一定的計(jì)算機(jī)基礎(chǔ)知識(shí)和動(dòng)手能力，能較 快地掌握網(wǎng)頁(yè)設(shè)計(jì) 的各種知識(shí)，并運(yùn)用所學(xué)知識(shí)做出具有特色的網(wǎng)站，使學(xué)生能夠得到全面的培養(yǎng)，成為 社會(huì)所需專用人才。三、課程設(shè)計(jì)思路本課程的設(shè)計(jì)“ 以能力為本位、以職業(yè)實(shí)踐為主線、以項(xiàng)目課程為主體”，打破了傳統(tǒng)的學(xué)科體系的模式，將網(wǎng) 頁(yè)設(shè)計(jì)職業(yè)崗位能力中用到的知識(shí)如：網(wǎng)頁(yè)基礎(chǔ)知識(shí)、DreamWeaver 的使用、HTML 語(yǔ)言、JavaScript 腳本 語(yǔ)言、 Flash、Fireworks、ASP 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行整合并模塊化。教學(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)性是指各模塊間存在相互補(bǔ)充關(guān)系，按理論實(shí)踐一體化要求設(shè)計(jì)，強(qiáng)調(diào)動(dòng)手做，強(qiáng)調(diào) 解決問(wèn)題。它體現(xiàn)了職業(yè)教育“以就業(yè)為導(dǎo)向，以能力為本位”的職業(yè)教育理念。39 / 71第二部分 學(xué)習(xí)目標(biāo)總目標(biāo)：使學(xué)生掌握常用的網(wǎng)頁(yè)設(shè)計(jì)工具，熟練運(yùn)用多種網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，具備 Web網(wǎng)頁(yè)設(shè)計(jì)、制作及站點(diǎn)管理的基本知識(shí)和基本技能，學(xué)生能夠獨(dú)立制作中小型的網(wǎng)站。（一）教學(xué)目標(biāo)：1. 了解 WWW、HTTP、HTML、CSS 的定義、概念和作用；2. 理解服務(wù)器、客戶端、瀏覽器的概念和作用；3. 理解 HTML 語(yǔ)言中的各種文本格式、字符格式、段落 設(shè)置、列表、 標(biāo)記的作用；4. 熟練操作 DreamWeaver；5. 理解 CSS 樣式表的作用和意 義；6. 深入理解 HTML 語(yǔ)言的各種功能和應(yīng)用；7. 深入理解表格、框架、表單的作用；8. 深入理解層的作用；9. 理解 JavaScript 中對(duì)象的定義，及含 義； JavaScript 中事件的概念； JavaScript 中屬性與方法的概念；。（二）技能教學(xué)目標(biāo)：1. 會(huì)使用 Dreamweaver 網(wǎng)頁(yè)設(shè)計(jì)工具制作網(wǎng)頁(yè)；2. 理解 HTML 語(yǔ)言中的標(biāo)記設(shè)置顏色、文本格式和列表；3. 熟練掌握顏色值的配置和背景圖案的設(shè)置方法，熟練掌握字符、鏈接顏色的設(shè)置方法；4. 熟練掌握網(wǎng)頁(yè)設(shè)計(jì)中字符格式的設(shè)置方法，段落分段與換行的方法；5. 掌握 HTML 的語(yǔ)法結(jié)構(gòu)，掌握 HTML 語(yǔ)言中標(biāo)記的使用方法；6. 掌握在網(wǎng)頁(yè)中添加 CSS 的方法。掌握三種添加 樣式信息的方法，會(huì)使用 CSS 設(shè)置網(wǎng)頁(yè)格式和列表的格式；7. 掌握在網(wǎng)頁(yè)中嵌入圖像的方法，掌握與嵌入圖像相關(guān)標(biāo)記的用法；8. 掌握與圖像布局和位置相關(guān)的標(biāo)記的概念和用法；9. 熟練掌握使用絕對(duì)和相對(duì) URL，創(chuàng)建超鏈接、圖像鏈接；學(xué)會(huì)圖像映射的建立方法；，會(huì)用表格布局并設(shè)計(jì)網(wǎng)頁(yè)；，會(huì)使用框架設(shè)計(jì)網(wǎng)頁(yè)；，會(huì)利用表單建立交互式頁(yè)面； JavaScript 語(yǔ)言的語(yǔ)法； HTML 語(yǔ)言代碼中嵌入 JavaScript 代碼的方法，能看懂 JavaScript 特效網(wǎng)頁(yè)源代碼； JavaScript 代碼， 實(shí)現(xiàn)不同的特效網(wǎng)頁(yè) 效果； JavaScript 語(yǔ)言實(shí)現(xiàn)網(wǎng)頁(yè)特效。（三）素質(zhì)教學(xué)目標(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é)思維方式和判斷分析問(wèn)題的能力；5. 具有較強(qiáng)的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素質(zhì)。第三部分 課程內(nèi)容與要求一、課程總框架按照專業(yè)課程目標(biāo)和涵蓋的工作任務(wù)要求，結(jié)合學(xué)生的認(rèn)知特點(diǎn)和相應(yīng)職業(yè)資格標(biāo)準(zhǔn)確定課程內(nèi)容。學(xué)習(xí)模塊劃分及學(xué)時(shí)分配一覽表模塊劃分 主題描述 理論學(xué)時(shí) 實(shí)踐學(xué)時(shí)模塊一 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 2 2模塊二 Dreamweaver 的使用4 12模塊三 HTML 語(yǔ)言、CSS樣式2 6模塊四 JavaScript 腳本語(yǔ)言2 10模塊五 Fireworks 2 10模塊六 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)初 2 1041 / 71步合計(jì) 64 14 50二、模塊內(nèi)容標(biāo)準(zhǔn) 各學(xué)習(xí)模塊劃分子模塊，對(duì)學(xué)習(xí)目標(biāo)進(jìn)行描述并說(shuō)明各學(xué)習(xí)單元的教學(xué)目標(biāo)和內(nèi)容。學(xué)習(xí)模塊 1網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)計(jì)劃總學(xué)時(shí) 4實(shí)踐學(xué)時(shí) 2學(xué)習(xí)目標(biāo)（1）Dreamweaver 的基本操作：Dreamweaver 的啟動(dòng)和退出，創(chuàng)建網(wǎng)頁(yè)或網(wǎng)站，打開(kāi)網(wǎng)頁(yè)或站點(diǎn)，網(wǎng)頁(yè)的保存和瀏覽，查看網(wǎng)頁(yè)文件的 HTML代碼；（2） 使用 Dreamweaver 建立和管理網(wǎng)站。（3）IIS 的簡(jiǎn)單配置。教學(xué)單元內(nèi)容描述 計(jì)劃學(xué)時(shí) 實(shí)踐活動(dòng)設(shè)計(jì)1 網(wǎng)頁(yè)設(shè)計(jì)常用工具 1 網(wǎng)頁(yè)設(shè)計(jì)常用工具使用2 網(wǎng)頁(yè)色彩搭配 1 網(wǎng)頁(yè)色彩搭配技巧3 Dreamweaver 工作界面 1Dreamweaver 工作界面演示操作建立和管理站點(diǎn) 1 建立和管理站點(diǎn)1 Dreamweaver 工作界面主要考核點(diǎn) 2 建立和管理站點(diǎn)學(xué)習(xí)模塊 2Dreamweaver 的使用計(jì)劃總學(xué)時(shí) 16實(shí)踐學(xué)時(shí) 12學(xué)習(xí)目標(biāo)（1）制作與修飾網(wǎng)頁(yè)：字體操作，段落操作，列表操作，背景操作，插入水平線，圖像操作（插入圖像、設(shè)置圖像屬性、保存包含圖像的網(wǎng)頁(yè)），超級(jí)鏈接（文本超鏈接的建立和設(shè)置、圖像超鏈接、熱點(diǎn)區(qū)域、書(shū)簽），表格（表格的基本組成、建立和編輯表格、表格的屬性設(shè)置），圖像和多媒體的使用，使用框架結(jié)構(gòu)（創(chuàng)建框架網(wǎng)頁(yè)、更改框架鏈接的網(wǎng)頁(yè)、框架屬性設(shè)置），導(dǎo)航的使用，模板和向?qū)У氖褂?，樣式表的?yīng)用；（2）表單（創(chuàng)建表單、插入表單元素、表單屬性）；（3）網(wǎng)頁(yè)特殊效果設(shè)計(jì)：網(wǎng)頁(yè)動(dòng)態(tài)元素，網(wǎng)頁(yè)動(dòng)畫(huà)效果，各種行為的運(yùn)用，網(wǎng)頁(yè)主題；（4）發(fā)布和管理網(wǎng)站：網(wǎng)站的發(fā)布，管理網(wǎng)站。教學(xué)單元內(nèi)容描述 計(jì)劃學(xué)時(shí) 實(shí)踐活動(dòng)設(shè)計(jì)1 網(wǎng)頁(yè)制作與修飾 4 制作與修飾網(wǎng)頁(yè)2 表單 6 表單制作3 網(wǎng)頁(yè)特殊效果設(shè)計(jì) 4 網(wǎng)頁(yè)特殊效果制作 4 發(fā)布和管理網(wǎng)站 2 發(fā)布和管理網(wǎng)站1 制作與修飾網(wǎng)頁(yè)主要考核點(diǎn) 2 表單學(xué)習(xí)模塊 3HTML 語(yǔ)言、CSS 樣式計(jì)劃總學(xué)時(shí) 8實(shí)踐學(xué)時(shí) 6學(xué)習(xí)目標(biāo)（1）在 Dreamweaver 中查看網(wǎng)頁(yè)文件的 HTML 代碼；（2）在設(shè)計(jì)視圖中修改 HTML 代碼；（3）學(xué)會(huì)使用標(biāo)簽選擇器；（4）使用 CSS 樣式表教學(xué)單元內(nèi)容描述 計(jì)劃學(xué)時(shí) 實(shí)踐活動(dòng)設(shè)計(jì)1 HTML 代碼 3 HTML 代碼設(shè)計(jì)網(wǎng)頁(yè)2 標(biāo)簽選擇器 2 標(biāo)簽選擇器編輯網(wǎng)頁(yè)3 CSS 樣式表 3 CSS 樣式設(shè)計(jì)網(wǎng)頁(yè)1 HTML 代碼主要考核點(diǎn) 2 CSS 樣式表學(xué)習(xí) JavaScript 腳本語(yǔ)言 計(jì)劃 8 實(shí)踐學(xué)時(shí) 643 / 71模塊 4 總學(xué)時(shí)學(xué)習(xí)目標(biāo)（1）初步了解面向?qū)ο蟪绦蛟O(shè)計(jì)思想；（2）掌握 JavaScript 語(yǔ)言的語(yǔ)法；（3）掌握在 HTML 語(yǔ)言代碼中嵌入 JavaScript 代碼的方法，能看懂JavaScript 特效網(wǎng)頁(yè)源代碼；（4）學(xué)會(huì)使用 JavaScript 語(yǔ)言網(wǎng)頁(yè)特效工具，實(shí)現(xiàn)不同的特效網(wǎng)頁(yè)效果。教學(xué)單元內(nèi)容描述 計(jì)劃學(xué)時(shí) 實(shí)踐活動(dòng)設(shè)計(jì)1 面向?qū)ο蟪绦蛟O(shè)計(jì)思想 3 面向?qū)ο笤O(shè)計(jì)實(shí)例演示2 JavaScript 語(yǔ)言語(yǔ)法 3 JavaScript 語(yǔ)言設(shè)計(jì)網(wǎng)頁(yè)3JavaScript 語(yǔ)言網(wǎng)頁(yè)特效工具 2JavaScript 語(yǔ)言網(wǎng)頁(yè)特效設(shè)計(jì)1 面向?qū)ο蟪绦蛟O(shè)計(jì)思想主要考核點(diǎn) 2 JavaScript 語(yǔ)言語(yǔ)法學(xué)習(xí)模塊 5 Fireworks計(jì)劃總學(xué)時(shí) 8實(shí)踐學(xué)時(shí) 6學(xué)習(xí)目標(biāo)（1）能夠使用 Fireworks 處理矢量圖和位圖；（2）掌握切片工具的使用（3）能夠使用 Fireworks 創(chuàng)建熱點(diǎn)和圖像映射；（4）能夠使用 Fireworks 制作按鈕、制作彈出菜單、創(chuàng)作簡(jiǎn)單動(dòng)畫(huà)。教學(xué)單元內(nèi)容描述 計(jì)劃學(xué)時(shí) 實(shí)踐活動(dòng)設(shè)計(jì)1Fireworks 處理矢量圖和位圖 3Fireworks 處理矢量圖和位圖2Fireworks 創(chuàng)建熱點(diǎn)和圖像映射 3Fireworks 創(chuàng)建熱點(diǎn)和圖像映射等圖像3Fireworks 制作按鈕、制作彈出菜單、創(chuàng)作簡(jiǎn)單動(dòng)畫(huà) 2Fireworks 制作按鈕、制作彈出菜單、創(chuàng)作簡(jiǎn)單動(dòng)畫(huà)1 Fireworks 處理矢量圖和位圖主要考核點(diǎn) 2 Fireworks 創(chuàng)建熱點(diǎn)和圖像映射學(xué)習(xí)模塊 6動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)初步計(jì)劃總學(xué)時(shí) 8實(shí)踐學(xué)時(shí) 6學(xué)習(xí)目標(biāo)（1）能夠安裝、配置因特網(wǎng)信息服務(wù)器 (IIS)；（2）能夠使用 Dreamweaver 創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)留言板網(wǎng)頁(yè)。教學(xué)單元內(nèi)容描述 計(jì)劃學(xué)時(shí) 實(shí)踐活動(dòng)設(shè)計(jì)1安裝、配置因特網(wǎng)信息服務(wù)器 (IIS) 4安裝、配置因特網(wǎng)信息服務(wù)器 (IIS)2Dreamweaver 創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)留言板網(wǎng)頁(yè) 4Dreamweaver 創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)留言板網(wǎng)頁(yè)1 安裝、配置因特網(wǎng)信息服務(wù)器 (IIS)主要考核點(diǎn) 2 Dreamweaver 創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)留言板網(wǎng)頁(yè)第四部分 課程實(shí)施一、教學(xué)條件（一）師資要求“雙師”結(jié)構(gòu)：教學(xué)團(tuán)隊(duì) 6 名 專任教師中,具有各類職業(yè)資 格證書(shū)的教師 6 名，占100%。（二）軟硬件條件我院目前設(shè)有計(jì)算機(jī)實(shí)訓(xùn)基地，擁有專業(yè)實(shí)驗(yàn)室三個(gè)，p4 計(jì)算機(jī) 1000 多臺(tái)，可以 滿足教師科研和學(xué)生的實(shí)踐。（三）教學(xué)方法建議45 / 71從《網(wǎng)頁(yè)設(shè)計(jì)與制作》的實(shí)際問(wèn)題出發(fā)，精心準(zhǔn)備各種典型案例，構(gòu)建課程的宏觀教學(xué)設(shè)計(jì)。例如，公司網(wǎng)站、網(wǎng)上鮮花直銷、個(gè)人網(wǎng)站精選、書(shū)籍專賣(mài)等。以若干個(gè)案例為載體，形成循序漸進(jìn)、種類多樣的項(xiàng)目群，構(gòu)建完整的教學(xué)設(shè)計(jì)布局。教學(xué)采用“四階段教學(xué)法”，將“教、學(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í)。目的是