HTML5網(wǎng)頁前端設計第3版教學進度表_第1頁
HTML5網(wǎng)頁前端設計第3版教學進度表_第2頁
HTML5網(wǎng)頁前端設計第3版教學進度表_第3頁
HTML5網(wǎng)頁前端設計第3版教學進度表_第4頁
HTML5網(wǎng)頁前端設計第3版教學進度表_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

XXXX大學教學進度表202X-202X學年第X學期開課單位：計算機與信息學院課程名稱：XXXX課程性質：必修課學分：X總學時：XX理論學時：XX實驗學時：XX機動學時：XX授課專業(yè)：XXX授課年級：XX級學生人數(shù)：XX人信息化教學比例：100%課程大綱及版本：《XXX》202X版主講教師：XXX職稱：XX填表日期：202X年XX月XX日

校歷周次起訖日期學時教學內容（章節(jié)目）教學形式課程目標評價方式13.1-3.72第一章緒論 1.1Web原理基礎 1.1.1Internet與萬維網(wǎng) 1.1.2Web架構 1.1.3Web應用 1.2Web前端技術基礎 1.2.1HTML技術 1.2.2CSS技術 1.2.3JavaScript技術 1.3Web前端新技術 1.3.1HTML5技術1.3.2CSS3技術 1.4Web開發(fā)工具 1.4.1AdobeDreamweaver 1.4.2SublimeText 1.4.3NodePad++ 1.4.4EditPlus 1.5Web技術的前景與展望 1.5.1Flash的興衰 1.5.2HTML5的前景 1.5.3未來展望 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）了解Internet與萬維網(wǎng)的概念；了解Web服務器與Web瀏覽器；了解HTML、CSS與JavaScript的概念與特點；了解HTML5與CSS3的概念與特點；掌握任意一款Web開發(fā)工具?？记冢ā蹋┕P記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）23.8-3.142第二章HTML5基礎 2.1HTML5基本結構 2.1.1文檔類型聲明<!DOCTYPE>2.1.2根標簽<html> 2.1.3首部標簽<head> 2.1.4主體標簽<body> 2.1.5HTML5文檔注釋 2.1.6HTML5文檔規(guī)范 2.1.7HTML4.01轉換為HTML5 2.2HTML5保留的常用標簽 2.2.1基礎標簽 2.2.2文本格式標簽 2.2.3列表標簽 2.2.4圖像標簽 2.2.5超鏈接標簽 2.2.6表格標簽 2.2.7框架標簽 2.2.8容器標簽 2.3HTML5新增的常用標簽 2.3.1HTML5新增文檔結構標簽 2.3.2HTML5新增格式標簽 2.4HTML5新增API 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）理解HTML5文檔的基本結構；理解HTML5中元素標簽的作用；掌握HTML5文檔注釋的用法；掌握HTML5保留的常用標簽的用法；掌握HTML5新增的文檔結構標簽的用法；掌握HTML5新增的格式標簽的用法。考勤（√）筆記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）33.15-3.212第三章CSS基礎 3.1CSS樣式表 3.1.1內聯(lián)樣式表 3.1.2內部樣式表 3.1.3外部樣式表 3.1.4樣式表層疊優(yōu)先級 3.2CSS選擇器 3.2.1元素選擇器 3.2.2ID選擇器 3.2.3類選擇器 3.2.4屬性選擇器 3.3語法規(guī)則 3.3.1注釋語句 3.3.2@charset 3.3.3!important 3.4CSS取值與單位 3.4.1數(shù)字 3.4.2長度 3.4.3角度 3.4.4時間 3.4.5文本 3.4.6顏色 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）了解CSS的基本語法規(guī)則；了解CSS的常見取值與單位；熟悉CSS樣式表的層疊優(yōu)先級；掌握CSS樣式表的三種使用方式；掌握CSS常用選擇器的使用；考勤（√）筆記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）43.22-3.2823.5CSS常用樣式 3.5.1CSS背景 3.5.2CSS框模型 3.5.3CSS文本 3.5.4CSS字體 3.5.5CSS超鏈接 3.5.6CSS列表 3.5.7CSS表格 3.6CSS定位 3.6.1絕對定位 3.6.2相對定位 3.6.3層疊效果 3.6.4浮動 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）掌握CSS常用樣式的使用；掌握CSS的四種定位方法?？记冢ā蹋┕P記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）53.29-4.42第四章JavaScript基礎 4.1JavaScript的使用 4.1.1內部JavaScript 4.1.2外部JavaScript 4.2JavaScript語法 4.2.1JavaScript大小寫 4.2.2JavaScript分號 4.2.3JavaScript注釋 4.2.4JavaScript代碼塊 4.3JavaScript變量 4.3.1變量的聲明 4.3.2變量的命名規(guī)范 4.3.3JavaScript關鍵字和保留字 4.4JavaScript基本數(shù)據(jù)類型 4.4.1Undefined類型 4.4.2Null類型 4.4.3String類型 4.4.4Number類型 4.4.5Boolean類型4.5JavaScript運算符 4.5.1賦值運算符 4.5.2算術運算符 4.5.3邏輯運算符 4.5.4關系運算符 4.5.5相等性運算符線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）了解JavaScript的使用方式；了解JavaScript的基本語法規(guī)則；熟悉JavaScript的變量聲明與命名規(guī)范；掌握JavaScript的基本數(shù)據(jù)類型；掌握JavaScript運算符的使用；考勤（√）筆記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）64.5-4.1124.6JavaScript條件語句 4.6.1if語句 4.6.2switch語句 4.7JavaScript函數(shù) 4.7.1函數(shù)的基本結構 4.7.2函數(shù)的調用 4.7.3函數(shù)的返回值 4.8文檔對象模型DOM 4.8.1查找HTML元素 4.8.2DOMHTML 4.8.3DOMCSS 4.8.4DOM事件 4.8.5DOM節(jié)點 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）掌握JavaScript條件語句與循環(huán)語句的用法；掌握JavaScript函數(shù)的使用；掌握JavaScriptDOM的用法。考勤（√）筆記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）74.12-4.182第五章HTML5拖放API 5.1HTML5新增拖放API 5.2瀏覽器支持情況 5.3HTML5拖放API的應用 5.3.1DragEvent事件 5.3.2DataTransfer對象 5.3.3拖放元素過程 5.3.4自定義拖放圖標 5.3.5自定義拖放行為 5.3.6本地文件的拖放 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）了解拖放的概念。熟悉拖放事件DragEvent。熟悉DataTransfer對象。掌握拖放HTML元素的方法。掌握拖放本地文件的方法?？记冢ā蹋┕P記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）84.19-4.252第六章HTML5表單API 6.1HTML表單基礎 6.1.1表單標簽<form> 6.1.2輸入標簽<input> 6.1.3標記標簽<label> 6.1.4多行文本標簽<textarea> 6.1.5列表標簽<select> 6.1.6按鈕標簽<button> 6.1.7域標簽<fieldset>和域標題標簽<legend> 6.2HTML5表單新特性 6.2.1HTML5表單新增輸入類型 6.2.2HTML5表單新增元素標簽 6.2.3HTML5表單新增屬性 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）了解HTML5表單的作用；掌握HTML5表單API保留的常用標簽用法；掌握HTML5新增輸入類型的用法；掌握HTML5新增元素標簽的用法；掌握HTML5新增元素屬性的用法?？记冢ā蹋┕P記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）94.26-5.22第七章HTML5畫布API 7.1畫布（Canvas）概述 7.1.1HTML5畫布 7.1.2畫布坐標 7.1.3主流瀏覽器支持情況一覽 7.2HTML5畫布API的應用 7.2.1檢查瀏覽器支持情況 7.2.2創(chuàng)建畫布 7.2.3畫布繪制方法 7.2.4繪制路徑 7.2.5繪制矩形 7.2.6繪制圖片 7.2.7繪制文本 7.2.8顏色與樣式 7.2.9保存和恢復 7.2.10變形 7.2.11剪裁 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）了解畫布的概念和畫布坐標系；掌握畫布的創(chuàng)建方法；掌握繪制路徑與矩形的方法；掌握繪制圖片與文本的方法；掌握設置畫筆顏色與樣式的方法；掌握繪畫的保存與恢復功能的應用；掌握圖像變形與剪裁的應用?？记冢ā蹋┕P記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）105.3-5.92第八章HTML5媒體API 8.1HTML5媒體API概述 8.1.1HTML5音頻和視頻 8.1.2HTML5媒體支持的格式 8.2主流瀏覽器支持情況一覽 8.2.1對HTML5音頻的支持情況 8.2.2對HTML5視頻的支持情況 8.3HTML5音頻的應用 8.3.1HTML5音頻的基本格式 8.3.2檢查瀏覽器支持情況 8.3.3音頻來源多樣性 8.3.4自定義音頻控制 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）理解音頻與視頻的概念；理解HTML5音頻與視頻的作用；熟悉HTML5音頻和視頻支持的媒體文件格式；掌握檢測瀏覽器是否支持HTML5媒體的方法；掌握HTML5中<audio>標簽的常見用法；掌握HTML5媒體API其他功能?？记冢ā蹋┕P記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）115.10-5.1628.4HTML5視頻的應用 8.4.1HTML5視頻的基本格式 8.4.2檢查瀏覽器支持情況 8.4.3視頻來源多樣性 8.4.4自定義視頻控制 8.5HTML5媒體API其他通用功能 8.5.1標記媒體播放時間范圍 8.5.2跳轉媒體播放時間點 8.5.3獲取媒體播放時間 8.5.4終止媒體文件的下載 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）掌握HTML5中<video>標簽的常見用法；掌握HTML5媒體API其他功能?？记冢ā蹋┕P記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）125.17-5.232第九章HTML5Web存儲API 9.1Web存儲技術概述 9.1.1HTTPCookie存儲 9.1.2HTML5Web存儲 9.2主流瀏覽器支持情況 9.3HTML5Web存儲API的應用9.3.1檢查瀏覽器支持情況 9.3.2Storage接口 9.3.3localStoragevssessionStorage9.3.4存儲數(shù)據(jù) 9.3.5讀取指定數(shù)據(jù) 9.3.6數(shù)據(jù)遍歷 9.3.7刪除指定數(shù)據(jù) 9.3.8清空所有數(shù)據(jù) 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）了解Web存儲的概念；了解本地存儲與會話存儲方式的區(qū)別；熟悉Storage接口；掌握存儲、讀取、遍歷和刪除數(shù)據(jù)的方法。考勤（√）筆記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）135.24-5.302第十章HTML5字符集與符號 10.1HTML5字符集概述 10.1.1什么是字符集 10.1.2常見字符集介紹 10.2HTML5符號 10.2.1HTML5數(shù)學符號 10.2.2HTML5帶圈符號 10.2.3HTML5貨幣符號 10.2.4HTML5卡牌符號 10.2.5HTML5雜項符號 10.3HTML5Emoji 10.3.1什么是Emoji 10.3.2HTML5Emoji笑臉表情系列 10.3.3HTML5Emoji交通系列 10.3.4HTML5Emoji動物系列 10.3.5HTML5Emoji辦公系列 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）了解字符集的概念和常見字符集；了解HTML5符號和常用符號；了解Emoji的概念和常用Emoji系列；掌握HTML5字符集的聲明方式；掌握HTML5符號的數(shù)據(jù)編碼和實體名稱顯示方式；掌握HTML5Emoji的十進制和十六進制編碼顯示方式。考勤（√）筆記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）145.31-6.62第十一章CSS3技術 11.1CSS3邊框和背景效果 11.1.1CSS3邊框 11.1.2CSS3背景效果 11.2CSS3文本和字體效果 11.2.1CSS3文本 11.2.2CSS3字體 11.3CSS3變形與動畫效果 11.3.1CSS32D變形 11.3.2CSS3Transition動畫 11.3.3CSS3Animation動畫 11.4CSS3多列 11.4.1columns 11.4.2column-gap 11.4.3column-rule 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）掌握CSS3邊框和背景效果的應用；掌握CSS3文本和字體效果的應用；掌握CSS3變形與動畫效果的應用；掌握CSS3多列效果的應用。考勤（√）筆記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）156.7-6.132第十二章前端綜合應用·基于HTML5+CSS3的高校網(wǎng)站的設計與實現(xiàn) 12.1項目簡介 12.2整體布局設計 12.3網(wǎng)站頁眉實現(xiàn) 12.4菜單導航欄實現(xiàn) 12.4.1菜單欄目的實現(xiàn) 12.4.2搜索框的實現(xiàn) 線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）綜合應用HTML5、CSS3與JavaScript開發(fā)Web網(wǎng)站；能夠在開發(fā)過程中熟練掌握HMLT5新增文檔結構元素的使用；能夠在開發(fā)過程中熟練掌握CSS各類選擇器的使用和樣式的表達；提高開發(fā)者實戰(zhàn)項目分析能力以及強化綜合應用能力?？记冢ā蹋┕P記（）討論（√）作業(yè)（√）測試（√）報告（）考試（）其它（）166.14-6.20212.5主體內容第一行實現(xiàn) 12.5.1左側面板的實現(xiàn) 12.5.2右側面板上方的實現(xiàn) 12.5.3右側面板下方的實現(xiàn) 12.6主體內容第二行實現(xiàn) 12.7網(wǎng)站頁腳實現(xiàn) 12.7.1頁腳1的實現(xiàn) 12.7.2頁腳2的實現(xiàn) 12.8完整代碼展示線上（√）線下（√）講授（√）實踐（）實驗（）研討（）雙語（）其它（）綜合應用HTML5、CSS3

溫馨提示

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

最新文檔

評論

0/150

提交評論