《網(wǎng)頁設(shè)計與制作實驗》課程教學(xué)大綱

1、網(wǎng)頁設(shè)計與制作實驗教學(xué)大綱一、課程基本信息中文名稱網(wǎng)頁設(shè)計與制作英文名稱Website Design and Construction適用專業(yè)信息管理與信息系統(tǒng)先修課程計算機(jī)應(yīng)用基礎(chǔ)課程類別任選修讀性質(zhì)限選學(xué)分/學(xué)時2.5學(xué)分/17學(xué)時考核方式考查二、教學(xué)目標(biāo)本課程的教學(xué)目標(biāo)：本課程為信息管理專業(yè)的本科生開設(shè)的學(xué)科基礎(chǔ)課程之一，是有關(guān)網(wǎng)站設(shè)計的較高級內(nèi)容。本課程將介紹開發(fā)ASP程序所涉及的開發(fā)工具和運(yùn)行環(huán)境、VBScript程序設(shè)計基礎(chǔ)和ASP程序設(shè)計基礎(chǔ)等有關(guān)內(nèi)容。希望同學(xué)通過本課程的學(xué)習(xí)，掌握開發(fā)ASP程序的基礎(chǔ)知識和基本方法，對網(wǎng)絡(luò)程序設(shè)計有一個全面的認(rèn)識和了解，并能夠獨(dú)立自主開發(fā)留言板

2、、BBS、聊天室等網(wǎng)絡(luò)應(yīng)用程序。三、教學(xué)內(nèi)容實驗項目一：基本網(wǎng)頁設(shè)計（2學(xué)時）1.實驗屬性：驗證實驗2.修讀性質(zhì)：必開3.教學(xué)目標(biāo)掌握建立一個網(wǎng)站的方法；建立首頁和相應(yīng)頁面4.實驗方法1.教師講解實驗要求，實驗?zāi)康募白⒁馐马棥?.教師講解并演示建立網(wǎng)站的方法和步驟，指導(dǎo)學(xué)生完成實驗任務(wù)。3.學(xué)生填寫實驗報告，記錄實驗經(jīng)過、實驗結(jié)果。5.實驗儀器設(shè)備計算機(jī)6.實驗內(nèi)容1. 建立網(wǎng)站與設(shè)置網(wǎng)頁的方法7.成績評定1實驗后，學(xué)生按照要求填寫實驗報告文檔，符合實驗教學(xué)的要求并得到指導(dǎo)教師的認(rèn)可。2指導(dǎo)教師對實驗報告進(jìn)行批改、評分。實驗項目二：在網(wǎng)頁中插入導(dǎo)航條和翻轉(zhuǎn)按鈕（2學(xué)時）1.實驗屬性：驗證實驗2

3、.修讀性質(zhì)：必開3.教學(xué)目標(biāo)(1)掌握在網(wǎng)頁中插入導(dǎo)航條的方法(2)掌握制作導(dǎo)航條翻轉(zhuǎn)按鈕圖片的方法(3)掌握生成可翻轉(zhuǎn)導(dǎo)航按鈕的方法4.實驗方法1.教師講解實驗要求，實驗?zāi)康募白⒁馐马棥?.學(xué)生填寫實驗報告，記錄實驗經(jīng)過、實驗結(jié)果。5實驗儀器設(shè)備計算機(jī)6.實驗內(nèi)容1插入導(dǎo)航條2建立翻轉(zhuǎn)按鈕7.成績評定1實驗后，學(xué)生按照要求填寫實驗報告文檔，符合實驗教學(xué)的要求并得到指導(dǎo)教師的認(rèn)可。2指導(dǎo)教師對實驗報告進(jìn)行批改、評分。實驗項目三：插入Flash及多媒體內(nèi)容（2學(xué)時）1.實驗屬性：驗證實驗2.修讀性質(zhì)：必開3.教學(xué)目標(biāo)(1)掌握插入Flash按鈕的方法(2)掌握頁面布局Flash文字的方法(3)掌

4、握插入Flash視頻的方法(4)掌握使Flash背影在網(wǎng)頁中透明的方法4.實驗方法1.教師講解實驗要求，實驗?zāi)康募白⒁馐马棥?.教師指導(dǎo)學(xué)生完成實驗任務(wù)。3.學(xué)生填寫實驗報告，記錄實驗經(jīng)過、實驗結(jié)果。5實驗儀器設(shè)備計算機(jī)6.實驗內(nèi)容在網(wǎng)頁中使用多媒體素材（視頻、音頻、動畫等）7.成績評定1實驗后，學(xué)生按照要求填寫實驗報告文檔，符合實驗教學(xué)的要求并得到指導(dǎo)教師的認(rèn)可。2指導(dǎo)教師對實驗報告進(jìn)行批改、評分。實驗項目四：利用表格進(jìn)行網(wǎng)頁排版（3學(xué)時）1.實驗屬性：設(shè)計實驗2.修讀性質(zhì)：必開3.教學(xué)目標(biāo)(1)掌握利用表格進(jìn)行網(wǎng)頁排版的方法(2)利用表格進(jìn)行網(wǎng)頁內(nèi)容布局的規(guī)劃(3)掌握在表格中插入正文內(nèi)容

