《Web開發(fā)基礎》課程標準

1、Web開發(fā)基礎課程標準表1 課程基本信息課程類別專業(yè)課課程代碼412總學時64 (理論：32實驗：32 )學分3開設學期第九學期適用專業(yè)“3+4”分段貫通應用型本科適用專業(yè)“3+4”分段培養(yǎng)計算機應用技術（中職）與軟件工程（本科）專業(yè)授課方式理論+實驗執(zhí)筆人審核人制定時間2015.01（一）課程性質(zhì)與任務課程性質(zhì)：Web開發(fā)基礎是軟件工程專業(yè)培養(yǎng)課程體系中的一門專業(yè)必修課程，其包含了軟件行業(yè)Web開發(fā)領域的關鍵技術基礎知識（HTML，CSS及JavaScript等）。該課程的設置充分考慮了其在Web開發(fā)領域的關鍵性作用、目前市場廣泛的應用需求和良好的就業(yè)前景，注重學生對理論基礎知識、專業(yè)技能的

2、理解、掌握。課程任務：通過本課程的學習，使學生理解HTML、CSS及JavaScript等基本的理論知識；掌握應用上述理論知識，制作基本網(wǎng)頁、設計網(wǎng)頁布局、實現(xiàn)多樣化及良好客戶體驗的頁面效果等應用技能；培養(yǎng)學生的創(chuàng)新意識，設計特色網(wǎng)頁。（二）課程教學目標通過本課程的學習，使學生掌握Web開發(fā)技術的基本理論知識，具備一定的應用開發(fā)技能，培養(yǎng)學生工程意識、創(chuàng)新能力和素質(zhì)。1. 知識目標（1）了解本課程內(nèi)容在Web開發(fā)領域的定位與作用；（2）了解HTML、CSS及JavaScript技術的發(fā)展脈絡、趨勢及應用前景；（3）掌握HTML中的基本元素、文字與段落元素、圖像元素、列表元素、表格元素、超鏈接元

3、素、多媒體元素、框架元素及表單元素的語法、屬性和參數(shù)等基礎知識；（4）掌握CSS中元素的語法、屬性和參數(shù)等基礎知識；（5）了解網(wǎng)頁布局的幾種方法，掌握使用CSS進行網(wǎng)頁布局、樣式設計的基礎知識；（6）掌握JavaScript中的基本語法知識；（7）掌握JavaScript進行提交內(nèi)容校驗、生成網(wǎng)頁特效等方法。2. 能力目標（1）具備使用HTML制作包含基本內(nèi)容的網(wǎng)頁的能力；（2）具備使用HTML及CSS等技術來設計網(wǎng)頁布局的能力；（3）具備使用JavaScript技術來提高網(wǎng)頁交互性、體驗性的能力；（4）具備綜合使用HTML、CSS與JavaScript的相關知識，來豐富、渲染網(wǎng)頁的能力；（5

4、）具備根據(jù)具體應用需求，創(chuàng)新性地設計網(wǎng)頁的能力。3. 素質(zhì)目標（1）培養(yǎng)學生具備克服困難解決問題的意志；（2）培養(yǎng)學生養(yǎng)成嚴謹認真的科學態(tài)度，耐心細致的工作作風；（3）培養(yǎng)學生具備良好的交流溝通素養(yǎng)和創(chuàng)新精神。（三）參考學時64 (理論：32 實驗：32)（四）課程學分4學分（五）課程內(nèi)容和要求（理論48學時，實驗16學時）本課程的主要內(nèi)容有：HTML，主要包括網(wǎng)頁基本組成元素，網(wǎng)頁框架、超文本鏈接、表單、表格、層等。CSS，產(chǎn)要包括修改網(wǎng)頁元素，主要包括修改文字顏色及背景、調(diào)整字符間距、單詞間距、添加文字修飾、設置文本排列方式、設置段落縮進、調(diào)整行高、轉(zhuǎn)換英文大小寫、設置顏色、設置背景顏色、

5、插入背景圖片、設置背景圖片位置、設計邊框樣式、調(diào)整邊框?qū)挾?、設置邊框顏色、設置邊框?qū)傩缘取avaScript，包括JavaScript基本語法、基本數(shù)據(jù)類型、運算符、函數(shù)、JavaScript事件分析、圖片和多媒體文件的使用、JavaScript對象的應用、瀏覽器內(nèi)部對象、內(nèi)置對象和方法等。本課程要求學生了解web編程技術的產(chǎn)生和發(fā)展過程，會使用HTML編寫網(wǎng)頁，會用CSS對網(wǎng)頁樣式進行設計，會使用JavaScript實現(xiàn)一些客戶端的數(shù)據(jù)驗證及網(wǎng)頁特效，達到一般企業(yè)用人標準。表2 課程內(nèi)容與學時安排表序號教學項目教學內(nèi)容與教學要求活動設計建議參考課時（理論+實驗）1第1章 HTML、CSS、

