網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)《網(wǎng)頁設(shè)計(jì)與制作》課程整體教學(xué)設(shè)計(jì)一、課程基本信息課程名稱：網(wǎng)頁設(shè)計(jì)與制作課程代碼：課程性質(zhì)：考查適用專業(yè)：電子商務(wù)06、企業(yè)管理07、營銷07學(xué)分：3.5學(xué)時(shí)：68先修課程：計(jì)算機(jī)應(yīng)用基礎(chǔ)后續(xù)課程：電子商務(wù)網(wǎng)站設(shè)計(jì)管理申報(bào)人：所屬系部：信息工程系二、課程設(shè)計(jì)1.課程目標(biāo)設(shè)計(jì)（1）能力目標(biāo)⑴能搜索網(wǎng)絡(luò)資源并能較好的利用網(wǎng)上資源；⑵能用網(wǎng)頁制作軟件Dreamweaver8生成站點(diǎn)，管理好站點(diǎn)；⑶能用網(wǎng)頁制作軟件Dreamweaver8制作、修改、編輯簡單網(wǎng)頁；⑷培養(yǎng)學(xué)生自主學(xué)習(xí)、合作學(xué)習(xí)和動手能力；⑸學(xué)生通過親身經(jīng)歷，提高分析和解決實(shí)際問題的能力；⑹能做簡單的動態(tài)網(wǎng)頁制作能力。（2）知識目標(biāo)⑴熟悉網(wǎng)頁制作的基本流程；⑵掌握網(wǎng)頁制作的基礎(chǔ)知識；⑶掌握Dreamweaver8的操作和使用，如超鏈接、表格與布局、層、表單等；⑷掌握制作中小型企業(yè)的網(wǎng)站；⑸了解FIRWORKS的基本操作和使用；⑹掌握網(wǎng)站的上傳方法；⑺掌握網(wǎng)站申請空間、上傳網(wǎng)站的方法。網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)全文共6頁，當(dāng)前為第1頁。2.課程內(nèi)容設(shè)計(jì)網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)全文共6頁，當(dāng)前為第1頁。模塊名稱學(xué)時(shí)Dreamweaver8入門2設(shè)置站點(diǎn)4網(wǎng)頁元素的基本操作4超級鏈接4表格與布局6框架與框架集4表單應(yīng)用4層的應(yīng)用4時(shí)間軸及其應(yīng)用4HTML初步4CSS樣式表及應(yīng)用4事件與行為4模板與庫4網(wǎng)頁上傳與服務(wù)器設(shè)置2動態(tài)網(wǎng)頁制作2主題網(wǎng)站制作4FOREWORK的簡單的應(yīng)用2期中測驗(yàn)、期末復(fù)習(xí)、機(jī)動6合計(jì)683.教學(xué)方法設(shè)計(jì)1.采用案例教學(xué)法，通過對案例為手段，加快學(xué)生對操作理論的理解和掌握。2.設(shè)計(jì)與教學(xué)內(nèi)容相對應(yīng)的實(shí)訓(xùn)，以提高學(xué)生實(shí)踐能力，從而達(dá)到對知識點(diǎn)的吸收。3.由于此門課程實(shí)操性強(qiáng)的特點(diǎn)，講授時(shí)盡可能要求學(xué)生跟隨教師演示練習(xí)，加深印象。4.如條件許可，可利用校園網(wǎng)進(jìn)行遠(yuǎn)程答疑和討論。教學(xué)手段：采用網(wǎng)絡(luò)和多媒體教學(xué)、小組討論等多種教學(xué)手段來使學(xué)生提高主動參與意識，更強(qiáng)調(diào)對學(xué)生進(jìn)行學(xué)習(xí)方法的指導(dǎo)而不是灌輸式教學(xué)。同時(shí)在教學(xué)過程中重視因材施教，努力實(shí)現(xiàn)教學(xué)方法的個體化，針對學(xué)生學(xué)習(xí)的個別差異解決好因材施教問題。網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)全文共6頁，當(dāng)前為第2頁。4.能力訓(xùn)練項(xiàng)目設(shè)計(jì)（用表格形式表達(dá)）網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)全文共6頁，當(dāng)前為第2頁。編號能力訓(xùn)練項(xiàng)目名稱擬實(shí)現(xiàn)的能力目標(biāo)訓(xùn)練方式手段及步驟結(jié)果1站點(diǎn)設(shè)置熟練地建立站點(diǎn)多媒體演示操作，學(xué)生親自操作，老師指導(dǎo)掌握建立站點(diǎn)的方法2網(wǎng)頁元素的操作掌握插入文本、特殊字符、日期、圖片及一些多媒體對象等；多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)學(xué)會在網(wǎng)頁中插入及編輯網(wǎng)頁元素3超級鏈接掌握外部鏈接、內(nèi)部鏈接、電子郵件鏈接、空鏈接和錨點(diǎn)鏈接的使用；學(xué)會運(yùn)用圖像映射及使用導(dǎo)航條。多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)熟練掌握幾種常見的鏈接方式4表格的制作掌握網(wǎng)頁表格的使用多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)掌握表格的各種操作5框架的使用掌握框架網(wǎng)頁的制作多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)掌握框架網(wǎng)頁制作的步驟6表單的使用BBS登錄界面設(shè)計(jì)學(xué)會創(chuàng)建表單域及修改表單；學(xué)會使用在表單中使用各種表單元素；多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)掌握利用表單元素制作BBS登錄界面7圖層網(wǎng)頁的制作學(xué)會創(chuàng)建與設(shè)置層；掌握表格與層之間的轉(zhuǎn)換多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)掌握利用圖層制作網(wǎng)頁8在網(wǎng)頁中使用時(shí)間軸（飛動的蝴蝶的制作）掌握時(shí)間軸的創(chuàng)建與基本操作多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)掌握利用時(shí)間軸制作簡單的動畫9HTML標(biāo)記語言的使用（禁止使用鼠標(biāo)右鍵）掌握如何查看HTML標(biāo)記語言，如何使用代碼編輯視圖多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)掌握在代碼視圖中添加標(biāo)記代碼10CSS樣式的應(yīng)用掌握創(chuàng)建、設(shè)置、應(yīng)用及刪除CSS樣式的方法多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)在實(shí)際網(wǎng)頁中會運(yùn)用CSS樣式11行為及事件的使用掌握行為的基本操作及在網(wǎng)頁中使用一些基本行為多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)在網(wǎng)頁中會使用使用行為及事情12模板及庫的應(yīng)用掌握利用模板制作網(wǎng)頁；掌握在網(wǎng)頁制作過程中使用庫元素多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)能利用模板制作網(wǎng)頁13網(wǎng)頁上傳及服務(wù)器的設(shè)置掌握網(wǎng)頁上傳的方法和步驟多媒體演示講解，老師操作，學(xué)生模仿、獨(dú)自練習(xí)會上傳網(wǎng)頁到服務(wù)器中14主題網(wǎng)站制作之一：“花之宇”主題網(wǎng)站掌握網(wǎng)站的規(guī)劃；會建立站點(diǎn)；制作各頁面學(xué)生獨(dú)自完成能完成一個完整網(wǎng)站的制作15主題網(wǎng)站制作之一：個人網(wǎng)站掌握網(wǎng)站的規(guī)劃；會建立站點(diǎn)；制作各頁面學(xué)生獨(dú)自完成能完成一個完整網(wǎng)站的制作網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)全文共6頁，當(dāng)前為第3頁。5.授課進(jìn)度計(jì)劃設(shè)計(jì)網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)全文共6頁，當(dāng)前為第3頁。序號課時(shí)教學(xué)目標(biāo)和主要內(nèi)容單元標(biāo)題能力目標(biāo)能力訓(xùn)練項(xiàng)目編號知識目標(biāo)考核內(nèi)容與方法12Dreamweaver8入門掌握Dreamweaver8的基本操作1掌握Dreamweaver8的基本操作步驟實(shí)際運(yùn)用24設(shè)置站點(diǎn)熟練地建立站點(diǎn)1建立站點(diǎn)的步驟實(shí)際運(yùn)用34網(wǎng)頁元素的基本操作掌握插入文本、特殊字符、日期、圖片及一些多媒體對象等2掌握在網(wǎng)頁中插入網(wǎng)頁元素的方法實(shí)際運(yùn)用44超級鏈接掌握外部鏈接、內(nèi)部鏈接、電子郵件鏈接、空鏈接和錨點(diǎn)鏈接的使用；學(xué)會運(yùn)用圖像映射及使用導(dǎo)航條3熟練掌握幾種常見的鏈接方式實(shí)際應(yīng)用56表格與布局掌握網(wǎng)頁表格的使用及網(wǎng)頁布局的設(shè)置4表格操作方法及布局方法作品提交64框架與框架集掌握利用框架制作網(wǎng)頁5框架的使用及框架集的使用方法作品提交74表單應(yīng)用學(xué)會創(chuàng)建表單域及修改表單；學(xué)會使用在表單中使用各種表單元素6表單各元素的使用方法作品提交84層的應(yīng)用學(xué)會創(chuàng)建與設(shè)置層；掌握表格與層之間的轉(zhuǎn)換7掌握層的操作步驟實(shí)際運(yùn)用94時(shí)間軸及其應(yīng)用掌握時(shí)間軸的創(chuàng)建與基本操作8掌握時(shí)間軸的操作步驟作品提交104HTML初步掌握如何查看HTML標(biāo)記語言，如何使用代碼編輯視圖9基本標(biāo)記代碼的理解作品提交114CSS樣式表及應(yīng)用掌握創(chuàng)建、設(shè)置、應(yīng)用及刪除CSS樣式的方法10掌握內(nèi)部樣式與外部樣式的區(qū)別實(shí)際運(yùn)用124事件與行為掌握行為的基本操作及在網(wǎng)頁中使用一些基本行為11常見事件與常見行為的理解實(shí)際運(yùn)用134模板與庫會創(chuàng)建模板并會利用模板制作網(wǎng)頁12模板創(chuàng)建的步驟及庫的建立方法作品提交142網(wǎng)頁上傳與服務(wù)器設(shè)置掌握網(wǎng)頁上傳的方法和步驟13了解網(wǎng)頁上傳軟件的使用實(shí)際運(yùn)用152動態(tài)網(wǎng)頁制作了解簡單動態(tài)網(wǎng)頁制作的工具介紹ASP的初步164主題網(wǎng)站制作掌握網(wǎng)站的規(guī)劃；會建立站點(diǎn)；制作各頁面1415掌握制作整個網(wǎng)站的流程作品提交172FOREWORK的簡單的應(yīng)用了解FOREWORK的一些基本制作了解FOREWOR的一些基本操作步驟實(shí)際運(yùn)用網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)全文共6頁，當(dāng)前為第4頁。18網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)全文共6頁，當(dāng)前為第4頁。6期中測驗(yàn)、期末復(fù)習(xí)考試、機(jī)動合計(jì)68三、第一節(jié)課設(shè)計(jì)梗概1.初步了解情況與學(xué)生溝通，了解全班同學(xué)的的情況，介紹本課程的學(xué)習(xí)方法。2.展示和舉例的一些應(yīng)用提問：為什么同學(xué)們在上網(wǎng)對有的網(wǎng)站特別喜歡？提問：同學(xué)們一般喜歡網(wǎng)站中網(wǎng)頁中哪些部分比較多？得出結(jié)論：現(xiàn)在是二十一世紀(jì),信息化年代,也是網(wǎng)絡(luò)化年代,每一位年輕人都或多或少接觸過網(wǎng)絡(luò),或多或少上過網(wǎng),細(xì)心的同學(xué)會發(fā)現(xiàn)不同的網(wǎng)站給人以不同的視覺效果，故網(wǎng)站的中網(wǎng)頁的好壞在很大程度上影響每一個上網(wǎng)者對網(wǎng)站的整體評價(jià),因此，制作好一個好的網(wǎng)頁是整個網(wǎng)站好壞的關(guān)鍵之一，讓學(xué)生認(rèn)識到本課程的重要性。告知學(xué)生：本課程的總體安排、教材的處理，參考資料、有關(guān)網(wǎng)站，上課的方式和要求，明確教學(xué)目標(biāo)。3.考核方式（詳見考核方案設(shè)計(jì)）第一次上課時(shí)主要告知學(xué)生每一次課都很重要，平時(shí)成績占總成績的40％：學(xué)習(xí)態(tài)度、課堂表現(xiàn)、回答問題情況、課后作業(yè)、平時(shí)實(shí)驗(yàn)或?qū)嵱?xùn)和考勤情況等；期末卷面考試成績占總成績的60％。4.進(jìn)入正題本次課的項(xiàng)目是Dreamweaver8入門。先演示如何安裝Dreamweaver8軟件,并強(qiáng)調(diào)在什么環(huán)境下安裝，再演示Dreamweaver8的參數(shù)設(shè)置,到如何利用此軟件創(chuàng)建網(wǎng)頁、打開網(wǎng)頁及創(chuàng)建好一個網(wǎng)頁后如何保存等操作。然后，教會學(xué)生如何在自己電腦上安裝此軟件，并讓學(xué)生現(xiàn)場安裝演示及簡單的操作演示等。四、考核方案設(shè)計(jì)1.基本思路考核內(nèi)容：課程的基本知識和基本技能，以實(shí)訓(xùn)、考查等為考核形式，全面考核學(xué)生使用軟件的基本技能與方法。本課程注意學(xué)生平時(shí)學(xué)習(xí)的過程，考核由平時(shí)成績和期末考試組成，平時(shí)成績又分為課堂表現(xiàn)和考勤、作業(yè)和實(shí)驗(yàn)兩部分，具體比例如下：課堂表現(xiàn)和考勤20％：包括學(xué)習(xí)態(tài)度、課堂表現(xiàn)、回答問題情況和考勤情況。作業(yè)和實(shí)訓(xùn)20％：包括課后作業(yè)、平時(shí)實(shí)驗(yàn)或?qū)嵱?xùn)等情況。網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)全文共6頁，當(dāng)前為第5頁。期末考試60%：采用開卷機(jī)試，考試時(shí)間為90分鐘。網(wǎng)頁設(shè)計(jì)與制作整體設(shè)計(jì)全文共6頁，當(dāng)前為第5頁。2.平時(shí)成績的考核標(biāo)準(zhǔn)項(xiàng)目評分內(nèi)容占比學(xué)習(xí)態(tài)度遵守紀(jì)律、認(rèn)真學(xué)習(xí)、對自己負(fù)責(zé)、尊敬老師5％課堂表現(xiàn)認(rèn)真聽講、積極思考、不玩游戲、不開小差5％回答問題是否主動、回答是否正確5％考勤有無曠課、請假、遲到或早退5％作業(yè)有無缺交、完成數(shù)量、完成質(zhì)量10％實(shí)驗(yàn)或?qū)嵱?xùn)是否認(rèn)真做、完成數(shù)量、完成質(zhì)量10％五、教材、教參注明教材名稱、作者、出版社、出版日期、教材性質(zhì)（教育部規(guī)劃教材/教育部精品教材/自編教材/講義