《HTML與XML》課程教學(xué)大綱

1、HTML與XML課程教學(xué)大綱課程編號(hào)：20431102總學(xué)時(shí)數(shù)：24總學(xué)分?jǐn)?shù)：1.5課程性質(zhì)：選修課程適用專(zhuān)業(yè)：計(jì)算機(jī)科學(xué)與技術(shù)一、課程的任務(wù)和基本要求本課程系統(tǒng)全面的介紹了Web程序設(shè)計(jì)所必需的基本知識(shí)：HTML、JavaScript和XML，包括各種HTML網(wǎng)頁(yè)制作標(biāo)記，包括基本標(biāo)記、文字和段落、多媒體、列表、表格、超鏈接、框架、表單、CSS樣式表；JavaScript及其應(yīng)用，XML基本知識(shí)及其應(yīng)用，最后還介紹了HTML、JavaScript和XML的綜合應(yīng)用，每個(gè)知識(shí)點(diǎn)包括標(biāo)記的基本語(yǔ)法、說(shuō)明、以及范例演示，另外還綜合各知識(shí)點(diǎn)介紹了Web標(biāo)準(zhǔn)、CSS網(wǎng)頁(yè)布局實(shí)例、JavaScript應(yīng)

2、用實(shí)例、Ajax技術(shù)以及JavaScript與各類(lèi)插件等綜合內(nèi)容，另外介紹Dreamweaver、Frontpage等開(kāi)發(fā)工具的使用，通過(guò)這些內(nèi)容，學(xué)生可以掌握通過(guò)HTML標(biāo)記語(yǔ)言、JavaScript和XML技術(shù)開(kāi)發(fā)網(wǎng)頁(yè)，進(jìn)行Web程序設(shè)計(jì)的基本手段和常用方法通過(guò)本課程的學(xué)習(xí)，使學(xué)生掌握HTML標(biāo)記語(yǔ)言和、CSS、JavaScript語(yǔ)言以及XML語(yǔ)言的基礎(chǔ)知識(shí)，能夠了解并應(yīng)用Dreamweaver、Frontpage等網(wǎng)頁(yè)開(kāi)發(fā)的必備工具。最終達(dá)到能夠獨(dú)立開(kāi)發(fā)基于HTML的靜態(tài)網(wǎng)站以及Web應(yīng)用程序的客戶端頁(yè)面，為將來(lái)學(xué)生從事動(dòng)態(tài)網(wǎng)站、Web應(yīng)用開(kāi)發(fā)奠定良好的基礎(chǔ)。二、教學(xué)內(nèi)容和要求1、HT

3、ML基本標(biāo)記教學(xué)內(nèi)容：HTML基本標(biāo)記：HTML、HEAD、TITTLE、BODY以及META標(biāo)記及其相關(guān)屬性的概念和應(yīng)用教學(xué)要求：(1)了解常用的HTML基本標(biāo)記；(2)掌握HTML、HEAD、TITTLE、BODY標(biāo)記及其相關(guān)屬性的概念和應(yīng)用(3)掌握基于META標(biāo)記設(shè)定字符集、網(wǎng)頁(yè)信息、自動(dòng)刷新等設(shè)置的方法2、HTML的文字與段落教學(xué)內(nèi)容：HTML標(biāo)記中有關(guān)文字和段落的相關(guān)內(nèi)容，如：P、BR、FONT、DIV、SPAN等標(biāo)記以及標(biāo)記相關(guān)的屬性。教學(xué)要求：(1) 理解并應(yīng)用HTML標(biāo)記中有關(guān)文字的內(nèi)容（FONT）以及相關(guān)的屬性。(2) 掌握并應(yīng)用HTML標(biāo)記中有關(guān)段落的內(nèi)容（P、BR、DI

4、V、SPAN）以及相關(guān)的屬性。3、HTML的多媒體與列表教學(xué)內(nèi)容：HTML標(biāo)記中關(guān)于多媒體和列表相關(guān)內(nèi)容，如：IMG、EMBED、UL、OL以及相關(guān)的屬性。教學(xué)要求：(1) 理解并應(yīng)用HTML標(biāo)記中有關(guān)多媒體的內(nèi)容（IMG、EMBED）以及相關(guān)的屬性。(2) 掌握并應(yīng)用HTML標(biāo)記中有關(guān)列表的內(nèi)容（UL、OL）以及相關(guān)的屬性。4、HTML的表格教學(xué)內(nèi)容：HTML標(biāo)記中關(guān)于表格相關(guān)內(nèi)容，如：TABLE、CAPTION、TH、TR、TD以及相關(guān)的屬性。教學(xué)要求：(1) 理解并應(yīng)用HTML標(biāo)記中有關(guān)表格的內(nèi)容（TABLE、CAPTION、TH、TR、TD）以及相關(guān)的屬性。(2) 能夠應(yīng)用表格標(biāo)記和常

