HTML5教案第1講 HTML5概述

web前端開發(fā)HTML5概述（教案）教學(xué)內(nèi)容及教學(xué)過程說明步驟一問題引入你可能有過在家里寬帶上網(wǎng)的經(jīng)歷，有過在網(wǎng)吧上網(wǎng)的經(jīng)歷，有過通過智能手機(jī)上網(wǎng)的經(jīng)歷，而現(xiàn)在置身于大學(xué)校園，網(wǎng)頁更是與你的學(xué)習(xí)和生活密不可分。你可以通過網(wǎng)絡(luò)聊天、購物、看電影，也可以通過網(wǎng)絡(luò)查閱資料、學(xué)習(xí)課程、收發(fā)郵件、共享信息。問題1：談?wù)勀闳绾卫斫馐裁淳W(wǎng)頁？回答1：。問題2：網(wǎng)頁的功能是什么？回答2：。步驟二講授1.1網(wǎng)頁設(shè)計與制作綜述1.1.1認(rèn)識Internet萬維網(wǎng)是internet的主要部分，他是基于“超文本”的信息發(fā)布的系統(tǒng)：1）信息傳播的界面2）瀏覽器顯示和運(yùn)行網(wǎng)頁本書使用谷歌瀏覽器。3）IP地址和域名為網(wǎng)頁瀏覽和訪問提供方便。1.1.2認(rèn)識網(wǎng)頁和網(wǎng)站隨著網(wǎng)絡(luò)的發(fā)展，互聯(lián)網(wǎng)上的網(wǎng)站越來越多，如何制作出漂亮、美觀的網(wǎng)頁是制作網(wǎng)站的基礎(chǔ)，也為以后的學(xué)習(xí)打下基礎(chǔ)。網(wǎng)頁的定義與分類網(wǎng)頁按照位置分類網(wǎng)頁按照表現(xiàn)形式1.1.3認(rèn)識網(wǎng)頁的基本組成元素網(wǎng)頁的外在表現(xiàn)做種多樣，但是組成的基本元素大體是相同的。1）文本2）圖像3）超鏈接4）動畫5）表單6）音頻和視頻1.1.4認(rèn)識網(wǎng)站按照內(nèi)容網(wǎng)站分為門戶網(wǎng)站個人網(wǎng)站專業(yè)網(wǎng)站智能網(wǎng)站1.2網(wǎng)頁制作常用工具1.2.1Dreamwver簡稱“DW”，夢想編織者，特點(diǎn)是無需編寫代碼。1.2.2Notepadd++Windows系統(tǒng)下的一款文本編輯器軟件，自帶中文，支持眾多計算機(jī)編程語言：C、C++、Java、C#、等，還支持自定義語言。1.2.3HBuilder(X)支持HTML5的web開發(fā)的一款I(lǐng)DE。輕如編輯器，強(qiáng)如IDE，體積小巧，啟動秒開。1.2.4初始VSCode微軟推出的一款輕量級代碼編輯器，免費(fèi)開源而且功能強(qiáng)大。1.2.5WebForm是微軟開發(fā)的一款產(chǎn)品，將用戶的請求都封裝為控件。1.3網(wǎng)站建設(shè)基本流程客戶提出需求客戶提出需求用戶需求調(diào)研搜集整理素材根據(jù)調(diào)研結(jié)果撰寫網(wǎng)站整體策劃草案，并確定服務(wù)器解決方案客戶審閱正式發(fā)布并提交成果后期維護(hù)與更新簽訂合同，申請域名和空間客戶審閱內(nèi)部測試客戶審閱網(wǎng)站外觀設(shè)計后臺程序開發(fā)前臺與后臺頁面整合內(nèi)部測試1.3.1需求分析調(diào)研1.3.2收集整理素材1.3.3網(wǎng)站建設(shè)規(guī)劃1.4認(rèn)識W3C聯(lián)盟與Web標(biāo)準(zhǔn)1.4.1W3CW3C（WorldWideWebConsortium，萬維網(wǎng)聯(lián)盟），是國際著名的標(biāo)準(zhǔn)化組織，它最重要的工作是發(fā)展Web規(guī)范。1.4.2web標(biāo)準(zhǔn)1．結(jié)構(gòu)標(biāo)準(zhǔn)2．表現(xiàn)標(biāo)準(zhǔn)3．行為標(biāo)準(zhǔn)1.5我的第一個網(wǎng)頁（1）打開HbuliderXIDE的軟件。（2）新建一個網(wǎng)頁文檔。（3）保存新建的網(wǎng)頁文檔。（4）瀏覽新建的網(wǎng)頁文檔。（5）打開、修改、關(guān)閉新建的網(wǎng)頁。步驟三課堂小結(jié)1．網(wǎng)站的分類2．網(wǎng)頁創(chuàng)建與調(diào)試重點(diǎn)理解HTML5的意義步驟四作業(yè)問題引入第1題、第2題（2）課后作業(yè)1.對比HTML與HTML5。2.利用不同工具創(chuàng)建網(wǎng)頁，都有什么特點(diǎn)。通過生活實(shí)例和網(wǎng)絡(luò)基本應(yīng)用引入網(wǎng)頁概念演示網(wǎng)頁的作用找到經(jīng)常瀏覽的網(wǎng)站觀察都包括哪些元素網(wǎng)站中的網(wǎng)頁結(jié)構(gòu)