Web程序設計基礎課程教學大綱

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

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

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

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

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

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

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

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

9、悉基本的 XML 語法(3) 理解格式正規(guī)的 XML 文檔的特點(4) 熟悉有效的 XML 文檔的編寫規(guī)則12、基于DOM和JavaScript的XML文檔處理教學內(nèi)容：與XML文檔處理相關的DOM和JavaScript處理機制，包括DOM模型與XML的關系，基于DOM和JavaScript解析與處理XML文檔的方法教學要求：(1)理解 DOM 模型和JavaScript與XML文檔的關系(2)掌握如何使用DOM模型解析 XML 文檔，生成文檔對象(3)掌握使用JavaScript來操縱基于DOM 模型的XML文檔的對象、接口、屬性、方法13、Ajax技術及應用教學內(nèi)容：HTML、JavaSc

10、ript與XML的綜合應用技巧，包括傳統(tǒng)無刷新頁面技術的優(yōu)缺點、Ajax技術的基本應用、JavaScript與插件的基本應用教學要求：(1)理解并能應用傳統(tǒng)無刷新頁面技術，了解其優(yōu)缺點(2)掌握Ajax技術的基本應用(3)掌握JavaScript與插件的基本應用，包括Java aplet、ActiveX控件和Flash14、JQuery及應用教學內(nèi)容：JQuery的特點、JQuery選擇器、 JQuery事件、 JQuery的AJAX、JQuery動畫、JQuery插件、JQuery多文件上傳等應用技術。教學要求：(1)理解并能應用JQuery基本技術，實現(xiàn)用戶界面的設計。(2)掌握運用JQu

11、ery設計動畫、文件上傳、插件等設計方法。三、實踐環(huán)節(jié)和要求實驗目的：通過上機實驗，使學生能夠熟練使用HTML標記語言、CSS、JavaScript語言以及XML語言來開發(fā)具有典型意義的靜態(tài)網(wǎng)頁和Web應用程序客戶端頁面，從而為將來學生從事動態(tài)網(wǎng)站、Web應用開發(fā)奠定良好的基礎實驗項目和學時分配：1、HTML基礎（文本、段落、多媒體、列表、表格、超鏈接、框架） 4學時2、HTML的表單、CSS樣式表、開發(fā)工具的使用 6學時3、JavaScript基礎應用 6學時4、JavaScript與DOM技術實踐 4學時5、XML的基本知識和文檔處理 4學時6、HTML、JavaScript與XML綜合應

12、用 4學時 7、JQuery及其應用 6學時四、教學時數(shù)分配理論： 34 實驗： 上機： 34 其它： 教學內(nèi)容學時分配教學內(nèi)容學時分配HTML的基本標記、文字與段落2HTML開發(fā)工具的使用2HTML的多媒體、列表、表格2XML編程基礎2HTML的超鏈接和框架2基于DOM和JavaScript的XML文檔處理4HTML的表單2Ajax技術及應用4CSS樣式表4JQuery及應用6JavaScript基礎2上機34JavaScript與DOM技術2合計24五、其它項目無六、有關說明1、教學和考核方式教學方法：講授、討論以及逐步增加電化教學手段?？己朔绞剑罕菊n程屬考查課,考核方式為閉卷?？傇u成績由作業(yè)、實驗、平時測驗及期終考試成績等組成。2、習題 課后習題以實踐為目的，注重培養(yǎng)學生的動手能力，每個章節(jié)結束后提出基于實際網(wǎng)頁要求的設計題，學生完成設計后在上機實驗中對其進行驗證和修改，以此加強學生的設計能力和動手能力。3、能力培養(yǎng)要求從應用的角度掌握HTML語言、JavaScript和XML語言的基礎知識和應用技巧，使學生能夠熟練使用HTML標記語言、CSS、JavaScript語言和XML語言知識來開發(fā)具有典型意義的靜態(tài)網(wǎng)頁和Web應用程序客戶端頁面，從而為將來學生從事動態(tài)網(wǎng)站、Web應用開發(fā)奠定良好的基礎。4、與其它