《WEB編程設計》課程教學大綱.doc

WEB編程設計教學大綱 (50學時)一、課程的地位與任務 1、課程性質：WEB編程設計是高等職業(yè)技術學院軟件專業(yè)和計算機網絡專業(yè)開設的一門專業(yè)必修課，是計算機類專業(yè)的一門實踐環(huán)節(jié)課程，也可以作為其他相關專業(yè)的實踐課程或選修課，它是一門操作性和實踐性很強的職業(yè)技術課程。本課程的主要內容為系統(tǒng)介紹HTML、CSS、JavaScript的基本語法及高級應用，從而掌握網站設計的全過程，并能較為熟練地制作出有專業(yè)水準的網站。2 、課程任務：本門課程在專業(yè)教學計劃中起著十分重要的作用，通過這門課程，向學生闡明Web基本工作機制，并使學生具有制作有專業(yè)水準網站的能力，同時該課程是后續(xù)課程的基礎和手段，為學生以后學習A、WEB網站開發(fā)等課程打下良好的基礎。二、課程教學目標 本課程的基本目標是：本課程學習結束后，學生應能自行設計各種網頁、開發(fā)一定規(guī)模的網站，使學生通過本課程的學習，熟練掌握其基本制作方法和技巧，并最終設計一個綜合性的網站并且編制簡單的腳本上傳到互聯(lián)網上。本課程教學應在知識和能力方面達到下述目標：（一）知識教學目標1、理解網站維護管理的意義及重要性，掌握網站設計和發(fā)布的流程。理解服務器、客戶端、瀏覽器的概念和作用；2、理解HTML語言中的各種文本字符格式、列表、表格、框架、表單等各種標記的作用；3、理解在網頁中添加CSS的方法，掌握三種添加樣式信息的方法，會使用CSS設置網頁格式和列表的格式，理解CSS的高級應用。4、理解JavaScript語句在瀏覽器中的執(zhí)行過程. 理解JavaScript的開發(fā)使用。5、深入理解HTML語言、css和JavaScript腳本的語法和應用。（二）能力培養(yǎng)目標1、具備一定的網頁布局設計能力；2、掌握HTML語言、css和JavaScript腳本的語法和應用；3、具備一定的站點建立維護能力；4、具備一定的動態(tài)網頁設計能力；5、能獨立設計制作一般的網站。(三) 知識結構分解圖HTML語法基礎介紹與整體結構網站規(guī)劃與建設文字、段落、列表標記超鏈接、表格、層框架、表單CSS濾鏡特效應用 樣式表基礎CSS樣式高級應用 CSS語法字體文本等基本設置JavaScript應用基本語法事件分析對象應用 網站開發(fā)流程綜合應用網站開發(fā)綜合案例三、教學要求及時數分配必修課時數：50課時；選修課時數：（一）WEB編程設計綜述1、教學內容（1）HTML、CSS、JavaScrtipt代碼片段（2）HTML、CSS、JavaScrtipt各自所扮演的角色（3）如何學習HTML、CSS、JavaScrtipt2、教學要求（1）了解HTML、CSS、JavaScrtipt各自的代碼特點 （2）了解HTML、CSS、JavaScrtipt在網頁設計中所扮演的角色（3）了解HTML、CSS、JavaScrtipt的代碼結構（4）HTML、CSS、JavaScrtipt綜合應用小實例3、重點和難點 （1）重點：了解HTML、CSS、JavaScrtipt在網頁設計中所扮演的角色（2）難點：了解HTML、CSS、JavaScrtipt的代碼結構（二）HTML基礎介紹與HTML文件整體結構1、教學內容（1）HTML文檔結構（2）HTML基本語法（3）HTML文件頭部內容（4）HTML文件主體內容2、教學要求 （1）掌握HTML基本語法（2）理解HTML文件頭部內容中各標記的含義（3）掌握HTML文件主體內容中各標記的含義3、重點和難點重點：掌握HTML文件主體內容中各標記的含義難點：理解HTML文件頭部內容中各標記的含義（三）HTML文字、段落、列表1、教學內容（1）利用HTML編輯文本；（2）利用HTML進行文字修飾和文字效果設計（3）HTML段落標記與列表類型（4）嵌套列表；2、教學要求（1）理解HTML有關文字修飾和文字效果各標記的含義，掌握常用的文字修飾和文字效果標記。（2）掌握段落標記的用法（3）理解HTML有列表類型各標記的含義，掌握常用的列表類型標記。3、重點和難點重點：理解HTML有列表類型各標記的含義，掌握常用的列表類型標記。難點：理解HTML有列表類型各標記的含義，掌握常用的列表類型標記。（四）HTML超鏈接與表格1、教學內容（1）超鏈接概述與路徑類型（2）超鏈接的建立（3）設置圖像映射（4）表格標記與表格標記各屬性的含義2、教學要求（1）深入理解絕對路徑、相對路徑、根相對路徑的概念、意義及用法；（2）掌握超鏈接標記及各屬性的用法；（3）掌握表格標記與表格標記各屬性的用法（4）掌握圖像映射的用法；3、重點和難點 重點：掌握超鏈接的建立，掌握表格標記與表格標記各屬性的含義難點：超鏈接的路徑類型（五）層與框架的應用1、教學內容（1）圖層的創(chuàng)建及屬性設置（2）創(chuàng)建嵌套圖層（3）框架的基本結構（4）浮動框架2、教學要求（1）掌握圖層的創(chuàng)建及屬性設置（2）熟悉框架標記的主要屬性及其設置方法；（3）掌握浮動框架的設置方法。3、重點和難點重點：掌握圖層的創(chuàng)建及屬性設置，熟悉框架標記的主要屬性及其設置方法難點：框架標記的主要屬性及其設置方法，浮動框架的使用（六）表單應用1、教學內容（1）表單概述（2）表單標記及各屬性的含義（3）信息輸入標記及各屬性的含義；（4）表單的實際應用；2、教學要求（1）掌握表單標記及各屬性的含義；（2）深入理解信息輸入標記及各屬性的含義；（3）全面掌握表單的創(chuàng)建、編輯、處理方法，以及各表單對象的功能、特點和用途（包括：復選框、下拉列表框、按鈕）的特點與使用方法；3、重點和難點重點：全面掌握表單的創(chuàng)建、編輯、處理方法難點：表單標記及各屬性的含義（七）CSS樣式表基礎1、教學內容（1）CSS概述（2）CSS使用方法（3）CSS樣式類型（4）編寫CSS文件2、教學要求（1）了解網站中應用CSS的意義，熟練掌握CSS樣式的定義、設置；（2）要求重點掌握CSS的應用。3、重點和難點重點：CSS的使用方法及樣式類型。（八）CSS樣式的基本設置1、教學內容（1）CSS字體設置（2）CSS文本的精細排版（3）CSS顏色和背景的設置（4）CSS邊框和邊距的設置2、教學要求（1）深入理解CSS樣式中各種基本設置標記及各屬性的含義；（2）掌握在Dreamweaver中進行CSS樣式基本設置的方法（2）要求重點掌握CSS的盒模型3、重點和難點重點：深入理解CSS樣式中各種基本設置標記及各屬性的含義難點：CSS的盒模型。（九）JavaScript基本語法1、教學內容（1）JavaScript語言概況（2）JavaScript基本數據類型、運算符（3）JavaScript程序結構、函數（4）小實例修改密碼2、教學要求（1）掌握JavaScript的基本語法結構（2）深入理解JavaScript的數據類型、運算符（3）深入理解JavaScript程序結構、函數（4）掌握JavaScript的函數用法3、重點和難點重點：掌握JavaScript的基本語法結構，掌握JavaScript的函數用法難點：掌握JavaScript的函數用法（十）JavaScrtipt事件與對象1、教學內容（1）JavaScript事件概述（2）JavaScript主要事件及其它常用事件（3）JavaScript對象概述（4）JavaScript瀏覽器內部對象和內置對象2、教學要求（1）深入理解JavaScript的事件運行機制（2）掌握JavaScript的常用事件的用法（3）深入理解JavaScript的對象模型（4）掌握JavaScript常用的瀏覽器內部對象和內置對象3、重點和難點重點：JavaScript 的核心內置對象的方法運用，瀏覽器對象事件處理程序的編寫難點：JavaScript 的核心內置對象的方法運用，瀏覽器對象事件處理程序的編寫（十一）CSS樣式高級應用1、教學內容（1）CSS中列表、定位（2）CSS中層屬性、鼠標指針（3）CSS濾鏡特效的應用2、教學要求（1）掌握CSS中列表、定位的使用（2）掌握CSS中層屬性、鼠標指針的使用（3）了解CSS濾鏡的應用（4）掌握Dreamweaver中CSS高級應用的設置方法3、重點和難點重點：掌握Dreamweaver中CSS高級應用的設置方法難點：了解CSS濾鏡的應用（十二）綜合案例1、教學內容（1）網站開發(fā)流程（2）HTML、CSS、JavaScrtipt綜合開發(fā)案例 2、教學要求（1）掌握網站的開發(fā)流程，了解網站的規(guī)劃與組織。（2）掌握HTML、CSS、JavaScrtipt綜合功能的運用。3、重點和難點重點：全面掌握網站的制作方法難點：全面掌握網站的制作方法學時分配表序號課 程 內 容學 時 數合計講課實踐機動1WEB編程設計綜述4222HTML基礎介紹與HTML文件整體結構4223HTML文字、段落、列表4224HTML超鏈接與表格4225HTML層與框架的應用4226HTML表單應用4227CSS樣式表基礎4228CSS樣式的基本設置4229JavaScript基本語法42210JavaScrtipt事件與對象42211CSS樣式高級應用42212綜合案例6222總 計5024242四、任課教師教學過程中應注意的事項1課堂講授采用多媒體教學，注重講解與示范，充分發(fā)揮多媒體等教學工具的作用；2講解與示范要突出重點，強調要領，精講多練，講練結合；3每章教學學時可在上述學時分配基礎上調動2學時；4因對技術的發(fā)展或者市場的需要，可考慮加強某些方面的教學力度；5在加強對學生專業(yè)知識和技能培訓的同時，注重學生綜合素質和能力的培養(yǎng)五、本課程與其他課程的關系本課程與計算機文化基礎、平面設計網頁設計與制作等課程互相聯(lián)系，互相補充，分別給學生提供計算機基礎知識、網頁制作技術的技能，圖形和動畫的設計與制作，美觀的平面設計技巧等知識的學習。本門課程在專業(yè)教學計劃中起著十分重要的作用，通過這門課程，向學生闡明Web基本工作機制，并使學生具有制作有專業(yè)水準網站的能力，同時該課程是后續(xù)課程的基礎和手段，為學生以后學習A、WEB網站開發(fā)等課程打下良好的基礎。六、教學參考資料主要教材：HTML CSS JavaScrtipt標準教程：實例版 電子工業(yè)出版社 2009年3月參考教材：1、動態(tài)網頁制作教程劉梅彥 黃宏博 編著 清華大學出版社七、課程的考核要求本課程為考查課程,采用階段考核與平時成績相結合的方式。其中：平時成績：作業(yè)完成情況以及課堂提問（或出勤）與課堂小測各占20%、10%、10%，占考核總成績的40%； 階段考核：以課堂測驗或上機考核的方式進行測試，可開卷考試。注：如有條件期末考核可采用無紙化上機考核，占考核總成績的考查科為60%，上機答題時限：90分鐘。 以上兩個成績累計60分以上（包括60分）算考核通過。考核內容和要求參見教學大綱教學內容和教學要求部分。試題的考查要求覆蓋面廣，并適當突出重點。八、有關說明（教學建議） 1、 教學要求的層次本大綱適用于高中后三年制及高職單招的高職教學，對教學要求分為了解、理解和掌握三個層次。了解：指對知識有感性的、初步的認識，能對學習過的知識進行復述和辨認。理解：指對基本概念、基本知識有一定的理性認識，能用正確的語言進行敘述和解釋；對基本操作能按要求正確地完成，并能解釋操作所產生的結果。掌握：在理解的基礎上，