Web開(kāi)發(fā)基礎(chǔ)課程標(biāo)準(zhǔn)_第1頁(yè)
Web開(kāi)發(fā)基礎(chǔ)課程標(biāo)準(zhǔn)_第2頁(yè)
Web開(kāi)發(fā)基礎(chǔ)課程標(biāo)準(zhǔn)_第3頁(yè)
Web開(kāi)發(fā)基礎(chǔ)課程標(biāo)準(zhǔn)_第4頁(yè)
Web開(kāi)發(fā)基礎(chǔ)課程標(biāo)準(zhǔn)_第5頁(yè)
已閱讀5頁(yè)，還剩5頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、«Web開(kāi)發(fā)基礎(chǔ)課程標(biāo)準(zhǔn)表i課程基本信息課程類別專業(yè)課總學(xué)時(shí)64(理論：實(shí)驗(yàn)：32 )學(xué)分3開(kāi)設(shè)學(xué)期第九學(xué)期適用專業(yè)“3+4”分段培養(yǎng)計(jì)算機(jī)應(yīng)用技術(shù)(中職)與軟件工程(本科)專業(yè)授課方式理論+實(shí)驗(yàn)執(zhí)筆人審核人制定時(shí)間(一)課程性質(zhì)與任務(wù)課程性質(zhì)：Web開(kāi)發(fā)基礎(chǔ)是軟件工程專業(yè)培養(yǎng)課程體系中的一門專業(yè)必修課程，其包含了軟件行業(yè) WebFF發(fā)領(lǐng)域的關(guān)鍵技術(shù)基礎(chǔ)知識(shí)( HTML CSS及JavaScript等)。該課程 的設(shè)置充分考慮了其在 Web開(kāi)發(fā)領(lǐng)域的關(guān)鍵性作用、目前市場(chǎng)廣泛的應(yīng)用需求和良好的就業(yè) 前景，注重學(xué)生對(duì)理論基礎(chǔ)知識(shí)、專業(yè)技能的理解、掌握。課程任務(wù)：通過(guò)本課程的學(xué)習(xí)，使學(xué)生理

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

3、素的語(yǔ)法、屬性和參數(shù)等基礎(chǔ)知識(shí)；(4) 掌握CSS中元素的語(yǔ)法、屬性和參數(shù)等基礎(chǔ)知識(shí)；(5) 了解網(wǎng)頁(yè)布局的幾種方法，掌握使用CSS進(jìn)行網(wǎng)頁(yè)布局、樣式設(shè)計(jì)的基礎(chǔ)知識(shí)；(6)掌握J(rèn)avaScript 中的基本語(yǔ)法知識(shí)；(7)掌握J(rèn)avaScript進(jìn)行提交內(nèi)容校驗(yàn)、生成網(wǎng)頁(yè)特效等方法。2.能力目標(biāo)(1)具備使用HTML制作包含基本內(nèi)容的網(wǎng)頁(yè)的能力；(2)具備使用HTMLM CSS?技術(shù)來(lái)設(shè)計(jì)網(wǎng)頁(yè)布局的能力；(3)具備使用JavaScript技術(shù)來(lái)提高網(wǎng)頁(yè)交互性、體驗(yàn)性的能力；(4)具備綜合使用 HTML CSS與JavaScript的相關(guān)知識(shí)，來(lái)豐富、渲染網(wǎng)頁(yè)的能力；(5)具備根據(jù)具體應(yīng)用需求，

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

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

6、t 綜述這就是 HTML、CSS、JavaScript 的代碼HTML、CSS JavaScript各自的角色如何學(xué)習(xí) HTML CSSJavaScript小實(shí)例 HTML CSS(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，查找資料，課堂講 授中，穿插發(fā)言、討論 的形式，來(lái)進(jìn)行授課2JavaScript 的綜合應(yīng)用2第2章HTML基礎(chǔ)介紹HTML文檔的結(jié)構(gòu)HTML基本語(yǔ)法HTML文件的命名編寫HTML文件的注意事項(xiàng)(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，編寫一個(gè) HTML簡(jiǎn) 單文件進(jìn)行示例講解23第3章HTML文件的整體結(jié)構(gòu)文件頭部?jī)?nèi)容主體內(nèi)容v bod

