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

下載本文檔

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

文檔簡介

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

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

3、接元素、多媒體元素、框架元素及表單元素的語法、屬性和參數(shù)等基礎(chǔ)知識；（ 4）掌握 CSS中元素的語法、屬性和參數(shù)等基礎(chǔ)知識；（ 5）了解網(wǎng)頁布局的幾種方法，掌握使用CSS進(jìn)行網(wǎng)頁布局、樣式設(shè)計(jì)的基礎(chǔ)知識；（ 6）掌握 JavaScript 中的基本語法知識；（ 7）掌握 JavaScript 進(jìn)行提交內(nèi)容校驗(yàn)、生成網(wǎng)頁特效等方法。2. 能力目標(biāo)。1歡迎下載精品文檔（ 1）具備使用 HTML制作包含基本內(nèi)容的網(wǎng)頁的能力；（ 2）具備使用 HTML及 CSS等技術(shù)來設(shè)計(jì)網(wǎng)頁布局的能力；（ 3）具備使用 JavaScript 技術(shù)來提高網(wǎng)頁交互性、體驗(yàn)性的能力；（ 4）具備綜合使用 HTML、 CS

4、S與 JavaScript 的相關(guān)知識，來豐富、渲染網(wǎng)頁的能力；（ 5）具備根據(jù)具體應(yīng)用需求，創(chuàng)新性地設(shè)計(jì)網(wǎng)頁的能力。3. 素質(zhì)目標(biāo)（ 1）培養(yǎng)學(xué)生具備克服困難解決問題的意志；（ 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)頁基本組成元素，網(wǎng)頁框架、超文本鏈接、表單、表格、層等。CSS，產(chǎn)要包括修改網(wǎng)頁元素，主要包括修改文字顏色及背景、調(diào)整字符間距、單詞間距、添加文字修

5、飾、設(shè)置文本排列方式、設(shè)置段落縮進(jìn)、調(diào)整行高、轉(zhuǎn)換英文大小寫、設(shè)置顏色、設(shè)置背景顏色、插入背景圖片、設(shè)置背景圖片位置、設(shè)計(jì)邊框樣式、調(diào)整邊框?qū)挾取⒃O(shè)置邊框顏色、設(shè)置邊框?qū)傩缘取avaScript ，包括 JavaScript基本語法、基本數(shù)據(jù)類型、 運(yùn)算符、函數(shù)、JavaScript 事件分析、 圖片和多媒體文件的使用、JavaScript對象的應(yīng)用、瀏覽器內(nèi)部對象、內(nèi)置對象和方法等。本課程要求學(xué)生了解web編程技術(shù)的產(chǎn)生和發(fā)展過程， 會(huì)使用 HTML編寫網(wǎng)頁， 會(huì)用 CSS對網(wǎng)頁樣式進(jìn)行設(shè)計(jì)，會(huì)使用JavaScript 實(shí)現(xiàn)一些客戶端的數(shù)據(jù)驗(yàn)證及網(wǎng)頁特效，達(dá)到一般企業(yè)用人標(biāo)準(zhǔn)。表 2 課程

6、內(nèi)容與學(xué)時(shí)安排表序參考課時(shí)教學(xué)項(xiàng)目教學(xué)內(nèi)容與教學(xué)要求活動(dòng)設(shè)計(jì)建議號（理論 +實(shí)驗(yàn)）1.1這就是HTML、 CSS、JavaScript的代碼（ 1 ）采用理論課講授第 1 章 HTML、形式1.2HTML、CSS、JavaScriptCSS、（ 2 ）布置學(xué)生提前預(yù)21各自的角色JavaScript綜1.3習(xí)，查找資料， 課堂講如何學(xué)習(xí) HTML、 CSS、述授中， 穿插發(fā)言、討論JavaScript的形式，來進(jìn)行授課1.4小實(shí)例HTML、。2歡迎下載精品文檔CSS、 JavaScript的1.4綜合應(yīng)用2.1 HTML 文檔的結(jié)構(gòu)（ 1 ）采用理論課講授形式2.2 HTML 基本語法第 2