6、JavaScript綜述1.1 這就是HTML、CSS、JavaScript的代碼1.2 HTML、CSS、JavaScript各自的角色1.3 如何學習HTML、CSS、JavaScript1.4 小實例HTML、CSS、JavaScript的1.4 綜合應用（1）采用理論課講授形式（2）布置學生提前預習，查找資料，課堂講授中，穿插發(fā)言、討論的形式，來進行授課22第2章 HTML基礎介紹2.1 HTML文檔的結構2.2 HTML基本語法2.3 HTML文件的命名2.4 編寫HTML文件的注意事項（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，編寫一個HTML簡單文件進行示例

7、講解23第3章 HTML文件的整體結構3.1 文件頭部內(nèi)容3.2 主體內(nèi)容body（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出關于的程序示例進行講解24實驗1 制作簡單的HTML頁面使用網(wǎng)頁基本組成元素，編寫一個簡單的HTML頁面，運行查看效果（1）采用實驗課形式（2）建議布置學生提前復習所學習的相關HTML元素的語法、屬性及參數(shù)知識25第4章 文字與段落4.1 編輯內(nèi)容4.2 文字效果4.3 文字修飾4.4 段落p4.5 小實例文字網(wǎng)頁（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出關于文字與段落元素的的程序示例進行講解26第5章 建立和使用列

8、表5.1 列表類型5.2 嵌套列表5.3 小實例列表在網(wǎng)頁中的使用（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出關于列表的程序示例進行講解27第6章 超鏈接6.1 超鏈接概述6.2 超鏈接的路徑6.3 超鏈接的建立6.4 設置圖像映射6.5 小實例超鏈接的使用（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出超鏈接的程序示例進行講解28第7章 表格的應用7.1 表格概述7.2 插入表格table7.3 設置表格標記屬性7.4 設置表格行與單元格7.5 表格嵌套7.6 小實例表格在網(wǎng)頁中的應用（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知

9、識外，給出表格相關的程序示例進行講解49實驗2 練習使用表格和和列表要求使用表格、列表對數(shù)據(jù)進行格式化的顯示（1）采用實驗課形式（2）建議布置學生提前復習所學習的表格、列表等元素的語法、屬性及參數(shù)知識210第8章 層的應用8.1 圖層的創(chuàng)建div8.2 創(chuàng)建嵌套圖層8.3 層的屬性設置8.4 小實例圖層的實際應用（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出圖層相關的程序示例進行講解311第9章 框架的應用9.1 框架概述9.2 框架的基本結構9.3 設置框架9.4 設置框架集frameset9.5 浮動框架iframe9.6 在框架上建立鏈接9.7 小實例框架的實際應

10、用（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出框架相關的程序示例進行講解312實驗3 練習使用框架練習使用框架，來規(guī)劃、設計頁面內(nèi)容，包括使用及框架技術（1）采用實驗課形式（2）建議布置學生提前復習所學習的框架元素的語法、屬性及參數(shù)知識213第10章 表單的應用10.1 表單概述10.2 表單標記form10.3 信息輸入input10.4 小實例表單的實際應用（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出表單相關的程序示例進行講解214實驗4 練習使用表單練習使用表單，包括其action及method屬性，并練習使用表單中的元素，包括文本框、

11、列表框、文本域、單選框、復選框和按鈕等內(nèi)容（1）采用實驗課形式（2）建議布置學生提前復習所學習的表單及表單內(nèi)相關元素的語法、屬性及參數(shù)知識215第11章 CSS樣式表基礎11.1 CSS的概述11.2 CSS的使用11.3 插入CSS樣式表11.4 編寫CSS文件（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出使用CSS、編寫簡單CSS的程序示例進行講解216第12章 字體的設置12.1 設置字體font-family12.2 設置字號font-size12.3 設置字體樣式font-style12.4 設置字體加粗font-weight12.5 設置字體變體font-v

