《Web前端開發(fā)技術(shù)A》教學(xué)大綱_第1頁
《Web前端開發(fā)技術(shù)A》教學(xué)大綱_第2頁
《Web前端開發(fā)技術(shù)A》教學(xué)大綱_第3頁
《Web前端開發(fā)技術(shù)A》教學(xué)大綱_第4頁
《Web前端開發(fā)技術(shù)A》教學(xué)大綱_第5頁
已閱讀5頁，還剩9頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

《Web前端開發(fā)技術(shù)A》教學(xué)大綱適用范圍：202X版本科人才培養(yǎng)方案課程代碼：08150481課程性質(zhì)：專業(yè)選修課學(xué)分：4學(xué)分學(xué)時：64學(xué)時（理論48學(xué)時，實驗16學(xué)時）先修課程：信息處理技術(shù)、C程序設(shè)計A等后續(xù)課程：企業(yè)框架開發(fā)技術(shù)等適用專業(yè)：數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)開課單位：計算機科學(xué)與技術(shù)學(xué)院一、課程說明《Web前端開發(fā)技術(shù)A》課程是數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)專業(yè)的一門專業(yè)選修課程，以Web基本概念和Web標準為基準點、通過對Web前端主流開發(fā)技術(shù)的學(xué)習(xí)和研究，讓學(xué)生理解和掌握HTML基本語法格式、HTML5新增元素、CSS基礎(chǔ)知識、CSS3的相關(guān)知識，通過這門課程的教學(xué)，不僅培養(yǎng)學(xué)生開發(fā)和設(shè)計Web站點的基本技能，更要使學(xué)生充分了解Web思想、web前端開發(fā)的主流框架使用，為進一步學(xué)習(xí)后續(xù)移動應(yīng)用開發(fā)課程打下良好的基礎(chǔ)。本課程的主要任務(wù)是讓學(xué)生熟悉W3C規(guī)范，理解HTML5、CSS3的語法規(guī)則，掌握常用的Web頁面布局技術(shù)，理解并能夠應(yīng)用HTML5+CSS3進行頁面排版布局，最終能夠綜合使用所學(xué)技術(shù)編寫符合標準的Web頁面。本課程教學(xué)基本要求是讓學(xué)生理解Web設(shè)計的基本原則、欄目和網(wǎng)站目錄結(jié)構(gòu)定義、開發(fā)工具的選用、標準頁面布局方法、導(dǎo)航菜單制作、圖文排版、頁面交互等方面的基礎(chǔ)知識；能夠熟練運用HTML5中的各種標記語言設(shè)計制作網(wǎng)頁；熟練掌握CSS3對網(wǎng)頁進行布局和修飾的基本方法二、課程目標通過本課程的學(xué)習(xí)，使學(xué)生達到如下目標：課程目標1：了解Web前端開發(fā)技術(shù)的相關(guān)概念、設(shè)計思想、開發(fā)技術(shù)及發(fā)展趨勢，具備Web前端設(shè)計的復(fù)合知識結(jié)構(gòu)；理解HTML5、CSS3、JavaScript等語法規(guī)則、盒模型、HTML5+CSS3排版布局的基礎(chǔ)知識、JS相關(guān)框架的使用。課程目標2：理解HTML5、CSS3、JavaScript等語法規(guī)則、盒模型、HTML5+CSS3排版布局的基礎(chǔ)知識；熟練運用Web前端多種開發(fā)技術(shù)，能夠完成Web頁面開發(fā)；掌握網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)相關(guān)領(lǐng)域的前沿技術(shù)，具備能夠在Web網(wǎng)站開發(fā)領(lǐng)域開展創(chuàng)新性工作的能力。課程目標3：理解Web前端開發(fā)有關(guān)的行業(yè)標準、常用框架以及相關(guān)知識產(chǎn)權(quán)、行業(yè)政策等；掌握Web頁面設(shè)計的基本理論和排版原則、核心知識點；培養(yǎng)學(xué)生使用馬克思主義的世界觀和方法論認識、分析和綜合解決問題的能力；讓學(xué)生在學(xué)好專業(yè)知識的同時堅定理想信念，不斷增強科技強國的使命感和責任感。三、課程目標與畢業(yè)要求《Web前端開發(fā)技術(shù)A》課程教學(xué)目標對數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)專業(yè)畢業(yè)要求的支撐見表1。表1課程教學(xué)目標與畢業(yè)要求關(guān)系畢業(yè)要求指標點課程目標支撐強度3.設(shè)計/開發(fā)解決方案3.3能夠在社會、健康、安全、法律、文化等現(xiàn)實約束下，對設(shè)計方案的可行性進行研究，并對其進行優(yōu)選和改進，體現(xiàn)創(chuàng)新意識。課程目標1：了解Web前端開發(fā)技術(shù)的相關(guān)概念、設(shè)計思想、開發(fā)技術(shù)及發(fā)展趨勢，具備Web前端設(shè)計的復(fù)合知識結(jié)構(gòu)；理解HTML5、CSS3、JavaScript等語法規(guī)則、盒模型、HTML5+CSS3排版布局的基礎(chǔ)知識、JS相關(guān)框架的使用。H5.使用現(xiàn)代工具5.3能夠使用現(xiàn)代工程工具對復(fù)雜軟件工程問題和設(shè)計方案進行預(yù)測與模擬，理解其局限性。課程目標2：理解HTML5、CSS3、JavaScript等語法規(guī)則、盒模型、HTML5+CSS3排版布局的基礎(chǔ)知識；熟練運用Web前端多種開發(fā)技術(shù)，能夠完成Web頁面開發(fā)；掌握網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)相關(guān)領(lǐng)域的前沿技術(shù)，具備能夠在Web網(wǎng)站開發(fā)領(lǐng)域開展創(chuàng)新性工作的能力。H6.工程與社會6.2能夠分析軟件工程與社會各因素之間的關(guān)系，合理評價復(fù)雜工程問題對社會、健康、安全、法律以及文化的影響，并理解應(yīng)承擔的責任。課程目標3：理解Web前端開發(fā)有關(guān)的行業(yè)標準、常用框架以及相關(guān)知識產(chǎn)權(quán)、行業(yè)政策等；掌握Web頁面設(shè)計的基本理論和排版原則、核心知識點；培養(yǎng)學(xué)生使用馬克思主義的世界觀和方法論認識、分析和綜合解決問題的能力；讓學(xué)生在學(xué)好專業(yè)知識的同時堅定理想信念，不斷增強科技強國的使命感和責任感M注：表中“H（高）、M（中）”表示課程與相關(guān)畢業(yè)要求的關(guān)聯(lián)度。四、教學(xué)內(nèi)容、基本要求與學(xué)時分配1.理論部分理論部分的教學(xué)內(nèi)容、基本要求與學(xué)時分配見表2。表2教學(xué)內(nèi)容、基本要求與學(xué)時分配教學(xué)內(nèi)容教學(xué)要求，教學(xué)重點難點理論學(xué)時實驗學(xué)時對應(yīng)的課程目標1Web前端開發(fā)技術(shù)綜述1.1Web概述1.2Web前端開發(fā)職業(yè)需求1.3Web前端開發(fā)技術(shù)1.4Web前端開發(fā)工具1.5瀏覽器工具教學(xué)要求：了解Web起源理解Web特點理解Web工作原理掌握Web相關(guān)概念，掌握URL構(gòu)成、Web服務(wù)器、超鏈接基本概念。了解Web前端開發(fā)職業(yè)需求理解CSS在Web頁面設(shè)計中作用理解JavaScript在Web頁面設(shè)計中作用了解HTMLDOM、BOM及AJAX在頁面設(shè)計中的作用了解jQuery含義及基本用途熟悉常用五類瀏覽器安裝與使用重點：理解HTML概念及在網(wǎng)頁中的作用，理解HTML文檔定義。掌握EditPlus、AdobeDreamweaver、SublimeText、WebStorm、HBuilder等開發(fā)工具。212HTML基礎(chǔ)2.1HTML文檔結(jié)構(gòu)2.2頭部2.3主體2.4HTML基本語法2.5注釋2.6HTML文檔編寫規(guī)范2.7HTML文檔類型<!DOCTYPE>教學(xué)要求：掌握兩種注釋標記的使用方法及作用，重點掌握<!---->標記的使用。掌握HTML代碼書寫規(guī)范掌握HTML文檔命名規(guī)則了解3種HTML文檔類型和HTML5的DTD定義方法。掌握綜合實例中所使用的標記語法重點：理解HTML文檔組成結(jié)構(gòu)掌握HTML頭部標記作用及標題標記、元信息meta標記的語法掌握HTML主體標記作用掌握主體標記主要屬性及其設(shè)置方法掌握標記類型語法及HTML屬性語法41、23格式化文本與段落3.1Web頁面初步設(shè)計3.2格式化文本標記3.3段落與排版標記教學(xué)要求：掌握標題字標記語法及對齊屬性的設(shè)置方法掌握添加空格、特殊符號的方法掌握文本修飾標記的使用方法了解計算機輸出標記的使用方法理解引用和術(shù)語標記的使用方法掌握換行、水平分隔線、拼音/音標注釋ruby標記和rt/rp標記拼音/音標注釋ruby標記和rt/rp標記、預(yù)格式化、塊引用等標記的使用及屬性設(shè)置重點：掌握在<body>添加文字信息的方法掌握字體font標記的face、size、color屬性語法掌握段落p標記語法及align屬性的設(shè)置224列表4.1列表概述4.2無序列表4.3有序列表4.4列表嵌套4.5定義列表教學(xué)要求：了解列表的定義和常用列表的分類了解使用有序列表項value屬性改變列表項編號理解列表的type與列表項type屬性沖突時對列表項編號的影響重點：掌握無序列表基本語法掌握有序列表基本語法掌握無序列表與有序列表嵌套的方法掌握定義列表基本語法理解定義列表與無序、有序列表的外在表現(xiàn)上的差異難點：學(xué)會使用列表type屬性的改變列表的符號樣式學(xué)會使用列表type、start屬性的改變列表的編號樣式理解定義列表與無序、有序列表的外在表現(xiàn)上的差異225超鏈接與浮動框架5.1超鏈接概述5.2超鏈接語法、路徑及分類5.3超鏈接的應(yīng)用5.4浮動框架教學(xué)要求：理解超鏈接中路徑的分類和應(yīng)用場合掌握創(chuàng)建HTTP文件下載鏈接的語法掌握浮動框架使用語法和使用方法。重點：掌握超鏈接基本語法及href、target、title等屬性的設(shè)置方法掌握內(nèi)鏈接、外鏈接的定義方法掌握FTP站點訪問鏈接的基本語法及創(chuàng)建方法掌握圖像超鏈接的基本語法及創(chuàng)建方法掌握電子郵件鏈接的基本語法及創(chuàng)建方法掌握書簽鏈接的基本語法及創(chuàng)建方法難點：掌握書簽鏈接的基本語法及創(chuàng)建方法4226圖像與多媒體文件6.1圖像6.2滾動文字6.3音頻、視頻及Flash文件教學(xué)要求：掌握<img>標記基本語法掌握滾動文字標記的基本語法重點：會利用<img>屬性src、width、height、border、alt、hspace、vspace、align等來修飾圖像學(xué)會利用滾動文字標記的direction、behavior、loop、scrollamount、scrolldelay等屬性來設(shè)置滾動文字的效果學(xué)會正確設(shè)置<embed>標記的src、loop、autostart、width、height等屬性。難點：掌握<embed>標記的語法。222、37CSS基礎(chǔ)7.1CSS概念7.2使用CSS控制Web頁面7.3CSS繼承與層疊教學(xué)要求：了解CSS基本概念了解傳統(tǒng)HTML的缺點了解CSS的特點了解CSS的優(yōu)勢了解CSS編輯方法掌握CSS的基本語法掌握CSS選擇器類型（包括標記選擇器、類選擇器、id選擇器、偽類選擇器、屬性選擇器等）理解CSS的繼承與層疊區(qū)別重點：掌握CSS選擇器聲明類型(2)掌握CSS定義與引用方法（包括內(nèi)聯(lián)樣式表(行內(nèi)樣式表)、內(nèi)部樣式表、外部樣式表（鏈接外部樣式表、導(dǎo)入外部樣式表等。）222、38DIV與SPAN8.1div圖層8.2圖層嵌套與層疊8.3div標記與span標記教學(xué)要求：掌握div定義方法學(xué)會設(shè)置div圖層的屬性學(xué)會使用多個<div>進行頁面布局(4)學(xué)會使用圖層嵌套與圖層層疊(5)理解div標記與span標記的使用區(qū)別222、39CSS樣式屬性9.1CSS屬性中的單位9.2CSS字體樣式9.3CSS文本樣式9.4CSS顏色與背景9.5CSS列表樣式9.6CSS盒模型教學(xué)要求：掌握CSS屬性中絕對單位與相對單位掌握字體font-size、font-style、font-variant、font-weight、font-family等屬性的設(shè)置方法掌握字體font復(fù)合屬性的設(shè)置方法掌握letter-spacing、text-indent、text-decoration、text-transform、text-align、vertical-align、line-height等排版樣式屬性的設(shè)置方法掌握顏色屬性的設(shè)置方法掌握背景background-color、background-image、background-repeat、background-attachment、background-position等子屬性的設(shè)置方法掌握背景復(fù)合屬性background的設(shè)置方法掌握列表樣式語法，學(xué)會使用list-style-type、list-style-image、list-style-position等屬性美化列表的外觀理解CSS盒模型結(jié)構(gòu)學(xué)會設(shè)置邊界margin、邊框?qū)傩詁order、填充屬性padding及其子屬性的設(shè)置方法422、310DIV+CSS頁面布局10.1頁面布局設(shè)計10.2導(dǎo)航菜單設(shè)計教學(xué)要求：能夠根據(jù)常規(guī)頁面布局編寫出DIV結(jié)構(gòu)和定義出CSS樣式學(xué)會使用DIV+CSS實現(xiàn)簡單Web頁面布局掌握一級水平導(dǎo)航菜單的設(shè)計方法掌握二級水平導(dǎo)航菜單的設(shè)計方法222、311表格11.1表格11.2表格標記11.3表格屬性設(shè)置11.4設(shè)置表格行的屬性11.5設(shè)置單元格的屬性11.6表格嵌套教學(xué)要求：熟悉常用表格的標記及作用掌握表格邊框及邊框樣式屬性設(shè)置方法掌握表格寬度、高度的設(shè)置方法掌握表格的背景顏色和背景圖像的設(shè)置方法掌握表格邊框樣式屬性的設(shè)置方法掌握表格單元格間距、邊距的設(shè)置方法掌握表格水平對齊屬性的設(shè)置方法掌握表格行內(nèi)容水平和垂直對齊的設(shè)置方法學(xué)會運用表格嵌套技術(shù)實現(xiàn)一般網(wǎng)頁布局重點：掌握<table>標記語法及所有表格標記的語法會利用<table><tr><td>繪制簡易表格學(xué)會使用表格標題<caption>、<th>標記定義表格標題和表頭掌握單元格跨行屬性rowspan設(shè)置方法掌握單元格跨列屬性colspan設(shè)置方法222、312表單12.1表單概述12.2定義域和域標題12.3表單信息輸入12.4多行文本輸入框12.5下拉列表框教學(xué)要求：(1)掌握域和域標題標記的基本語法,學(xué)會使用域和域標題標記設(shè)置表單分區(qū)(2)掌握單行文本輸入框的屬性設(shè)置方法(3)學(xué)會使用密碼輸入框設(shè)置用戶密碼(4)掌握復(fù)選框checkbox設(shè)置及使用方法，學(xué)會使用checked屬性將某項復(fù)選框設(shè)為預(yù)選項(5)掌握單選按鈕radio設(shè)置及使用方法，學(xué)會使用checked屬性將某項單選按鈕設(shè)為預(yù)選項(6)掌握圖像按鈕的屬性設(shè)置方法(7)掌握submit按鈕的屬性設(shè)置方法(8)掌握reset按鈕的屬性設(shè)置方法(9)掌握普通按鈕的設(shè)置方法(10)學(xué)會使用file文件選擇框瀏覽文件(11)學(xué)會hidden隱藏框使用方法(12)學(xué)會使用多行文本輸入框標記在網(wǎng)頁中設(shè)置多行文本的輸入方法(13)掌握cols、rows、wrap等相關(guān)屬性的設(shè)置多行文本區(qū)域大小(14)掌握<select></select>標記的基本語4法及size、multiple、name等屬性的設(shè)置方法(15)學(xué)會使用<option>標記設(shè)置列表項，學(xué)會使用selected屬性必將某一選項設(shè)為預(yù)選項(16)學(xué)會運用下拉列表框編寫相關(guān)網(wǎng)頁代碼重點：掌握表單標記的基本語法結(jié)構(gòu)以及表單中包含其它標記222、313HTML5基礎(chǔ)與CSS3應(yīng)用 13.1HTML5概述13.2HTML5文檔結(jié)構(gòu) 13.3HTML5新增頁面元素 13.4HTML5表單 13.5HTML5視頻與音頻 13.6CSS3基礎(chǔ)應(yīng)用 教學(xué)要求：了解HTML5的八個特點 熟悉HTML5的優(yōu)勢 理解HTML5新增結(jié)構(gòu)元素及頁面元素了解HTML5廢除的元素與屬性 了解瀏覽器支持與選擇 了解CSS3新特性 了解CSS3瀏覽器兼容性及解決方法掌握CSS3多列屬性語法及設(shè)置方法掌握CSS3文本效果屬性語法及設(shè)置方法重點：掌握HTML5新增結(jié)構(gòu)元素的語法及使用方法（header、nav、section、articale、footer、aside等）掌握hgroup標記語法及使用方 掌握figure標記與figcaption標記語法及使用方法 掌握mark標記與time標記語法及使用方法 掌握details標記與summary標記語法及使用方法掌握progress標記與meter標記語法及使用方法掌握input標記與datalist標記語法及使用方法掌握HTML5新增的表單屬性 掌握CSS3邊框?qū)傩哉Z法及設(shè)置方法難點：掌握HTML5頁面結(jié)構(gòu)組成元素 學(xué)會使用HTML5新增的表單元素 學(xué)會使用HTML5新增的input類型掌握video標記及屬性的設(shè)置方法掌握audio標記及屬性的設(shè)置方法掌握CSS3轉(zhuǎn)換transform屬性語法及設(shè)置方法掌握CSS3過渡transition屬性語法及設(shè)置方法掌握CSS3動畫animation語法及設(shè)置方法4314JavaScript基礎(chǔ)14.1JavaScript概述14.2JavaScript程序14.3標識符和變量14.4運算符和表達式14.5JavaScript程序控制結(jié)構(gòu)14.6JavaScript函數(shù)教學(xué)要求：理解JavaScript在Web頁面設(shè)計中作用及其特點了解JavaScript在HTML中放置的位置了解JavaScript語句類型、語句塊標記理解JavaScript函數(shù)的作用和基本語法學(xué)會使用消息對話框?qū)崿F(xiàn)頁面交互學(xué)會使用注釋給JS代碼增加功能說明掌握標識符、變量命名的規(guī)范掌握變量的定義語法及使用方法掌握常用的轉(zhuǎn)義字符使用方法,例如\n、\r、\f、\uhhhh、\\、\”了解運算符和表達式的類型了解循環(huán)結(jié)構(gòu)類型及應(yīng)用場合理解break和continue語句在循環(huán)結(jié)構(gòu)中的作用掌握常用系統(tǒng)函數(shù)使用方法，如eval()、escape()、unescape()、parseFloat()、parseInt()、isNaN()等全局函數(shù)的使用方法，熟練使用對象的函數(shù)，如toString()、toFixed（n）、charAt(n)、indexOf()、lastIndexOf()、substring()等。學(xué)會使用return返回函數(shù)計算結(jié)果理解局部變量與全局變量使用區(qū)別重點：掌握JavaScript中的基本數(shù)據(jù)類型，分別是字符串型、數(shù)值型、布爾型、Null型、undefined、object型掌握算術(shù)、關(guān)系、邏輯、賦值、條件運算符的使用方法了解位、逗號、new、delete、typeof等運算符的使用方法掌握順序結(jié)構(gòu)程序的編寫方法掌握if…else分支結(jié)構(gòu)程序的編寫方法掌握if…elseif…elseif…else多分支結(jié)構(gòu)及switch多分支結(jié)構(gòu)應(yīng)用場合和編程方法掌握for、while、do…while、for…in的使用方法掌握自定義函數(shù)的使用方法，并學(xué)會編程難點：掌握自定義函數(shù)的使用方法，并學(xué)會編程21、215JavaScript事件處理15.1JavaScript事件概述15.2表單事件15.3鼠標事件15.4鍵盤事件15.5窗口事件教學(xué)要求：理解JavaScript中事件的概念、事件基本類型了解鼠標事件源和事件句柄了解鍵盤事件源和事件句柄了解窗口事件源和事件句柄重點：掌握JavaScript中主要事件句柄掌握事件處理方法（定靜態(tài)、動態(tài)指定）學(xué)會使用事件處理程序的返回值了解表單事件源和事件句柄掌握表單獲得焦點、失去焦點事件、提交及重置事件、改變及選擇事件處理程序的調(diào)用方法掌握鼠標單擊、雙擊、移動事件處理程序的調(diào)用方法掌握鍵盤事件處理程序的調(diào)用方法掌握窗口事件處理程序的調(diào)用方法4216BOM與DOM模型16.1常用對象16.2HTMLDOM16.3BOM教學(xué)要求：了解Boolean對象的使用方法理解HTMLDOM的節(jié)點樹的基本概念熟悉DOM節(jié)點樹與HTML文件的映射關(guān)系熟悉DOM節(jié)點類型學(xué)會使用DOM節(jié)點操作方法操作HTML頁面上的元素，掌握DOM中innerText和innerHTML兩個屬性的區(qū)別，并學(xué)會使用；學(xué)會獲取并設(shè)置指定元素的屬性理解BOM概念及BOM所包含的對象掌握Window對象屬性和常用方法，學(xué)會利用window對象進行簡單編程理解Navigate對象屬性和常用方法，學(xué)會利用Navigate對象進行簡單編程理解Screen對象屬性，學(xué)會利用Screen對象進行簡單編程理解History對象屬性和常用方法，學(xué)會利用History對象進行簡單編程理解Location對象屬性和常用方法，學(xué)會利用Location對象進行簡單編程重點：掌握Array對象的使用方法掌握Date對象處理和日期相關(guān)的方法掌握Math對象處理算術(shù)方面的使用方法掌握Number對象的使用方法掌握String對象的使用方法掌握DOM節(jié)點的訪問方法(通過對象的ID、Name、TagName訪問節(jié)點)4217HTML5高級應(yīng)用 17.1HTML5WebStorage 17.2HTML5Canvas畫布 17.3HTML5拖放17.4HTML5WebWorkers 教學(xué)要求：理解Canvas坐標的概念 了解Canvas路徑的常用方法，并學(xué)會使用繪制路徑的方法了解常用的拖放事件和事件屬性 了解dataTransfer對象的常用的屬性 熟悉WebWorker的工作原理重點：掌握localStorage對象常用的方法掌握sessionstorage對象常用的方法學(xué)會使用瀏覽器端數(shù)據(jù)庫IndexedDB來存儲客戶端數(shù)據(jù)掌握Canvas標記的語法及設(shè)置方法掌握Canvas繪制線段的方法(moveTo()、lineTo())掌握Canvas繪制文本的常用方法掌握Canvas漸變的語法及設(shè)置方法掌握Canvas繪制圖像的方法學(xué)會設(shè)置元素為可拖放元素掌握拖放操作實現(xiàn)步驟 學(xué)會創(chuàng)建WebWorker文件 學(xué)會創(chuàng)建WebWorker對象 學(xué)會使用終止WebWorker 42、3合計48162.實驗部分實驗部分的教學(xué)內(nèi)容、基本要求與學(xué)時分配見表3。表3實驗項目、實驗內(nèi)容與學(xué)時實驗項目實驗內(nèi)容和要求實驗學(xué)時對應(yīng)的課程目標1.HTML基本語法和文檔結(jié)構(gòu)實驗內(nèi)容：通過制作基礎(chǔ)網(wǎng)頁頁面，掌握HTML文本標記規(guī)則、圖像的插入和超鏈接、列表、表格和框架等標簽的綜合運用。實驗要求：掌握掌握HTML標記語法、元素的嵌套，會初步使用HTML開發(fā)工具進行網(wǎng)頁設(shè)計。41、22.網(wǎng)頁中元素的應(yīng)用實驗內(nèi)容：通過制作登錄及注冊頁面，掌握HTML表單元素、HTML5新增表單元素的運用。實驗要求：掌握Web前端頁面設(shè)計中表單標簽、表格標簽的使用方法。41、23.CSS樣式應(yīng)用實驗內(nèi)容：利用CSS知識制作一個商城主頁頁面。實驗要求：掌握CSS基礎(chǔ)知識方法，會靈活使用CSS各類選擇器，并在頁面制作中調(diào)用選擇器。424.頁面布局DIV+CSS實驗內(nèi)容：利用CSS知識制作學(xué)校主頁。實驗要求：掌握浮動和定位的多種方法；會綜合運用CSS盒模型、配合浮動和定位操作，掌握網(wǎng)頁布局排版的方法。43合計16五、教學(xué)方法及手段本課程以課堂講授為主，結(jié)合討論、案例、視頻資源共享、作業(yè)、實驗等教學(xué)手段完成課程教學(xué)任務(wù)和相關(guān)能力的培養(yǎng)。學(xué)生能夠比較全面地理解Web前端知識的基本概念和使用方法，在掌握相關(guān)知識方法的基礎(chǔ)上，具有網(wǎng)頁開發(fā)的初步能力。在實驗教學(xué)環(huán)節(jié)中，通過啟發(fā)式教學(xué)、討論式教學(xué)、項目式教學(xué)培養(yǎng)學(xué)生將理論知識轉(zhuǎn)化為動手能力的基本技能，同時培養(yǎng)學(xué)生的自主學(xué)習(xí)能力和實際動手能力，激發(fā)學(xué)生的創(chuàng)新思維。在實驗教學(xué)環(huán)節(jié)中，著重講授如何用科學(xué)的手段來完成理論知識應(yīng)用于實踐的方法；如何組織實驗、編寫代碼和分析實驗現(xiàn)象；介紹跨腳本開發(fā)的原理、構(gòu)造和使用及實驗內(nèi)容的思路和方案設(shè)計等。采用教師講授和學(xué)生動手操作的方法；在實驗前學(xué)生應(yīng)復(fù)習(xí)和掌握與本實驗有關(guān)的教學(xué)內(nèi)容、認真閱讀相關(guān)資料；在實驗中要嚴格遵守實驗紀律，按操作規(guī)程使用計算機設(shè)備；實驗結(jié)束后，按規(guī)定將計算機關(guān)機；每完成一項實驗，要認真完成一份實驗報告。六、課程資源1.推薦教材未來科技.HTML5+CSS3從入門到精通(標準版)[M].中國水利水電出版社,2018.儲久良.Web前端開發(fā)技術(shù)——HTML5、CSS3、JavaScript（第3版）[M].清華大學(xué)出版社,2021.2.參考書莫振杰.HTMLCSSJavaScript基礎(chǔ)教程Web前端開發(fā)精品課[M].人民郵電出版社,2019.李曉斌.移動互聯(lián)網(wǎng)之路：HTML5+CSS3+jQueryMobileAPP與移動網(wǎng)站設(shè)計從入門到精通[M].清華大學(xué)出版社,2018.張樹明.Web前端設(shè)計基礎(chǔ)—HTML5、CSS3、JavaScript[M].清華大學(xué)出版社,2020.3.期刊袁曉維.“兩性一度”背景下web前端開發(fā)技術(shù)課程的教學(xué)改革[J].教育信息化論壇,2022(12):45-47.李娟,李宏博,蘇丹等.Web前端開發(fā)課程項目式教學(xué)改革與實踐[J].高師理科學(xué)刊,2022,42(10):78-81.劉蘊涵,楊帆,趙瑋等.混合式教學(xué)在Web前端開發(fā)課程中的應(yīng)用研究[J].計算機時代,2022(08):112-114.王黎,袁禮,呂殿基.Web前端開發(fā)課程思政教學(xué)設(shè)計與實施[J].電腦知識與技術(shù),2022,18(20):142-143.李娟麗.響應(yīng)式布局在Web前端開發(fā)中的使用[J].網(wǎng)絡(luò)安全技術(shù)與應(yīng)用,2022(06):43-45.Journal|[J]ComputerInformatizationandMechanicalSystem.Volume3,Issue1.2020.4.網(wǎng)絡(luò)資源萬維網(wǎng)聯(lián)盟：菜鳥教程：網(wǎng)頁設(shè)計與制作精品課程：/jxdg.htm七、課程考核對課程目標的支撐課程成績由過程性考核成績和期末考核成績兩部分構(gòu)成，具體考核/評價細則及對課程目標的支撐關(guān)系見表4。表4課程考核對課程目標的支撐考核環(huán)節(jié)占比考核/評價細則課程目標123過程性考核課堂表現(xiàn)18（1）根據(jù)課堂出勤情況和課堂回答問題情況進行考核，滿分100分。（2）以平時考核成績乘以其在總評成績中所占的比例計入課

溫馨提示

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

最新文檔

評論

0/150

提交評論