7、章 HTML基（ 2 ）布置學(xué)生提前預(yù)2.3 HTML 文件的命名22礎(chǔ)介紹2.4編寫 HTML文件的注意習(xí)，除講授基本知識外，編寫一個(gè) HTML簡事項(xiàng)單文件進(jìn)行示例講解（ 1 ）采用理論課講授形式第 3 章 HTML文3.1文件頭部內(nèi)容（ 2 ）布置學(xué)生提前預(yù)233.2主體內(nèi)容 body件的整體結(jié)構(gòu)習(xí)，除講授基本知識外，給出關(guān)于 <body>的程序示例進(jìn)行講解（ 1）采用實(shí)驗(yàn)課形式實(shí)驗(yàn) 1 制作簡使用網(wǎng)頁基本組成元素，（ 2 ）建議布置學(xué)生提HTML 頁24編寫一個(gè)簡單的前復(fù)習(xí)所學(xué)習(xí)的相關(guān)單的 HTML頁面面，運(yùn)行查看效果HTML元素的語法、屬性及參數(shù)知識（ 1 ）采用理論課講授

8、4.1編輯內(nèi)容形式第 4章文字與4.2文字效果（ 2 ）布置學(xué)生提前預(yù)4.325文字修飾習(xí)，除講授基本知識段落4.4段落 p外，給出關(guān)于文字與段4.5小實(shí)例文字網(wǎng)頁落元素的的程序示例進(jìn)行講解（ 1 ）采用理論課講授5.1列表類型形式第 5章建立和5.2嵌套列表（ 2 ）布置學(xué)生提前預(yù)265.3使用列表小實(shí)例列表在網(wǎng)習(xí)，除講授基本知識頁中的使用外，給出關(guān)于列表的程序示例進(jìn)行講解7第6章超鏈接6.1超鏈接概述（ 1 ）采用理論課講授26.2超鏈接的路徑形式。3歡迎下載精品文檔6.3超鏈接的建立（ 2 ）布置學(xué)生提前預(yù)6.4設(shè)置圖像映射習(xí)，除講授基本知識6.5小實(shí)例超鏈接的外，給出超鏈接的程序使用示

9、例進(jìn)行講解7.1表格概述（ 1 ）采用理論課講授7.2插入表格 table 形式7.3設(shè)置表格標(biāo)記屬性（ 2 ）布置學(xué)生提前預(yù)第 7章表格的87.4設(shè)置表格行與單元格4應(yīng)用7.5表格嵌套習(xí)，除講授基本知識外，給出表格相關(guān)的程7.6小實(shí)例表格在網(wǎng)序示例進(jìn)行講解頁中的應(yīng)用（ 1）采用實(shí)驗(yàn)課形式實(shí)驗(yàn) 2練習(xí)使（ 2 ）建議布置學(xué)生提要求使用表格、列表對數(shù)29用表格和和列前復(fù)習(xí)所學(xué)習(xí)的表格、表據(jù)進(jìn)行格式化的顯示列表等元素的語法、 屬性及參數(shù)知識8.1圖層的創(chuàng)建（ 1 ）采用理論課講授div 形式第 8章層的應(yīng) 8.2創(chuàng)建嵌套圖層（ 2 ）布置學(xué)生提前預(yù)3108.3用層的屬性設(shè)置習(xí)，除講授基本知識8.4

10、小實(shí)例圖層的實(shí)外，給出圖層相關(guān)的程際應(yīng)用序示例進(jìn)行講解9.1框架概述9.2框架的基本結(jié)構(gòu)（ 1 ）采用理論課講授9.3設(shè)置框架形式9.4設(shè)置框架集（ 2 ）布置學(xué)生提前預(yù)第 9章框架的311frameset 應(yīng)用9.5浮動(dòng)框架 iframe習(xí)，除講授基本知識外，給出框架相關(guān)的程9.6在框架上建立鏈接序示例進(jìn)行講解9.7小實(shí)例框架的實(shí)際應(yīng)用實(shí)驗(yàn) 3練習(xí)使用框架，來規(guī)劃、（ 1）采用實(shí)驗(yàn)課形式練習(xí)使（ 2 ）建議布置學(xué)生提212設(shè)計(jì)頁面內(nèi)容，包括使用用框架<frameset> 及 <iframe>框前復(fù)習(xí)所學(xué)習(xí)的框架。4歡迎下載精品文檔架技術(shù)元素的語法、 屬性及參數(shù)知識10

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

