●章 HTML5概述11.1 HTML簡介11.2 了解HTML521.3 搭建HTML5的開發環境41.4 HTML5文件的編寫方法41.4.1 使用記事本手工編寫HTML5文件41.4.2 使用Dreamweaver CS編寫HTML文件61.4.3 實例:編寫個HTML5網頁文件71.4.4 預覽HTML5網頁8本章小結8練習與實訓8第2章 全新的HTML592.1 HTML5的適用範圍92.1.1 HTML5與各大瀏覽器的兼容性92.1.2 運用<video>和<audio>標簽進行視頻和音頻制作92.1.3 更炫酷的界面102.1.4 更強大的表單功能102.1.5 提升可訪問性102.2 語法變化102.2.1 HTML5的語法變化102.2.2 HTML5中的標記方法112.2.3 HTML5與之前版本的兼容性122.3 HTML5新增和素132.3.1 新增素132.3.2 新增素142.3.3 素152.4 新增的屬性162.5 全局屬性172.5.1 hidden屬性182.5.2 spellcheck屬性182.5.3 contenteditable屬性182.5.4 designmode屬性192.5.5 tabindex屬性19本章小結19練習與實訓19第3章 認識HTML5的文檔結構203.1 Web標準203.1.1 Web標準概述203.1.2 Web標準規定的內容203.2 HTML5的基本結構213.2.1 文檔類型標記doctype213.2.2 html標記213.2.3 頭標記head213.2.4 主體標記body223.2.5 標題標記title223.2.6 &nb信息標記meta223.2.7 頁面注釋標記243.3 綜合實例――符合W3C標準的HTML5 網頁243.3.1 HTML263.3.2 CSS273.3.3 JavaScript273.4 HTML5頁面構成283.4.1 HTML5頁面主要組成部分283.4.2 綜合實例――HTML5頁面構成29本章小結36練習與實訓36第4章 網頁文本設計374.1 添加文本374.1.1 普通文本374.1.2 特殊字符文本374.1.3 文本特殊樣式384.2 文本排版414.2.1 段落標記414.2.2 標題標記434.2.3 center標記444.2.4 hr標記454.2.5 span標記464.2.6 特殊信息文本474.3 網頁文字列表設計524.3.1 建立無序列表524.3.2 建立有序列表544.3.3 建立自定義列表55本章小結56練習與實訓56第5章 美化網頁――使用CSS3技術575.1 CSS3概述575.2 CSS3基本選擇器575.2.1 標記選擇器585.2.2 類選擇器585.2.3 ID選擇器595.3 在HTML5中使用CSS3的方法605.3.1 行內樣式605.3.2 嵌入樣式605.3.3 鏈接樣式615.3.4 導入樣式625.3.5 樣式的優先級625.4 CSS3復合選擇器645.4.1 交集選擇器645.4.2 並集選擇器645.4.3 後代選擇器655.4.4 子選擇器665.4.5 相鄰選擇器675.4.6 偽類選擇器675.4.7 偽對像選擇器685.5 CSS3常用效果與技巧695.5.1 陰影效果705.5.2 2D與3D效果71本章小結75練習與實訓75第6章 文本格式的高級設置766.1 文本樣式766.1.1 字體766.1.2 字號776.1.3 字體風格786.1.4 加粗字體786.1.5 小寫字母轉為大寫字母786.1.6 字體復合屬性796.1.7 字體顏色796.1.8 溢出文本806.1.9 控制換行816.2 文本樣式816.2.1 單詞間隔816.2.2 字符間隔826.2.3 文字修飾826.2.4 垂直對齊方式836.2.5 水平對齊方式846.2.6 文本縮進846.2.7 文本行高856.2.8 處理空白856.2.9 文本反排866.3 CSS3設置文本樣式876.4 綜合實例―― 用CSS3設計網站側邊導航欄88本章小結92練習與實訓92第7章 網頁色彩和圖片設計937.1 網頁色彩和圖片的關繫937.2 網頁圖像的應用947.2.1 網頁圖片格式的選擇947.2.2 路徑表示法967.2.3 圖片的使用977.3 用CSS3設置顏色與背景987.3.1 用CSS3設置圖像效果1007.3.2 圖片縮放101本章小結103練習與實訓103第8章 網頁超鏈接設計1048.1 創建超文本與圖片鏈接1048.2 創建下載鏈接1058.3 使用相對路徑和絕對路徑1068.4 設置鏈接目標打開窗口1078.5 超文本鏈接到一個E-mail地址1088.6 使用錨鏈接制作電子書閱讀網頁1108.7 創建熱點區域1128.8 浮動框架1138.9 綜合實例――圖片熱點區域制作114本章小結118練習與實訓118第9章 用HTML5創建表格1199.1 創建表格1199.1.1 創建表格的基本語法――tab素素素素1199.1.2 表格的描述――summary屬性1219.2 表格的標題――capt素1229.3 格―素素1229.3.1 使素素格1229.3.2 跨多行、多格1249.4 表格的按行分組顯示――th素、 tf素、tb素1279.5 表格的按列分組顯示――colgro素、素128本章小結130練習與實訓1300章 網頁表單設計13110.1 熟悉表單屬性13110.1.1 表單的用途13110.1.2 表單的屬性設置13210.2 素的應用13410.2.1 文本框13710.2.2 密碼域13810.2.3 單選框13810.2.4 復選框13910.2.5 普通按鈕14010.2.6 提交按鈕14110.2.7 重置按鈕14110.2.8 多行文本框textarea14110.2.9 label標簽14210.2.10 下拉列表框14310.2.11 其素14410.3 表素的使用14510.3.1 ur素14510.3.2 emai素14610.3.3 numbe素14610.3.4 rang素14710.3.5 searc素14810.3.6 colo素14910.3.7 日期素14910.3.8 datalist標簽15010.3.9 input表單控件新增屬性15110.4 綜合實例――創建用戶反饋表單153本章小結160練習與實訓1601章 網頁多媒體設計16211.1 HTML5 au素和vi素概述16211.1.1 視頻容器16211.1.2 音頻和視頻編解碼器16211.1.3 au素和vi素的src 屬性和source屬性16411.2 網頁中的音頻文件16511.2.1 au素的瀏覽器支持情況16511.2.2 添加自動播放音頻文件(autoplay 屬性)16511.2.3 添加帶有控件的音頻文件 (controls屬性)16611.2.4 添加循環播放音頻文件 (loop屬性)16711.2.5 添加預播放的音頻文件 (preload屬性)16711.3 網頁中的視頻文件16811.3.1 vi素的瀏覽器支持情況16811.3.2 添加帶有控件的視頻文件 (controls屬性)16911.3.3 添加自動播放的視頻文件 (autoplay屬性)17111.3.4 添加循環播放的視頻文件(loop 屬性)17211.3.5 添加預播放的視頻文件(preload 屬性)17311.3.6 設置視頻文件的寬度和高度 (width與height屬性)17411.3.7 設置視頻文件的error屬性17511.3.8 設置視頻文件的networkState 屬性(隻讀屬性)17611.3.9 視頻文件的readyState屬性17611.4 素常用方法和事件簡述17611.5 綜合實例 ―― 使用素播放 文件177本章小結178練習與實訓1782章 HTML5布局17912.1 布局簡介17912.1.1 素與布局核心技巧17912.1.素顯示方式17912.2 圖文混排與題圖文字布局18012.2.1 圖文混排布局18012.2.2 題圖文字布局18112.3 float多欄布局18212.3.1 float浮動18312.3.2 清除浮動clear18512.3.3 float兩列均分布局18612.3.4 float多欄布局19112.4 盒布局與彈性盒布局19712.4.1 盒布局19712.4.2 彈性盒布局19912.5 position定位20512.5.1 position20512.5.2 z-index20712.5.3 clip208本章小結209練習與實訓2093章 使用JavaScript腳本語言實現網頁動態效果21013.1 JavaScript簡介21013.1.1 JavaScript的概念和特點21013.1.2 JavaScript與Java21113.1.3 個JavaScript程序21213.2 在html文檔中使用腳本代碼21513.2.1 內部引用JavaScript21613.2.2 外部引用JavaScript21613.2.3 內聯引用JavaScript21713.3 JavaScript語言基礎21813.3.1 JavaScript語法格式21813.3.2 JavaScript語句21813.3.3 JavaScript注釋21913.3.4 數據類型22013.3.5 常量22013.3.6 變量22113.4 表達式與運算符22213.4.1 表達式22213.4.2 運算符22213.5 JavaScript控制結構與函數22413.5.1 JavaScript控制結構22413.5.2 函數23313.6 事件驅動及事件處理23713.7 對像編程23913.7.1 內置對像23913.7.2 文檔對像編程24813.8 綜合實例――實現即時驗證效果254本章小結259練習與實訓2594章 網頁設計與開發綜合範例26014.1 網頁內容分析26014.2 綜合實例――制作門戶類網頁26114.2.1 網頁框架構建及素材的準備26114.2.2 建立本地站點26214.2.3 使用HTML創建頁面結構26314.2.4 使用CSS布局並美化頁面265本章小結271練習與實訓271參考文獻 272
本書集HTML5、CSS3、JavaScript技術於一體,基於Web標準,詳細介紹了Web前端設計技術的基礎知識,對Web體繫結構、HTML5、CSS3、JavaScript和網站制作流程進行了詳細的講解;為了使廣大的Web開發者真正了解與全面掌握HTML5、CSS3、JavaScript等技術,本書對HTML5和CSS3樣式布局進行了深入的介紹,同時介紹了使用JavaScript腳本語言實現網頁動態效果。書中引入了豐富的案例,對案例進行了細致的分析,便於學生理解所學知識,加強實操訓練,提高實踐能力。本書結構合理、內容緊湊,每個知識點都精心設計了案例。本書既適合作為高職院校計算機專業程序設計課程的教材,也適合Web前端和對HTML5及未來Web應用技術感興趣的讀者參考。