5、的方法4.實驗方法1.教師講解實驗要求，實驗?zāi)康募白⒁馐马棥?.教師指導(dǎo)學(xué)生完成實驗任務(wù)。3.學(xué)生填寫實驗報告，記錄實驗經(jīng)過、實驗結(jié)果。5實驗儀器設(shè)備計算機(jī)6.實驗內(nèi)容1利用表格規(guī)劃網(wǎng)頁布局的方法2表格的嵌套7.成績評定1實驗后，學(xué)生按照要求填寫實驗報告文檔，符合實驗教學(xué)的要求并得到指導(dǎo)教師的認(rèn)可。2指導(dǎo)教師對實驗報告進(jìn)行批改、評分。實驗項目五：對網(wǎng)頁進(jìn)行排版應(yīng)用CSS樣式表（3學(xué)時）1.實驗屬性：設(shè)計實驗2.修讀性質(zhì)：必開3.教學(xué)目標(biāo)(1)掌握應(yīng)用CSS樣式表對網(wǎng)頁進(jìn)行排版的方法(2)掌握設(shè)置網(wǎng)頁中文字的字體、字號和顏色的方法(3)掌握設(shè)置鏈接正常狀態(tài)、已訪問過狀態(tài)、移入狀態(tài)時的不同顏色的方

6、法4.實驗方法1.教師講解實驗要求，實驗?zāi)康募白⒁馐马棥?.教師指導(dǎo)學(xué)生完成實驗任務(wù)。3.學(xué)生填寫實驗報告，記錄實驗經(jīng)過、實驗結(jié)果。5實驗儀器設(shè)備計算機(jī)6.實驗內(nèi)容應(yīng)用樣式表CSS進(jìn)行排版7.成績評定1實驗后，學(xué)生按照要求填寫實驗報告文檔，符合實驗教學(xué)的要求并得到指導(dǎo)教師的認(rèn)可。2指導(dǎo)教師對實驗報告進(jìn)行批改、評分。實驗項目六：在網(wǎng)頁中應(yīng)用模板（2學(xué)時）1.實驗屬性：設(shè)計實驗2.修讀性質(zhì)：必開3.教學(xué)目標(biāo)(1)掌握在網(wǎng)頁中應(yīng)用模版的方法(2)掌握將當(dāng)前設(shè)計好的頁面轉(zhuǎn)換為模板(3)掌握設(shè)置可編輯區(qū)域的方法(4)掌握使用模板生成多個頁面的方法4.實驗方法1.教師講解實驗要求，實驗?zāi)康募白⒁馐马棥?.

7、教師指導(dǎo)學(xué)生完成實驗任務(wù)。3.學(xué)生填寫實驗報告，記錄實驗經(jīng)過、實驗結(jié)果。5實驗儀器設(shè)備。計算機(jī)6.實驗內(nèi)容。模版的使用7.成績評定1實驗后，學(xué)生按照要求填寫實驗報告文檔，符合實驗教學(xué)的要求并得到指導(dǎo)教師的認(rèn)可。2指導(dǎo)教師對實驗報告進(jìn)行批改、評分。實驗項目七：使用層進(jìn)行網(wǎng)頁的排版和布局（3學(xué)時）1.實驗屬性：設(shè)計實驗2.修讀性質(zhì)：必開3.教學(xué)目標(biāo)(1)掌握使用層來定位版面的方法(2)掌握在層中加入圖片的方法(3)掌握在層中加入文字的方法(4)掌握在層中加入動畫的方法(5)掌握使用時間軸移動層并形成動畫的方法4.實驗方法1.教師講解實驗要求，實驗?zāi)康募白⒁馐马棥?.教師指導(dǎo)學(xué)生完成實驗任務(wù)。3.學(xué)

8、生填寫實驗報告，記錄實驗經(jīng)過、實驗結(jié)果。5實驗儀器設(shè)備計算機(jī)6.實驗內(nèi)容1使用層進(jìn)行網(wǎng)頁排版2使用層進(jìn)行網(wǎng)頁布局7.成績評定1實驗后，學(xué)生按照要求填寫實驗報告文檔，符合實驗教學(xué)的要求并得到指導(dǎo)教師的認(rèn)可。2指導(dǎo)教師對實驗報告進(jìn)行批改、評分。四、考核形式及成績評定（一）考核形式： 實驗操作（二）成績評定：期末考試成績占70%，平時成績和上機(jī)成績占30%。五、教材與參考書教 材：藝博 張明真網(wǎng)頁設(shè)計與制作-Macromedia Dreamweaver8。 高等教育出版社，2008參考書：1 王樹平. Dreamweaver網(wǎng)頁制作. 高等教育出版社，2011六、課程學(xué)時分配表序號實驗項目名稱學(xué)時實驗屬性修讀性質(zhì)主要儀器設(shè)備實驗項目1基本網(wǎng)頁設(shè)計2驗證必開計算機(jī)實驗項目2在網(wǎng)頁中插入導(dǎo)航條和翻轉(zhuǎn)按鈕2驗證