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