5、用手法對(duì)HTML其他元素進(jìn)行排版5、HTML的超鏈接和框架教學(xué)內(nèi)容：HTML標(biāo)記中關(guān)于超鏈接和框架相關(guān)內(nèi)容，如：A、HREF、TARGET、FRAME、IFRAME以及相關(guān)的屬性教學(xué)要求：(1) 理解并應(yīng)用HTML標(biāo)記中有關(guān)超鏈接的內(nèi)容（A、HREF、TARGET）以及相關(guān)的屬性，能夠?qū)嵺`應(yīng)用各種超鏈接。(2) 理解并應(yīng)用HTML標(biāo)記中有關(guān)框架的內(nèi)容（FRAME、IFRAME）以及相關(guān)的屬性。(3) 能夠應(yīng)用框架標(biāo)記和常用手法實(shí)現(xiàn)常見(jiàn)的商業(yè)網(wǎng)頁(yè)的框架結(jié)構(gòu)和內(nèi)嵌框架6、HTML的表單教學(xué)內(nèi)容：HTML標(biāo)記中關(guān)于表單相關(guān)內(nèi)容，如：FORM、INPUT、BUTTON、TEXTAREA、SELECT以

6、及相關(guān)的屬性。教學(xué)要求：(1) 理解并應(yīng)用HTML標(biāo)記中有關(guān)表單的內(nèi)容（FORM、INPUT、BUTTON、TEXTAREA、SELECT）(2)能夠應(yīng)用表單標(biāo)記和常用手法實(shí)現(xiàn)常見(jiàn)的用戶輸入界面7、CSS樣式表教學(xué)內(nèi)容：CSS樣式表的相關(guān)知識(shí)，如樣式表的定義、引用，一些常見(jiàn)效果的樣式表書(shū)寫(xiě)教學(xué)要求：(1) 理解并應(yīng)用CSS樣式表的相關(guān)知識(shí)(2) 理解并應(yīng)用CSS樣式表實(shí)現(xiàn)一些常見(jiàn)效果8、JavaScript基礎(chǔ)教學(xué)內(nèi)容：JavaScript的相關(guān)知識(shí)，包括JavaScript的基本語(yǔ)法知識(shí)、JavaScript的核心對(duì)象、JavaScript操作CSS以及常見(jiàn)網(wǎng)頁(yè)動(dòng)態(tài)效果的JavaScript

7、實(shí)現(xiàn)教學(xué)要求：(1) 掌握J(rèn)avaScript的基本語(yǔ)法知識(shí)(2) 了解、掌握J(rèn)avaScript的核心對(duì)象，能夠應(yīng)用核心對(duì)象處理實(shí)際應(yīng)用(3) 掌握J(rèn)avaScript操作CSS的方法(4) 能夠應(yīng)用JavaScript實(shí)現(xiàn)常見(jiàn)網(wǎng)頁(yè)動(dòng)態(tài)效果9、JavaScript與DOM技術(shù)教學(xué)內(nèi)容：JavaScript的高級(jí)技術(shù)，包括事件處理機(jī)制、基于DOM技術(shù)處理表單對(duì)象、瀏覽器對(duì)象以及實(shí)現(xiàn)與XML的互操作等。教學(xué)要求：(1) 掌握J(rèn)avaScript高級(jí)技術(shù)，理解JavaScript的事件處理機(jī)制(2) 理解DOM機(jī)制，能夠應(yīng)用DOM技術(shù)處理表單對(duì)象和瀏覽器對(duì)象，實(shí)現(xiàn)常見(jiàn)的網(wǎng)頁(yè)功能(3) 能夠應(yīng)用DO

8、M技術(shù)，使用JavaScript操作XML，實(shí)現(xiàn)基于JavaScript和XML的常用網(wǎng)頁(yè)功能10、HTML開(kāi)發(fā)工具的使用教學(xué)內(nèi)容：HTML開(kāi)發(fā)工具的相關(guān)知識(shí)，包括DreamWeaver和Frontpage教學(xué)要求：(1) 了解DreamWeaver和FrontPage等開(kāi)發(fā)平臺(tái)的特點(diǎn)(2) 能夠使用DreamWeaver和Frontpage等開(kāi)發(fā)工具設(shè)計(jì)靜態(tài)HTML網(wǎng)頁(yè)11、XML編程基礎(chǔ)教學(xué)內(nèi)容：XML基礎(chǔ)知識(shí)，包括XML 的發(fā)展歷史、XML 的應(yīng)用范圍、基本XML 語(yǔ)法、編寫(xiě)規(guī)則和XML文檔的特點(diǎn)教學(xué)要求：(1) 了解 XML 的起源、目標(biāo)和優(yōu)勢(shì)了解 XML 的應(yīng)用范圍(2) 熟悉基本的

9、 XML 語(yǔ)法(3) 理解格式正規(guī)的 XML 文檔的特點(diǎn)(4) 熟悉有效的 XML 文檔的編寫(xiě)規(guī)則12、基于DOM和JavaScript的XML文檔處理教學(xué)內(nèi)容：與XML文檔處理相關(guān)的DOM和JavaScript處理機(jī)制，包括DOM模型與XML的關(guān)系，基于DOM和JavaScript解析與處理XML文檔的方法教學(xué)要求：(1)理解 DOM 模型和JavaScript與XML文檔的關(guān)系(2)掌握如何使用DOM模型解析 XML 文檔，生成文檔對(duì)象(3)掌握使用JavaScript來(lái)操縱基于DOM 模型的XML文檔的對(duì)象、接口、屬性、方法13、HTML、JavaScript與XML綜合應(yīng)用教學(xué)內(nèi)容：H

10、TML、JavaScript與XML的綜合應(yīng)用技巧，包括傳統(tǒng)無(wú)刷新頁(yè)面技術(shù)的優(yōu)缺點(diǎn)、Ajax技術(shù)的基本應(yīng)用、JavaScript與插件的基本應(yīng)用教學(xué)要求：(1)理解并能應(yīng)用傳統(tǒng)無(wú)刷新頁(yè)面技術(shù)，了解其優(yōu)缺點(diǎn)(2)掌握Ajax技術(shù)的基本應(yīng)用(3)掌握J(rèn)avaScript與插件的基本應(yīng)用，包括Java aplet、ActiveX控件和Flash三、實(shí)踐環(huán)節(jié)和要求實(shí)驗(yàn)?zāi)康模和ㄟ^(guò)上機(jī)實(shí)驗(yàn)，使學(xué)生能夠熟練使用HTML標(biāo)記語(yǔ)言、CSS、JavaScript語(yǔ)言以及XML語(yǔ)言來(lái)開(kāi)發(fā)具有典型意義的靜態(tài)網(wǎng)頁(yè)和Web應(yīng)用程序客戶端頁(yè)面，從而為將來(lái)學(xué)生從事動(dòng)態(tài)網(wǎng)站、Web應(yīng)用開(kāi)發(fā)奠定良好的基礎(chǔ)實(shí)驗(yàn)項(xiàng)目和學(xué)時(shí)分配：1、

11、HTML基礎(chǔ)（文本、段落、多媒體、列表、表格、超鏈接、框架） 2學(xué)時(shí)2、HTML的表單、CSS樣式表、開(kāi)發(fā)工具的使用 2學(xué)時(shí)4、JavaScript基礎(chǔ)應(yīng)用 2學(xué)時(shí)5、JavaScript與DOM技術(shù)實(shí)踐 2學(xué)時(shí)6、XML的基本知識(shí)和文檔處理 2學(xué)時(shí)8、HTML、JavaScript與XML綜合應(yīng)用 2學(xué)時(shí) 四、教學(xué)時(shí)數(shù)分配理論： 12 實(shí)驗(yàn)： 上機(jī)： 12 其它： 教學(xué)內(nèi)容學(xué)時(shí)分配教學(xué)內(nèi)容學(xué)時(shí)分配HTML的基本標(biāo)記、文字與段落1JavaScript與DOM技術(shù)1HTML的多媒體、列表、表格1HTML開(kāi)發(fā)工具的使用1HTML的超鏈接和框架1XML編程基礎(chǔ)1HTML的表單1基于DOM和JavaS

12、cript的XML文檔處理1CSS樣式表1HTML、JavaScript與XML綜合應(yīng)用2JavaScript基礎(chǔ)1上機(jī)12合計(jì)24五、其它項(xiàng)目無(wú)六、有關(guān)說(shuō)明1、教學(xué)和考核方式教學(xué)方法：講授、討論以及逐步增加電化教學(xué)手段?？己朔绞剑罕菊n程屬考查課,考核方式為閉卷?？傇u(píng)成績(jī)由作業(yè)、實(shí)驗(yàn)、平時(shí)測(cè)驗(yàn)及期終考試成績(jī)等組成。2、習(xí)題 課后習(xí)題以實(shí)踐為目的，注重培養(yǎng)學(xué)生的動(dòng)手能力，每個(gè)章節(jié)結(jié)束后提出基于實(shí)際網(wǎng)頁(yè)要求的設(shè)計(jì)題，學(xué)生完成設(shè)計(jì)后在上機(jī)實(shí)驗(yàn)中對(duì)其進(jìn)行驗(yàn)證和修改，以此加強(qiáng)學(xué)生的設(shè)計(jì)能力和動(dòng)手能力。3、能力培養(yǎng)要求從應(yīng)用的角度掌握HTML語(yǔ)言、JavaScript和XML語(yǔ)言的基礎(chǔ)知識(shí)和應(yīng)用技巧，使學(xué)生能夠熟練使用HTML標(biāo)記語(yǔ)言、CSS、JavaScript語(yǔ)言和XML語(yǔ)言知識(shí)來(lái)開(kāi)發(fā)具有典型意義的靜態(tài)網(wǎng)頁(yè)和Web應(yīng)用程序客戶端頁(yè)面，從而為將來(lái)學(xué)生從事動(dòng)態(tài)網(wǎng)站、Web應(yīng)用開(kāi)發(fā)奠定良好的基礎(chǔ)。4、與其它課程和教學(xué)環(huán)節(jié)的聯(lián)