7、y>(1 )采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出關(guān)于 <body>的 程序示例進(jìn)行講解24實(shí)驗(yàn)1制作簡(jiǎn) 單的HTM助面使用網(wǎng)頁(yè)基本組成兀素，編寫一個(gè)簡(jiǎn)單的HTML頁(yè)面，運(yùn)行查有效果(1)采用實(shí)驗(yàn)課形式(2)建議布置學(xué)生提前復(fù)習(xí)所學(xué)習(xí)的相關(guān)HTML元素的語(yǔ)法、屬性及參數(shù)知識(shí)25第4章義字與段落編輯內(nèi)容義字效果義字修飾段落v p>小實(shí)例文字網(wǎng)貝(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出關(guān)于文字與段 落元素的的程序示例 進(jìn)行講解26第5章建立和使用列表列表類型嵌套列表小實(shí)例列表在網(wǎng)貝中的使用(1)采用理論課講

8、授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出關(guān)于列表的程 序示例進(jìn)行講解27第6章超鏈接超鏈接概述超鏈接的路徑(1)采用理論課講授形式2超鏈接的建立設(shè)置圖像映射小實(shí)例超鏈接的使用(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出超鏈接的程序 示例進(jìn)行講解8第7章表格的應(yīng)用表格概述插入表格v table >設(shè)置表格標(biāo)記屬性設(shè)置表格行與單元格表格嵌套小實(shí)例表格在網(wǎng)貝中的應(yīng)用(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出表格相關(guān)的程 序示例進(jìn)行講解49實(shí)驗(yàn)2練習(xí)使用表格和和列表要求使用表格、列表對(duì)數(shù)據(jù)進(jìn)行格式化的顯示(1)采用實(shí)驗(yàn)課形式(2)建議布置

9、學(xué)生提前復(fù)習(xí)所學(xué)習(xí)的表格、 列表等元素的語(yǔ)法、屬性及參數(shù)知識(shí)210第8章層的應(yīng)用圖層的創(chuàng)建一一vdiv >創(chuàng)建嵌套圖層層的屬性設(shè)置小實(shí)例一一圖層的實(shí)際應(yīng)用(1 )采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出圖層相關(guān)的程 序示例進(jìn)行講解311第9章框架的應(yīng)用框架概述框架的基本結(jié)構(gòu)設(shè)置框架設(shè)置 框架集v frameset>浮動(dòng)框架v iframe >在框架上建立鏈接小實(shí)例一一框架的實(shí)際應(yīng)用(1 )采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出框架相關(guān)的程 序示例進(jìn)行講解312實(shí)驗(yàn)3練習(xí)使用框架練習(xí)使用框架，來(lái)規(guī)劃、設(shè)計(jì)頁(yè)面內(nèi)容，包

10、括使用<frameset> 及 <iframe> 框(1)采用實(shí)驗(yàn)課形式(2)建議布置學(xué)生提前復(fù)習(xí)所學(xué)習(xí)的框架2架技術(shù)兀素的語(yǔ)法、屬性及參數(shù)知識(shí)13第10章表單的應(yīng)用表單概述表單標(biāo)記v form >信息輸入v input >小實(shí)例表單的實(shí)際應(yīng)用(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出表單相關(guān)的程 序示例進(jìn)行講解214實(shí)驗(yàn)4練習(xí)使用表單練習(xí)使用表單，包括其 action 及 method 屬性，并 練習(xí)使用表單中的元素， 包括文本框、列表框、文 本域、單選框、復(fù)選框和 按鈕等內(nèi)容(1)采用實(shí)驗(yàn)課形式(2)建議布置學(xué)生提前復(fù)習(xí)

11、所學(xué)習(xí)的表單 及表單內(nèi)相關(guān)元素的 語(yǔ)法、屬性及參數(shù)知識(shí)215第11章CSS樣式表基礎(chǔ)CSS的概述CSS的使用插入CSS樣式表編寫CSS文件(1 )采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出使用CSS編 寫簡(jiǎn)單CSS勺程序示例 進(jìn)行講解216第12章字體的設(shè)置設(shè) 置 字體 一一font-family設(shè)置子號(hào)font-size設(shè)置字體樣式font-style設(shè)置字體加粗一一font-weight設(shè)置字體變體一一font-variant組合設(shè)置字體屬性一一font小實(shí)例一一綜合設(shè)置字體(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出通過(guò)CSS設(shè)

12、置 字體相關(guān)的程序示例 進(jìn)行講解217實(shí)驗(yàn)5練習(xí)使 用CSS對(duì)字體 進(jìn)行設(shè)置練習(xí)使用 CSS在HTML文 件里進(jìn)行調(diào)用，對(duì)字體進(jìn) 行設(shè)置，包括了對(duì)字體、 字號(hào)、字體樣式、加粗、字體變體、字體屬性等的 設(shè)置(1)采用實(shí)驗(yàn)課形式(2)建議布置學(xué)生提前復(fù)習(xí)所學(xué)習(xí)的表單 及表單內(nèi)相關(guān)元素的 語(yǔ)法、屬性及參數(shù)知識(shí)218第13章文本的精細(xì)排版調(diào)整字符間距一一letter-spacing調(diào)整單詞間距word-spacing添加文字修飾一一text-decoration設(shè)置文本排列方式一一text-align設(shè)置段落縮進(jìn)text-indent調(diào) 整 行 tWj line-height轉(zhuǎn)換英文大小寫一一text

13、-transform小實(shí)例一一綜合應(yīng)用文本屬性(1 )采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出CSS對(duì)文本進(jìn) 行精密排版相關(guān)的程 序示例進(jìn)行講解219實(shí)驗(yàn)6使用CSS來(lái)對(duì)文本進(jìn)行精細(xì)排版要求編寫CSSt件，在HTML 文件里進(jìn)行調(diào)用，控制DIV 顯示效果，練習(xí)調(diào)整字符 間距、單詞間距、文字修 飾、文本排列方式、段落 縮進(jìn)、行高英文大小寫等 內(nèi)容(1)采用實(shí)驗(yàn)課形式(2)建議布置學(xué)生提前復(fù)習(xí)所學(xué)習(xí)的CSS吾法知識(shí)220第14章圖片和多媒體文件的使用圖片滾動(dòng)義字插入多媒體文件一一Vembed>添加背景首樂(lè)一一V(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，

14、除講授基本知識(shí) 外，給出圖片和多媒體2bgsound >小實(shí)例一一綜合設(shè)置圖片和多媒體文件相關(guān)的程序示例進(jìn)行講解21第15章CSS樣式的高級(jí)應(yīng)用列表定位CSS層鼠標(biāo)指針cursor小實(shí)例一一綜合設(shè)置層樣式(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出CSS羊式相關(guān) 高級(jí)應(yīng)用的程序示例 進(jìn)行講解222實(shí)驗(yàn)7熟練使用 CSS+DIV 等兀素進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)理解網(wǎng)頁(yè)布局的幾種方法，重點(diǎn)使用 CSS+DIV進(jìn)行網(wǎng)貝布局設(shè)計(jì)(1)采用實(shí)驗(yàn)課形式(2)建議布置學(xué)生提前復(fù)習(xí)所學(xué)習(xí)的使用CSS+DIV的網(wǎng)頁(yè)布局知識(shí)223第16章顏色和背景設(shè)置顏色color設(shè)置背景顏色一一b

15、ackground-color插入背景圖片一一background-image插入背景附件一一background-attachment設(shè)置重復(fù)背景圖片一一background-repeat設(shè)置背景圖片位置一一background-position小實(shí)例一一綜合設(shè)置顏色和背景(1 )采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出CSS設(shè)置顏色 和背景相關(guān)的程序示 例進(jìn)行講解224第17章邊框和邊距設(shè)計(jì)邊框樣式border-style調(diào)整邊框?qū)挾纫灰籦order-width設(shè)置邊框顏色一一border-color(1 )采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授

16、基本知識(shí) 外，給出CSS設(shè)置邊框 和邊距相關(guān)的程序示2設(shè)置邊框?qū)傩詁order邊.品巨margin-top/margin-bottom/margin-left/margin-right/margin填充一一padding-top/padding-bottom/padding-left/padding- right/padding小實(shí)例一一綜合設(shè)置邊框和邊距例進(jìn)行講解25第 18 章JavaScript 基礎(chǔ)JavaScript 語(yǔ)百概況 愛(ài)-個(gè)JavaScript 程序(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，設(shè)一個(gè)簡(jiǎn)單的 JavaScript程序進(jìn)行講解226第

17、 19 章JavaScript 基本語(yǔ)法基本數(shù)據(jù)類型運(yùn)算符程序結(jié)構(gòu)函數(shù)小實(shí)例一一修改密碼(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出相關(guān)的程序示 例進(jìn)行講解327第 20 章JavaScript 事件分析事件概述主要事件分析其他常用事件(1)采用理論課講授 形式(2)布置學(xué)生提前預(yù) 習(xí)，除講授基本知識(shí) 外，給出事件相關(guān)的程 序示例進(jìn)行講解328第 21 章JavaScript 對(duì)象的應(yīng)用對(duì)象概述瀏覽器內(nèi)部對(duì)象內(nèi)置對(duì)象和方法(1 )采用理論課講授形式(2)布置學(xué)生提前預(yù)2習(xí)，除講授基本知識(shí)外，給出 JavaScript對(duì)象相關(guān)的程序示例進(jìn)行講解29實(shí)驗(yàn)8編寫Jav

18、aScript 程序進(jìn)行頁(yè)面驗(yàn)證要求編寫一個(gè) JS程序文 件，在另一個(gè)文件中對(duì)屬 性進(jìn)行賦值，對(duì)方法進(jìn)行 引用，能夠進(jìn)行頁(yè)面驗(yàn)證 等功能(1)采用實(shí)驗(yàn)課形式(2)建議布置學(xué)生提 前復(fù)習(xí)所學(xué)習(xí)的JavaScript 語(yǔ)法知識(shí)2(六)教學(xué)建議1 .教學(xué)方法本門課程教學(xué)中應(yīng)注意激發(fā)和保持學(xué)生的學(xué)習(xí)興趣，采用靈活的教學(xué)方法和先進(jìn)的教學(xué)手段，加強(qiáng)理論與實(shí)際的聯(lián)系， 加強(qiáng)課前、課后的答疑輔導(dǎo)，組織學(xué)生自我經(jīng)驗(yàn)敘述、討論、問(wèn)題教學(xué)、閱讀指導(dǎo)等。(1)借助范例教學(xué)，以點(diǎn)帶面，突出重點(diǎn)在理論知識(shí)講授過(guò)程中， 應(yīng)適當(dāng)選取基本點(diǎn)、 重點(diǎn)內(nèi)容，對(duì)其設(shè)計(jì)相關(guān)范例， 進(jìn)行教學(xué)， 來(lái)提高、鞏固學(xué)生對(duì)該理論知識(shí)的認(rèn)知水平，讓學(xué)生可以理論結(jié)合實(shí)踐，不僅限于紙面，更可深入到具體的范例場(chǎng)景，加深理解。(2)分組討論式教學(xué)方法。學(xué)生按照要求，進(jìn)行預(yù)習(xí)、查閱資料等， 在課堂上再根據(jù)教師的問(wèn)題進(jìn)行分組討論，并由各組選派一名同學(xué)發(fā)言回答老師所提問(wèn)題，并由本組的其他同學(xué)補(bǔ)充，講述完畢后，由教師及其他各組的同學(xué)討論、提問(wèn)。2 .評(píng)價(jià)方法本課程的教學(xué)環(huán)節(jié)包括課堂講授，課堂討論和期末考試。通過(guò)加強(qiáng)基礎(chǔ)、面向?qū)嶋H、引導(dǎo)思維、啟發(fā)創(chuàng)新，使學(xué)生獲得理論知識(shí)，培養(yǎng)理論聯(lián)系實(shí)際的能力?？傇u(píng)成績(jī)=過(guò)程性考核(30%) + 終結(jié)性考核

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論