12、2 CSS 的使用21511.3插入 CSS樣式表習(xí)，除講授基本知識式表基礎(chǔ)外，給出使用 CSS、編11.4編寫 CSS文件寫簡單 CSS的程序示例進(jìn)行講解12.1設(shè)置字體font-family12.2設(shè)置字號font-size（ 1 ）采用理論課講授12.3設(shè)置字 體樣式 形式第 12章 字體font-style（ 2 ）布置學(xué)生提前預(yù)12.4216設(shè)置字 體加粗 習(xí)，除講授基本知識的設(shè)置font-weight外，給出通過 CSS設(shè)置12.5設(shè)置字 體變體 字體相關(guān)的程序示例font-variant進(jìn)行講解12.6組合設(shè) 置字體 屬性 font12.7小實(shí)例 綜 合設(shè)。5歡迎下載精品文檔置字

13、體練習(xí)使用 CSS，在 HTML文（ 1）采用實(shí)驗(yàn)課形式件里進(jìn)行調(diào)用，對字體進(jìn)實(shí)驗(yàn)5 練習(xí)使（ 2 ）建議布置學(xué)生提行設(shè)置，包括了對字體、217 用 CSS 對字體前復(fù)習(xí)所學(xué)習(xí)的表單字號、字體樣式、加粗、進(jìn)行設(shè)置及表單內(nèi)相關(guān)元素的字體變體、字體屬性等的設(shè)置語法、屬性及參數(shù)知識13.1調(diào)整字 符間距 letter-spacing13.2調(diào)整單 詞間距 word-spacing13.3添加文 字修飾 （ 1 ）采用理論課講授text-decoration13.4形式設(shè)置文 本排列 方式第 13（ 2 ）布置學(xué)生提前預(yù)章 文本 text-align21813.5習(xí)，除講授基本知識的精細(xì)排版設(shè)置段 落

14、縮進(jìn) 外，給出 CSS對文本進(jìn)text-indent13.6行精密排版相關(guān)的程調(diào)整行高序示例進(jìn)行講解line-height13.7轉(zhuǎn)換英 文大小 寫 text-transform13.8小實(shí)例 綜 合應(yīng)用文本屬性要求編寫 CSS文件，在 HTML文件里進(jìn)行調(diào)用， 控制 DIV（ 1）采用實(shí)驗(yàn)課形式實(shí)驗(yàn)6使用顯示效果，練習(xí)調(diào)整字符（ 2 ）建議布置學(xué)生提19CSS 來對文本間距、單詞間距、文字修2進(jìn)行精細(xì)排版飾、文本排列方式、段落前復(fù)習(xí)所學(xué)習(xí)的 CSS語法知識縮進(jìn)、行高英文大小寫等內(nèi)容第14章圖片14.1圖片（ 1 ）采用理論課講授14.2滾動(dòng)文字形式20和多媒體文件14.32的使用插入多 媒體

15、文 件（ 2 ）布置學(xué)生提前預(yù) embed習(xí)，除講授基本知識。6歡迎下載精品文檔14.4添加背 景音樂 外，給出圖片和多媒體 bgsound文件相關(guān)的程序示例14.5小實(shí)例 綜 合設(shè)進(jìn)行講解置圖片和多媒體15.1列表（ 1 ）采用理論課講授15.2定位形式15.3 CSS 層（ 2 ）布置學(xué)生提前預(yù)第 15 章 CSS樣2115.4鼠標(biāo)指針習(xí)，除講授基本知識2式的高級應(yīng)用外，給出 CSS樣式相關(guān)cursor15.5小實(shí)例 綜 合設(shè)高級應(yīng)用的程序示例置層樣式進(jìn)行講解實(shí)驗(yàn)7 熟練使（ 1）采用實(shí)驗(yàn)課形式（ 2 ）建議布置學(xué)生提理解網(wǎng)頁布局的幾種方用 CSS+DIV 等22法，重點(diǎn)使用 CSS+DI