12、ariant12.6 組合設置字體屬性font12.7 小實例綜合設置字體（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出通過CSS設置字體相關的程序示例進行講解217實驗5 練習使用CSS對字體進行設置練習使用CSS，在HTML文件里進行調(diào)用，對字體進行設置，包括了對字體、字號、字體樣式、加粗、字體變體、字體屬性等的設置（1）采用實驗課形式（2）建議布置學生提前復習所學習的表單及表單內(nèi)相關元素的語法、屬性及參數(shù)知識218第13章 文本的精細排版13.1 調(diào)整字符間距l(xiāng)etter-spacing13.2 調(diào)整單詞間距word-spacing13.3 添加文字修飾text-

13、decoration13.4 設置文本排列方式text-align13.5 設置段落縮進text-indent13.6 調(diào)整行高line-height13.7 轉(zhuǎn)換英文大小寫text-transform13.8 小實例綜合應用文本屬性（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出CSS對文本進行精密排版相關的程序示例進行講解219實驗6 使用CSS來對文本進行精細排版要求編寫CSS文件，在HTML文件里進行調(diào)用，控制DIV顯示效果，練習調(diào)整字符間距、單詞間距、文字修飾、文本排列方式、段落縮進、行高英文大小寫等內(nèi)容（1）采用實驗課形式（2）建議布置學生提前復習所學習的CS

14、S語法知識220第14章 圖片和多媒體文件的使用14.1 圖片14.2 滾動文字14.3 插入多媒體文件embed14.4 添加背景音樂bgsound14.5 小實例綜合設置圖片和多媒體（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出圖片和多媒體文件相關的程序示例進行講解221第15章 CSS樣式的高級應用15.1 列表15.2 定位15.3 CSS層15.4 鼠標指針cursor15.5 小實例綜合設置層樣式（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出CSS樣式相關高級應用的程序示例進行講解222實驗7 熟練使用CSS+DIV等元素進行網(wǎng)頁布局

15、設計理解網(wǎng)頁布局的幾種方法，重點使用CSS+DIV進行網(wǎng)頁布局設計（1）采用實驗課形式（2）建議布置學生提前復習所學習的使用CSS+DIV的網(wǎng)頁布局知識223第16章 顏色和背景16.1 設置顏色color16.2 設置背景顏色background-color16.3 插入背景圖片background-image16.4 插入背景附件background-attachment16.5 設置重復背景圖片background-repeat16.6 設置背景圖片位置background-position16.7 小實例綜合設置顏色和背景（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外

16、，給出CSS設置顏色和背景相關的程序示例進行講解224第17章 邊框和邊距17.1 設計邊框樣式border-style17.2 調(diào)整邊框?qū)挾萣order-width17.3 設置邊框顏色border-color17.4 設置邊框?qū)傩詁order17.5 邊距margin-top/margin-bottom/margin-left/ margin-right/margin17.6 填充padding-top/padding-bottom/padding-left/ padding- right/padding17.7 小實例綜合設置邊框和邊距（1）采用理論課講授形式（2）布置學生提前預習，除講

17、授基本知識外，給出CSS設置邊框和邊距相關的程序示例進行講解225第18章 JavaScript基礎18.1 JavaScript語言概況18.2 第一個JavaScript程序（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，設計一個簡單的JavaScript程序進行講解226第19章 JavaScript基本語法19.1 基本數(shù)據(jù)類型19.2 運算符19.3 程序結構19.4 函數(shù)19.5 小實例修改密碼（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出相關的程序示例進行講解327第20章 JavaScript事件分析20.1 事件概述20.2 主要事件

18、分析20.3 其他常用事件（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出事件相關的程序示例進行講解328第21章 JavaScript對象的應用21.1 對象概述21.2 瀏覽器內(nèi)部對象21.3 內(nèi)置對象和方法（1）采用理論課講授形式（2）布置學生提前預習，除講授基本知識外，給出JavaScript對象相關的程序示例進行講解229實驗8 編寫JavaScript程序進行頁面驗證要求編寫一個JS程序文件，在另一個文件中對屬性進行賦值，對方法進行引用，能夠進行頁面驗證等功能（1）采用實驗課形式（2）建議布置學生提前復習所學習的JavaScript語法知識2（六）教學建議1. 教學方法本門課程教學中應注意激發(fā)和保持學生的學習興趣，采用靈活的教學方法和先進的教學手段，加強理論與實際的聯(lián)系，加強課前、課后的答疑輔導，組織學生自我經(jīng)驗敘述、討論、問題教學、閱讀指導等。（1）借助范例教學，以點帶面，突出重點在理論