《HTML 5和CSS 3編程從基礎到應用》循序漸進地介紹了學習ASP.NET程序開發(fā)必備的知識和技能。全書分13章,包括HTML5新增加的頁面結構元素和全局屬性,與表單元素相關的輸入類型和屬性,提交時如何驗證表單元素,對多媒體提供支持的audio和video元素,與繪圖相關的canvas元素和canvasAPI,文件上傳和數(shù)據(jù)存儲,離線應用,獲取當前用戶地理位置,拖放操作,Web Worker處理線程,CSS3新增加的選擇器,與背景、邊框、字體和漸變相關的屬性、盒模型以及變形、過渡和動畫等內(nèi)容。最后通過一個綜合項目案例介紹如何將HTML5與CSS3結合起來在實際開發(fā)過程中設計網(wǎng)頁。
《HTML 5和CSS 3編程從基礎到應用》內(nèi)容豐富、實例精彩,以全面的知識及豐富的實例來指導讀者詳細透徹地學習HTML5與CSS3的相關知識!禜TML 5和CSS 3編程從基礎到應用》適合HTML5與CSS3的初學者以及在校學生、程序設計愛好者、各大中專院校的在校學生以及相關授課老師使用閱讀。
理論與實例結合,實例豐富典型,案例涵蓋主流應用,均來自真實項目 按照“基礎一進階一應用”模式安排內(nèi)容,符合科學的學習梯度 結構合理,按照“概念-語法描述-實例描述-實例應用-運行結果-示例分析”的模式講解 舉一反三,針對知識點容易出現(xiàn)的問題給予解決,幫助讀者快速提高 題型豐富,每章安排大量上機實踐習題,鞏固學習內(nèi)容 附贈光盤,光盤中配備視頻教學講座和書中項目源代碼
隨著時代的發(fā)展,一個統(tǒng)一的互聯(lián)網(wǎng)通用標準顯得尤其重要。HTML 5的出現(xiàn)引起了越來越多程序開發(fā)愛好者的關注,它不僅僅是一次技術的簡單升級,更代表了未來Web開發(fā)的方向,被寄予了太多的期望和依托。
HTML 5添加了許多新的特征和功能,許多新增加的API或元素屬性需要借助相關的書籍來引導開發(fā)使讀者進行學習并快速掌握HTML 5。本書廢除了許多HTML 4中不合理的效果標記,創(chuàng)造性地增加了很多新標記(如多媒體、繪圖和文件上傳等),最大限度地減少了對外部插件的依賴;同時通過對本地離線存儲方式的優(yōu)化,使用HTML 5更加有利于移動客戶端的發(fā)展。
HTML 5與樣式是分不開的,本書除了介紹HTML 5的相關知識外,還介紹CSS 3中新增加的選擇器和屬性等內(nèi)容。古人言:“臨淵羨魚,不如退而結網(wǎng)”,每一位從事Web應用開發(fā)的工程師都有理由學習新的知識并掌握這本書中的技術。
本書內(nèi)容
全書共分13章,主要內(nèi)容如下。
第1章 HTML 5入門基礎。本章主要介紹了HTML 5的發(fā)展、目標、基本結構以及與HTML 4的區(qū)別等內(nèi)容。
第2章 HTML 5的頁面屬性和元素。本章詳細介紹HTML 5中新增加的常用元素屬性(如hidden、spellcheck、contenteditable和draggable等)及新增加的元素(如header、footer、article、mark和cite等)。
第3章 使用HTML 5設計表單。本章將詳細介紹HTML 5在表單元素中新增加的輸入類型、屬性、元素及如何在提交時進行驗證等內(nèi)容。輸入類型如email、search、url、number等,表單屬性如autofocus、autocomplete、multiple和pattern等。
第4章 基于HTML 5的多媒體支持。本章介紹HTML 5中新增加的多媒體元素:audio和video。主要包括這兩個元素的屬性、方法、事件以及如何使用等內(nèi)容。
第5章 基于HTML 5的繪圖。本章將詳細介紹如何使用HTML 5中新增加的canvas元素及canvas API實現(xiàn)簡單的繪圖,如繪制圓形、繪制漸變圖形、組合多個圖形及對圖像進行簡單操作等。
第6章 基于HTML 5的文件上傳。本章介紹如何在HTML 5
中實現(xiàn)文件上傳和讀取的功能,包括一個或多個文件的上傳、使用FileReader接口讀取文件及讀取時的錯誤與異常等內(nèi)容。
第7章 HTML 5數(shù)據(jù)存儲。本章介紹如何使用HTML 5中新增加的localStorage對象和sessionStorage對象存儲數(shù)據(jù)。
第8章 HTML 5的高級應用。本章介紹HTML 5中的高級技術,包括如何獲取用戶地理位置、網(wǎng)絡通信API、Web Worker、離線應用程序以及拖放操作等內(nèi)容。
第9章 CSS樣式與CSS選擇器。本章介紹了CSS的相關知識,包括發(fā)展歷史和基本使用。另外也詳細介紹了CSS 3中新增加的選擇器,包括屬性選擇器、偽元素選擇器和結構化偽類選擇器等。
第10章 背景、邊框和漸變的相關屬性。本章將詳細介紹CSS 3中新增加的與背景、邊框和漸變有關的屬性。
第11章 盒模型。本章介紹盒模型的相關屬性,除此之外也詳細介紹了文本、字體及多列布局等內(nèi)容的新增屬性。
第12章 CSS 3的高級應用。本章將詳細介紹CSS 3中的高級應用,包括實現(xiàn)元素的過渡、變形及動畫效果的相關屬性等。
第13章 制作鮮花網(wǎng)站。本章通過一個綜合案例主要將HTML 5與CSS 3結合,實現(xiàn)了鮮花網(wǎng)站的設計效果,包括鮮花首頁、鮮花列表、詳細信息查看、購物車、用戶注冊以及當前地理位置查看等頁面。
本書特色
本書采用大量的實例進行講解,力求通過實際操作使讀者更容易地使用HTML 5和CSS 3設計網(wǎng)頁程序。本書難度適中,內(nèi)容由淺入深,實用性強,覆蓋面廣,條理清晰。
知識點全 本書緊緊圍繞HTML 5和CSS 3的網(wǎng)站設計展開講解,具有很強的邏輯性和系統(tǒng)性。
實例豐富 書中各實例均經(jīng)過作者精心設計和挑選,它們都是根據(jù)作者在實際開發(fā)中的經(jīng)驗總結而來,涵蓋了在實際開發(fā)中所遇到的各種問題。
應用廣泛 對于精選案例給了詳細步驟,結構清晰簡明,分析深入淺出,而且有些程序能夠直接在項目中使用,避免讀者進行二次開發(fā)。
基于理論,注重實踐 講述過程不僅僅介紹理論知識,而且在合適位置安排綜合應用實例或者小型應用程序,將理論應用到實踐當中,以此來加強讀者的實際應用能力,鞏固開發(fā)基礎和知識。
隨書光盤 本書為實例配備了視頻教學文件,讀者可以通過視頻文件更加直觀地學習HTML 5和CSS 3的使用知識。
網(wǎng)站技術支持 讀者在學習或者工作的過程中,如果遇到實際問題,可以直接登錄www.itzcn.com與我們?nèi)〉寐?lián)系,作者會在第一時間內(nèi)給予幫助。
貼心的提示 為了便于讀者閱讀,全書還穿插著一些技巧、提示等小貼士,體例約定如下:
提示:通常是一些貼心的提醒,讓讀者加深印象或提供建議,或者提示解決問題的 方法。
注意:提出學習過程中需要特別注意的一些知識點和內(nèi)容,或者相關信息。
技巧:通過簡短的文字,指出知識點在應用時的一些小竅門。
讀者對象
本書具有知識全面、實例精彩、指導性強的特點,力求以全面的知識性及豐富的實例來指導讀者透徹地學習HTML 5和CSS 3設計網(wǎng)頁各方面的知識。
HTML 5和CSS 3初學者以及在校學生。
各大中專院校的在校學生和相關授課老師。
準備從事軟件開發(fā)的人員。
其他從事HTML 5和CSS 3網(wǎng)站開發(fā)或應用程序開發(fā)技術的人員。
除了封面署名人員之外,參與本書編寫的人員還有馬海軍、李海慶、陶麗、王詠梅、康顯麗、郝軍啟、朱俊成、宋強、孫洪葉、袁江濤、張東平、吳鵬、王新偉、劉青鳳、湯莉、冀明、王超英、王丹花、閆琰、張麗莉、李衛(wèi)平、王慧、牛紅惠、丁國慶、黃錦剛、李旎、王中行、李志國等。在編寫過程中難免會有漏洞,歡迎讀者通過我們的網(wǎng)站www.itzcn.com與我們聯(lián)系,幫助我們改正提高。
編 者
2008年2月
第1章 HTML5入門基礎
1.1 HTML 5概述
1.1.1 HTML5的誕生
1.1.2 HTML 5的組織
1.1.3 HTML 5的目標
1.1.4 HTML 5的瀏覽器支持情況
1.2 HTML的基本結構
1.2.1 HTML文檔的編寫規(guī)范
1.2.2文檔開始標簽
1.2.3文檔頭部標簽
1.2.4文檔主體標簽
1.2.5編寫文檔的注意事項
1.3 HTML 5與HTML4的區(qū)別
1.3.1語法的改變
1.3.2新增的元素和廢除的元素 第1章 HTML5入門基礎
1.1 HTML 5概述
1.1.1 HTML5的誕生
1.1.2 HTML 5的組織
1.1.3 HTML 5的目標
1.1.4 HTML 5的瀏覽器支持情況
1.2 HTML的基本結構
1.2.1 HTML文檔的編寫規(guī)范
1.2.2文檔開始標簽
1.2.3文檔頭部標簽
1.2.4文檔主體標簽
1.2.5編寫文檔的注意事項
1.3 HTML 5與HTML4的區(qū)別
1.3.1語法的改變
1.3.2新增的元素和廢除的元素
1.3.3新增的屬性和廢除的屬性
1.4 Flash、Silverlight與HTML 5
1.5項目案例:運行HTML 5測試頁面
1.6習題
1.7實踐疑難解答
1.7.1為什么要使用HTML 5
1.7.2 HTML 5的安全問題
第2章 HTML5的頁面屬性和元素
2.1 html根元素
2.2文檔頭部元素
2.3 HTML5全局屬性
2.3.1 hidden屬性
2.3.2 spellcheck屬性
2.3.3 contenteditable屬性
2.3.4 draggable屬性
2.4結構元素
2.4.1 header元素
2.4.2 article元素
2.4.3 aside元素
2.4.4 footer元素
2.5交互元素
2.5.1 progress元素
2.5.2 meter元素
2.5.3 details元素和summary元素
2.5.4 menu元素
2.5.5 command元素
2.6文本層次語義元素
2.6.1 cite元素
2.6.2 mark元素
2.6.3 time元素
2.7頁面節(jié)點
2.7.1 section元素
2.7.2 nav元素
2.7.3 hgroup元素
2.7.4 address元素
2.8分組元素
2.8.1 ul元素
2.8.2 ol元素
2.8.3 dl元素
2.9項目案例:設計旅游網(wǎng)站首頁
2.10 習題
2.11 實踐疑難解答
2.11.1 command元素無法顯示效果
2.11.2 HTML 5中如何使用新增加的元素
第3章 使用HTML5設計表單
3.1傳統(tǒng)表單元素
3 .1.1表單標記
3.1.2基本表單元素
3.2新增輸入類型
3.2.1 email類型
3.2.2 search類型
3.2.3 url類型
3.2.4 number類型
3.2.5 telephonenumber類型
3.2.6 range類型
3.2.7 color類型
3.2.8時間日期類型
3.3新增表單屬性
3.3.1 autocomplete屬性
3.3.2 autofocus屬性
3.3.3 disabled屬性
3.3.4 form屬性
3.3.5 list屬性
3.3.6 multiple屬性
3.3.7 min.max和step屬性
3.3.8 placeholder屬性
3.3.9 pattern屬性
3.3.10 required屬性
3.3.11 readonly屬性
3.4新增表單元素
3.4.1 datalist元素
3.4.2 keygen兀素
3.4.3 output 元素
3.4.4 optgroup元素
3.5提交時的驗證處理
3.5.1 自動驗證
3.5.2顯示驗證
3.5.3 自定義驗證
3.5.4取消驗證
3.6項目案例:設計購物網(wǎng)站注冊頁面
3.7習題
3.8實踐疑難解答
3.8.1 如何區(qū)分使用method屬性的參數(shù)值get和post
3.8.2 HTML 5在自定義驗證時無法顯示錯誤提示信息
第4章 基于HTML5的多媒體支持
4.1 HTML 5中多媒體的新增特性
4.2多媒體的支持條件
4.2.1 視頻和音頻編解碼器
4.2.2支持視頻和音頻的瀏覽器
4.2.3 多媒體的格式
4.3 在HTML 5中創(chuàng)建視頻
4.3.1 video元素的屬性
4.3.2 video元素的方法
……
第5章 基于HTML5的繪圖
第6章 基于HTML5的文件上傳
第7章 HTML5數(shù)據(jù)存儲
第8章 HTML5的高級應用
第9章 CSS樣式和CSS選擇器
第10章 背景、邊框和漸變的相關屬性
第11章 盒模型、字體與多列布局
第12章 CSS 3的高級應用
第13章 制作鮮花網(wǎng)站頁面