【正文】 時(shí)）（1）Internet基礎(chǔ)知識(shí)（2）簡(jiǎn)介（3）網(wǎng)頁(yè)制作的技術(shù)和工具介紹第二章、超文本編輯語(yǔ)言HTML（8學(xué)時(shí)）（1）HTML文件的基本結(jié)構(gòu)（2）文字和段落標(biāo)記（3）列表標(biāo)記（4）圖片標(biāo)記（5）表格標(biāo)記（6）超鏈接標(biāo)記（7）表單標(biāo)記（8）框架標(biāo)記第三章、JavaScript語(yǔ)言（4學(xué)時(shí)）（1）JavaScript語(yǔ)言簡(jiǎn)介（2）JavaScript編程基礎(chǔ)（3）基于對(duì)象的JavaScript語(yǔ)言（4）JavaScript程序?qū)嵗谒恼?、層疊樣式表CSS（1學(xué)時(shí)）（1）CSS概述（2）CSS屬性第五章、（1）網(wǎng)頁(yè)的基本操作（2）圖像、表格與超鏈接（3）表單與框架（4）添加網(wǎng)頁(yè)元素（5）發(fā)布站點(diǎn)第六章、動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言ASP（4學(xué)時(shí)）（1）ASP簡(jiǎn)介（2）VBScript腳本基礎(chǔ)（3）ASP的內(nèi)置對(duì)象（4）4學(xué)時(shí)）（第七章、利用AD0訪問數(shù)據(jù)庫(kù)（1學(xué)時(shí)）（1）數(shù)據(jù)庫(kù)的連接（2）數(shù)據(jù)庫(kù)的檢索（3）數(shù)據(jù)庫(kù)的操作總結(jié)復(fù)習(xí)（1學(xué)時(shí)）四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求五、作業(yè)六、考核方式期末考核每個(gè)同學(xué)為自己設(shè)計(jì)制作一個(gè)博客網(wǎng)站。因此，設(shè)計(jì)與制作網(wǎng)頁(yè)已經(jīng)成為計(jì)算機(jī)應(yīng)用技術(shù)的一個(gè)重要方面。網(wǎng)頁(yè)美術(shù)設(shè)計(jì)原理及實(shí)戰(zhàn)策略，王曉峰 焦燕，清華大學(xué)出版社。參考書：網(wǎng)頁(yè)設(shè)計(jì)與制作教程，熊前興 閔聯(lián)營(yíng)，科學(xué)出版社。采用案例分析和親自實(shí)踐的方式突出、突破課程的重點(diǎn)和難點(diǎn)。第二篇：《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)大綱《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)大綱一、課程基本信息課程編號(hào)：中文名稱：網(wǎng)頁(yè)設(shè)計(jì)與制作英文名稱：Web Design and Production 課程類別：選修課 適用專業(yè)：所有專業(yè)開課學(xué)期：20112012第2學(xué)期 總學(xué)時(shí)：24學(xué)時(shí) 總學(xué)分：1 課程簡(jiǎn)介：本課程突出網(wǎng)頁(yè)設(shè)計(jì)與制作的現(xiàn)代特點(diǎn)，從Internet的基礎(chǔ)知識(shí)入手，重點(diǎn)介紹HTML超文本標(biāo)記語(yǔ)言，以及所見即所得的網(wǎng)頁(yè)設(shè)計(jì)制作工具Dreamweaver的基本操作流程。自學(xué)的方法主要有資料查閱法、討論法、網(wǎng)上學(xué)習(xí)法、實(shí)驗(yàn)練習(xí)法等。要求知道與網(wǎng)頁(yè)制作有關(guān)的知識(shí)。（二）自學(xué)指導(dǎo)體系 1．自學(xué)目的與要求這門課程要求學(xué)生不僅僅是掌握課本上的知識(shí)，課本上的知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，這就要求學(xué)生必須自學(xué)。課外訓(xùn)練的主要目的：充分掌握網(wǎng)頁(yè)制作的有關(guān)技能操作，學(xué)會(huì)設(shè)計(jì)單個(gè)網(wǎng)頁(yè)，能夠開發(fā)一個(gè)小型網(wǎng)站。為使學(xué)生鞏固課堂所學(xué)知識(shí)，根據(jù)教學(xué)內(nèi)容本課程共設(shè)5項(xiàng)實(shí)驗(yàn)，分別是熟悉Dreamweaver 8的操作環(huán)境、插入網(wǎng)頁(yè)對(duì)象、網(wǎng)頁(yè)布局、表單對(duì)象和制作動(dòng)態(tài)網(wǎng)頁(yè)，最終學(xué)生上機(jī)實(shí)驗(yàn)完成最終作品。培養(yǎng)學(xué)生分析問題和解決問題的能力，為以后深入學(xué)習(xí)教育技術(shù)專業(yè)的其它課程打下堅(jiān)實(shí)的基礎(chǔ)。四、教材與教學(xué)參考書[1] 孫印杰，薛書琴， ，2008.[2] （中文版)，2007.[3] 楊聰，韓小祥， ，2009.[4] （Dreamweaver ）（第2版）.電子工業(yè)出版社，2009.[5] ，、實(shí)驗(yàn)實(shí)踐教學(xué)實(shí)驗(yàn)教學(xué)是網(wǎng)頁(yè)設(shè)計(jì)與制作的重要實(shí)踐環(huán)節(jié)。第十六章 上傳站點(diǎn)[教學(xué)目的與要求] [重點(diǎn)與難點(diǎn)] [教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、申請(qǐng)網(wǎng)站空間(一)選擇網(wǎng)站空間(二)申請(qǐng)方法二、上傳站點(diǎn)（一）設(shè)置本地服務(wù)器地址（二）傳送站點(diǎn)三、宣傳和推廣（一）用Email形式來(lái)宣傳（二）在BBS或新聞組中宣傳(三)在搜索引擎網(wǎng)站中宣傳(四)廣告與友情鏈接(五)在Dreamweaver 8中插入關(guān)鍵詞與描述 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]無(wú)[課堂訓(xùn)練、作業(yè)思考題]1．簡(jiǎn)述申請(qǐng)個(gè)人免費(fèi)網(wǎng)絡(luò)空間的方法。2．簡(jiǎn)述單擊某按鈕時(shí)發(fā)出聲音特效的制作方法。[教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、插入多媒體文件簡(jiǎn)介二、添加Flash動(dòng)畫(一)插入Flash動(dòng)畫(二)設(shè)置Flash動(dòng)畫屬性(三)參數(shù)簡(jiǎn)介三、插入Shockwave電影(一)插入Shockwave電影(二)設(shè)置Shockwave電影屬性四、插入Java Applet程序（一）插入Java Applet程序（二）設(shè)置Java Applet屬性五、設(shè)置ActiveX控件六、設(shè)置Netscape Navigator插件(一)插入插件(二)設(shè)置插件屬性七、在網(wǎng)頁(yè)中添加聲音(一)聲音文件格式(二)為網(wǎng)頁(yè)加入背景音樂(三)嵌入聲音文件八、插入日期和時(shí)間九、使用計(jì)數(shù)器 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]實(shí)驗(yàn)項(xiàng)目：插入網(wǎng)頁(yè)對(duì)象（第12章）實(shí)驗(yàn)課時(shí)：3學(xué)時(shí) [課堂訓(xùn)練、作業(yè)思考題]1．簡(jiǎn)述可以插入的多媒體組件的種類。 Applet程序。2．簡(jiǎn)述創(chuàng)建CSS樣式的方法。2．如何創(chuàng)建錨點(diǎn)？第十一章 層疊樣式表[教學(xué)目的與要求]、“CSS樣式”面板與“相關(guān)CSS”面板的使用、應(yīng)用類樣式的方法、插入樣式表的方式、CSS樣式的屬性設(shè)置；。[教學(xué)目的與要求]第九章 表 單四、 [重點(diǎn)與難點(diǎn)]、單選按鈕和單選按鈕組 [教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、表單與表單元素(一)表單(二)表單元素二、表單(一)創(chuàng)建表單(二)設(shè)置表單屬性三、文本域和文本區(qū)域(一)插入文本域(二)設(shè)置文本域的屬性(三)插入文本區(qū)域四、復(fù)選框、單選按鈕和單選按鈕組(一)插入單選按鈕與復(fù)選框(二)設(shè)置單選按鈕與復(fù)選框的屬性五、列表框和彈出菜單(一)插入列表框與彈出菜單(二)設(shè)置列表/菜單屬性(三)跳轉(zhuǎn)菜單(四)文件域(五)表單按鈕(六)標(biāo)準(zhǔn)表單按鈕(七)圖片式按鈕(八)檢查表單 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]實(shí)驗(yàn)項(xiàng)目1：插入網(wǎng)頁(yè)對(duì)象（第12章）實(shí)驗(yàn)課時(shí)：3學(xué)時(shí) 實(shí)驗(yàn)項(xiàng)目2：表單對(duì)象 實(shí)驗(yàn)課時(shí)：2課時(shí) [課堂訓(xùn)練、作業(yè)思考題]1．文本域與文本區(qū)域有何區(qū)別？ 2．如何插入跳轉(zhuǎn)菜單？第十章 添加超級(jí)鏈接和導(dǎo)航工具條[教學(xué)目的與要求] 8中創(chuàng)建超級(jí)鏈接的基本方法；：包括內(nèi)部、外部超級(jí)鏈接、為Email和下載文件添加超級(jí)鏈接、使用錨點(diǎn)和導(dǎo)航條工具等內(nèi)容。(二)使用“層”面板可以防止層重疊、更改層的可見性、將層嵌套或?qū)盈B，以及選擇一個(gè)或多個(gè)層。第五章 使用網(wǎng)頁(yè)圖像[教學(xué)目的與要求]、如何編輯圖像 [重點(diǎn)與難點(diǎn)]1．網(wǎng)頁(yè)圖像的格式 2．插入圖像 3．編輯圖像 4．創(chuàng)建圖像映射 [教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、網(wǎng)頁(yè)圖像簡(jiǎn)述(一)位圖圖像(二)矢量圖像(三)常見網(wǎng)頁(yè)圖像格式二、插入圖像(一)插入普通圖像(二)插入鼠標(biāo)經(jīng)過時(shí)變化的圖像(三)插入網(wǎng)頁(yè)背景圖像三、編輯圖像(一) 調(diào)整圖像大小(二) 剪掉圖像的多余部分(三) 調(diào)整圖像的亮度和對(duì)比度(四) 銳化圖像(五) 圖像的排列方式(六) 設(shè)置圖像間距(七) 用文字代替圖像(八) 使用圖像編輯器四、創(chuàng)建圖像映射(一) 什么是圖像映射圖(二) 圖像映射面板(三) 定義和編輯熱點(diǎn)(四) 為熱點(diǎn)建立鏈接 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]實(shí)驗(yàn)項(xiàng)目：插入網(wǎng)頁(yè)對(duì)象（第12章）實(shí)驗(yàn)課時(shí)：2學(xué)時(shí) [課堂訓(xùn)練、作業(yè)思考題]1．如何在網(wǎng)頁(yè)中用文字代替圖像？ 2．如何為熱點(diǎn)建立鏈接？[教學(xué)目的與要求]、 [重點(diǎn)與難點(diǎn)]1．創(chuàng)建表格 2．編輯表格第六章 創(chuàng)建和使用表格3．套用表格 4．表格的嵌套5．使用表格進(jìn)行頁(yè)面布局 [教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、創(chuàng)建表格(一)插入表格并添加內(nèi)容(二)導(dǎo)入表格數(shù)據(jù)文件二、編輯表格(一)添加/刪除行列(二)調(diào)整表格大小(三)調(diào)整行高和列寬(四)合并/拆分單元格