《Web前端開發(fā)技術(shù)實(shí)驗(yàn)》課程教學(xué)大綱

Web前端開發(fā)技術(shù)實(shí)驗(yàn)》教學(xué)大綱適用范圍：2019版本科人才培養(yǎng)方案課程代碼：08130192課程性質(zhì)：專業(yè)選修課程課程名稱：Web前端開發(fā)技術(shù)實(shí)驗(yàn)總學(xué)時/實(shí)驗(yàn)學(xué)時：24/24學(xué)分：1.5學(xué)分先修課程：信息處理技術(shù)適用專業(yè)：物聯(lián)網(wǎng)工程、軟件工程、數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)教材：《HTML5+CSS3從入門到精通》(標(biāo)準(zhǔn)版)，未來科技著，中國水利水電出版社，2018.06開課單位：計算機(jī)科學(xué)與技術(shù)學(xué)院一、課程性質(zhì)、目的和任務(wù)《Web前端開發(fā)技術(shù)實(shí)驗(yàn)》課程是物聯(lián)網(wǎng)工程、軟件工程和數(shù)據(jù)科學(xué)與大數(shù)據(jù)技術(shù)專業(yè)的一門專業(yè)必修課程，以Web基本概念和Web標(biāo)準(zhǔn)為基準(zhǔn)點(diǎn)、通過對Web前端主流開發(fā)技術(shù)的學(xué)習(xí)和研究，讓學(xué)生理解和掌握html基本語法格式、HTML5新增元素、CSS基礎(chǔ)知識、CSS3的相關(guān)知識，通過實(shí)驗(yàn)項目的訓(xùn)練，不僅培養(yǎng)學(xué)生開發(fā)和設(shè)計Web站點(diǎn)的基本技能，更要使學(xué)生充分了解Web思想、web前端開發(fā)的主流框架使用，為進(jìn)一步學(xué)習(xí)后續(xù)移動應(yīng)用開發(fā)課程打下良好的基礎(chǔ)。課程任務(wù)：本課程的主要任務(wù)是讓學(xué)生熟悉W3C規(guī)范，理解HTML5、CSS3的語法規(guī)則，通過上機(jī)訓(xùn)練，掌握常用的Web頁面布局技術(shù)，理解并能夠應(yīng)用HTML常用對象的屬性方法、文檔對象模型DOM，最終能夠綜合使用所學(xué)技術(shù)上機(jī)編寫符合標(biāo)準(zhǔn)的Web頁面。本課程教學(xué)基本要求是讓學(xué)生通過上機(jī)操作，理解Web設(shè)計的基本原則、欄目和網(wǎng)站目錄結(jié)構(gòu)定義、開發(fā)工具的選用、標(biāo)準(zhǔn)頁面布局方法、導(dǎo)航菜單制作、圖文排版、頁面交互等方面的基礎(chǔ)知識；能夠熟練運(yùn)用HTML5中的各種標(biāo)記語言設(shè)計制作網(wǎng)頁；熟練掌握CSS3對網(wǎng)頁進(jìn)行布局和修飾的基本方法。二、實(shí)驗(yàn)教學(xué)基本要求Web前端開發(fā)技術(shù)實(shí)驗(yàn)包括：我的第一個網(wǎng)頁、《古詩欣賞》網(wǎng)頁制作、《郵箱注冊》網(wǎng)頁制作、初識CSS、使用CSS選擇器、浮動和定位元素、CSS3新增元素和動畫、DOM基本操作、HTML5音視頻和繪圖等共計12個實(shí)驗(yàn)。通過這12個實(shí)驗(yàn)的練習(xí)，使學(xué)生驗(yàn)證理論課的內(nèi)容，掌握HTML標(biāo)記語言的基本知識、語法，學(xué)會使用HTML編輯器、HTML代碼的調(diào)試，HTML基本的語法格式和文檔架構(gòu)，掌握HTML常用的標(biāo)簽元素和屬性、會使用CSS配合HTML制作符合要求的網(wǎng)頁、會使用HTML和DOM編寫簡單的動態(tài)頁面，從而達(dá)到最終掌握web頁面設(shè)計思想、web頁面布局設(shè)計方法。使學(xué)生具備使用HTML+CSS來解決web制作實(shí)際問題的初步能力。此外，安全用電是實(shí)驗(yàn)中始終需要注意的重要事項。為了做好實(shí)驗(yàn)，并且確保人身和設(shè)備的安全，在做程序設(shè)計基礎(chǔ)實(shí)驗(yàn)時，必須要求學(xué)生嚴(yán)格遵守實(shí)驗(yàn)室安全用電規(guī)則。三、實(shí)驗(yàn)項目與內(nèi)容大綱基本內(nèi)容包括8個必做的實(shí)驗(yàn)，在規(guī)定的24個學(xué)時內(nèi)完成。序號實(shí)驗(yàn)項目名稱內(nèi)容提要實(shí)驗(yàn)學(xué)時每組人數(shù)實(shí)驗(yàn)類型實(shí)驗(yàn)類別實(shí)驗(yàn)要求1我的第一個網(wǎng)頁通過編寫簡單的HTML代碼，熟悉HTML文檔結(jié)構(gòu)、開發(fā)工具和實(shí)驗(yàn)環(huán)境21驗(yàn)證基礎(chǔ)必做2《古詩欣賞》網(wǎng)頁制作通過制作李白古詩欣賞頁面，掌握HTML文本標(biāo)記規(guī)則、圖像的插入和超鏈接、列表、表格和框架等標(biāo)簽的綜合運(yùn)用；41驗(yàn)證基礎(chǔ)必做3《郵箱注冊》網(wǎng)頁制作通過制作郵箱注冊頁面，掌握HTML表單元素、HTML5新增表單元素的運(yùn)用，41驗(yàn)證基礎(chǔ)必做4初識CSS通過幾個小項目的制作，讓學(xué)生掌握CSS語法規(guī)則、樣式表、基本樣式設(shè)置等CSS基礎(chǔ)知識。21設(shè)計基礎(chǔ)必做5使用CSS選擇器重點(diǎn)練習(xí)CSS的基礎(chǔ)選擇器、背景樣式設(shè)置，讓學(xué)生掌握CSS選擇器的使用。41驗(yàn)證基礎(chǔ)必做6浮動和定位元素通過設(shè)置CSS盒模型、配合浮動和定位操作，掌握網(wǎng)頁布局排版的方法。41驗(yàn)證基礎(chǔ)必做7CSS3新增元素和動畫掌握CSS3中新增元素的使用，會使用CSS3編寫簡單的動畫。21驗(yàn)證基礎(chǔ)必做8HTML5音視頻和繪圖掌握HTML5中插入音視頻的方法、屬性的設(shè)置；掌握Canvas繪圖的步驟，會繪制簡單的圖像21驗(yàn)證基礎(chǔ)必做四、考核方式實(shí)驗(yàn)成績主要由實(shí)驗(yàn)操作成績和實(shí)驗(yàn)報告成績來評定，其比例為實(shí)驗(yàn)操作成績占實(shí)驗(yàn)成績的50%，實(shí)驗(yàn)報告成績占實(shí)驗(yàn)成績的50%。五、推薦教材和教學(xué)參考書實(shí)驗(yàn)教材：《Web前端開發(fā)技術(shù)實(shí)驗(yàn)與實(shí)踐——HTML、CSS》（第2版），儲久良主編，北京：清華大學(xué)出版社，2016.9。參考書：1.張樹明.《Web前端設(shè)計基礎(chǔ)—HTML5、CSS3、JavaScript》.清華大學(xué)出版社.2017.22.李曉斌.《移動互聯(lián)網(wǎng)之路：HTML5+CSS3+jQueryMobileAPP與移動網(wǎng)站設(shè)計從入門到精通》.清華大學(xué)出版社.2016.93.莫振杰.《HTMLCSSJavaScript基礎(chǔ)教程Web前端開發(fā)精品課》.人民郵電出版社.2017.84.[美]弗里曼，羅布森．深入淺出HTML5編程．東南大學(xué)出版社．2012.10六、說明每位學(xué)生必須按規(guī)定完成實(shí)驗(yàn)課，因故不能參加實(shí)驗(yàn)者，應(yīng)課前向指導(dǎo)教師請假（必須經(jīng)有關(guān)領(lǐng)導(dǎo)批準(zhǔn)），對所缺實(shí)驗(yàn)要在期末課程考試時