16、V 進(jìn)前復(fù)習(xí)所學(xué)習(xí)的使用2元素進(jìn)行網(wǎng)頁行網(wǎng)頁布局設(shè)計(jì)CSS+DIV的網(wǎng)頁布局知布局設(shè)計(jì)識16.1設(shè)置顏色 color16.2設(shè)置背 景顏色 background-color16.3插入背 景圖片 （ 1 ）采用理論課講授background-image形式16.4插入背 景附件 （ 2 ）布置學(xué)生提前預(yù)第 16章 顏色background-attachment22316.5習(xí)，除講授基本知識和背景設(shè)置重 復(fù)背景 圖片外，給出 CSS設(shè)置顏色 background-repeat和背景相關(guān)的程序示16.6設(shè)置背 景圖片 位置例進(jìn)行講解background-position16.7小實(shí)例 綜 合設(shè)置

17、顏色和背景17.1設(shè)計(jì)邊 框樣式 （ 1 ）采用理論課講授第 17章 邊框border-style形式22417.2（ 2 ）布置學(xué)生提前預(yù)和邊距調(diào)整邊 框?qū)挾?border-width習(xí)，除講授基本知識。7歡迎下載精品文檔17.3設(shè)置邊框顏色外，給出 CSS設(shè)置邊框border-color和邊距相關(guān)的程序示17.4設(shè)置邊框?qū)傩岳M(jìn)行講解border17.5邊距margin-top/margin-bottom/margin-left/margin-right/margin17.6填充padding-top/padding-bottom/padding-left/padding- right/p

18、adding17.7小實(shí)例 綜 合設(shè)置邊框和邊距（ 1 ）采用理論課講授形式第18章18.1JavaScript 語言概況（ 2 ）布置學(xué)生提前預(yù)25JavaScript基18.2第一 個(gè) JavaScript習(xí)，除講授基本知識2礎(chǔ)程序外，設(shè)計(jì)一個(gè)簡單的JavaScript 程序進(jìn)行講解19.1基本數(shù)據(jù)類型（ 1 ）采用理論課講授第19章19.2運(yùn)算符形式19.3程序結(jié)構(gòu)（ 2 ）布置學(xué)生提前預(yù)26JavaScript基319.4函數(shù)習(xí)，除講授基本知識本語法19.5小實(shí)例 修 改密外，給出相關(guān)的程序示碼例進(jìn)行講解（ 1 ）采用理論課講授第20章20.1事件概述形式（ 2 ）布置學(xué)生提前預(yù)27J

19、avaScript事20.2主要事件分析3習(xí)，除講授基本知識件分析20.3其他常用事件外，給出事件相關(guān)的程序示例進(jìn)行講解28第21章21.1對象概述（ 1 ）采用理論課講授2。8歡迎下載精品文檔JavaScript對21.2瀏覽器內(nèi)部對象形式象的應(yīng)用21.3內(nèi)置對象和方法（ 2 ）布置學(xué)生提前預(yù)習(xí)，除講授基本知識外，給出 JavaScript對象相關(guān)的程序示例進(jìn)行講解實(shí) 驗(yàn) 8編 寫要求編寫一個(gè)JS 程序文（ 1）采用實(shí)驗(yàn)課形式件，在另一個(gè)文件中對屬JavaScript程（ 2 ）建議布置學(xué)生提29性進(jìn)行賦值，對方法進(jìn)行2序進(jìn)行頁面驗(yàn)引用，能夠進(jìn)行頁面驗(yàn)證前復(fù)習(xí)所學(xué)習(xí)的證JavaScript 語法知識等功能（六）教學(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)敘述、 討論、問題教學(xué)、閱讀指導(dǎo)等。（ 1）借助范例教學(xué)，以點(diǎn)帶面，突出重點(diǎn)在理論知識講授過程中，應(yīng)適當(dāng)選取基本點(diǎn)、 重點(diǎn)內(nèi)容，對其設(shè)計(jì)相關(guān)范例， 進(jìn)行教學(xué)，來提高、鞏固學(xué)生

溫馨提示

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

評論

0/150

提交評論