《從新手到高手:HTML 5+CSS 3網頁設計與網站布局從新手到高手》主要介紹使用HTML 5+CSS3進行網站圖像、網頁動畫設計以及網頁制作的方法和實踐經驗,并從網站開發的角度,詳細介紹用HTML 5+CSS3開發不同類型靜態網站的經驗與過程。《從新手到高手:HTML 5+CSS 3網頁設計與網站布局從新手到高手》共分19章,內容涉及HTML5基礎知識;HTML5的主體結構、表單、新增元素和文件操作等內容;HTML5的圖形繪制和高級應用;HTML5中的多媒體應用、本地存儲及離線存儲、通信與線程和獲取本地信息等內容;CSS3中的基礎知識、選擇器、文本及盒的相關樣式等內容;CSS3中的用戶界面模塊、變形處理、背景和邊框樣式等;后臺管理頁面的設計分析、設置頁面等。
《從新手到高手:HTML 5+CSS 3網頁設計與網站布局從新手到高手》圖文并茂、技術前衛,適合網頁設計與制作初學者、網站開發人員,還可以作為高校相關專業的教材。
16段全程配音語音教學視頻 25幅實例精美效果圖 90個書中實例素材源文件 50張網站制作矢量圖片 500張網頁制作位圖圖片 120個附贈網站開發模板和素材文件
HTML 5是自2010年以來最熱門的技術之一,學習HTML 5成為Web開發者的一大重要任務,學會HTML 5,就掌握了邁向未來Web平臺的一把鑰匙。因此我們希望借助此書幫助國內的Web開發者更好地學習HTML 5以及與之相伴隨的CSS 3技術。
本書是一本典型的HTML 5和CSS 3實例教程,由多位經驗豐富的網頁設計人員和程序員編著而成。并且立足于網絡行業,詳細介紹HTML 5網頁的設計和制作流程。
本書主要內容
本書共分為19章,通過大量的實例全面介紹了使用HTML 5和CSS 3在網頁設計與制作過程中使用的各種專業技術,以及用戶可能遇到的各種問題。各章的主要內容如下:
第1章介紹基礎知識和理論知識,包括網頁的概念、靜態網頁和動態等內容。
第2章介紹HTML 5的主體結構,包括HTML 5結構性標簽體系、新增的主體結構標簽和非主體結構標簽等內容。
第3章介紹HTML 5中的表單及表單驗證,包括插入表單、新增表單屬性和新增表單域等內容。
第4章介紹HTML 5中新增的標簽及文件操作,包括新增的頁面標簽、改良標簽和Blob對象等內容。
第5章介紹繪制基本圖形內容,包括繪制矩形、繪制圓形和關閉路徑;以及圖形繪制的高級應用,包括繪制變形圖形、坐標的變換和圖形組合等內容。
第6章介紹HTML 5中的多媒體應用,包括視頻音頻的插入、屬性、方法和事件等內容。
第7章介紹HTML 5中的本地存儲和離線應用程序,包括Web Storage和Transaction方法等內容。
第8章介紹HTML 5中的通信與線程,包括Web Sockets通信、發送對象和線程等內容。
第9章介紹獲取用戶的地理位置信息等內容,包括獲取當前地理位置、持續監視當前地理位置和停止獲取地理位置等內容。
第10章介紹CSS 3的基礎知識,包括CSS的概念、繼承和引入方式等內容。
第11章介紹CSS 3中的選擇器,包括選擇器的類型和概念等內容。
第12章介紹使用CSS在頁面中插入內容,包括使用選擇器插入文字和圖片等內容。
第13章介紹文本的相關樣式,包括文字陰影、陰影位移和省略標記等內容。
第14章介紹盒相關樣式,包括盒的基本類型和表格的相關類型等內容。
第15章介紹用戶界面模塊,包括邊框陰影、繪制輪廓和分欄效果等內容。
第16章介紹背景和邊框樣式,包括指定背景的顯示范圍、繪制圓角邊框和使用圖像邊框等內容。
第17章介紹CSS 3中的變形處理,包括如何使用Transform功能和Transform功能的分類等內容。
第18章介紹了后臺管理頁面的設計分析,以及登錄面面和框架集頁面的各組成部分。
第19章使用之前介紹的各種知識,設計和制作了一個完整的網站綜合實例。通過該實例,可以讓用戶更全面了解HTML 5和CSS 3開發網頁的重要性。
本書特色
本書是一本專門介紹HTML 5和CSS 3的基礎知識教程,在編寫過程中精心設計了豐富的體例,以幫助讀者順利學習本書的內容。
系統全面,超值實用 本書針對各個章節不同的知識內容,提供了多個不同內容的實例,除了詳細介紹實例應用知識之外,還在側欄中同步介紹相關知識要點。每章穿插大量的提示、注意和技巧,構筑了面向實際的知識體系。另外,本書采用緊湊的體例和版式,相同內容下,篇幅縮減了30%以上,實例數量增加了50%。
串珠邏輯,收放自如 統一采用二級標題,靈活安排全書內容。每章最后都對本章重點、難點知識進行分析、總結,達到內容安排收放自如,方便讀者學習的目的。
全程圖解,快速上手 各章內容分為基礎知識、實例演示和高手答疑3個部分,全部采用圖解方式,圖像均做了大量的裁切、拼合、加工,信息豐富、效果精美,使讀者翻開圖書的第一感覺就獲得強烈的視覺沖擊。
書盤結合,相得益彰 多媒體光盤中提供了本書實例完整的素材文件和全程配音教學視頻文件,便于讀者自學和跟蹤聯系本書內容。
本書讀者對象
本書內容詳盡、講解清晰,全書包含眾多知識點,采用與實際范例相結合的方式進行講解,并配以清晰、簡潔的圖文排版方式,使學習過程更加輕松和易于上手。
本書適合作為高等院校和高職高專院校學生學習使用,也可以作為網頁設計與制作初學者、網站開發人員、大中專院校相關專業師生、網頁制作培訓班學員等的參考資料。
參與本書編寫的除了封面署名人員外,還有王敏、馬海軍、祁凱、孫江瑋、田成軍、劉俊杰、趙俊昌、王澤波、張銀鶴、劉治國、何方、李海慶、王樹興、朱俊成、康顯麗、崔群法、孫巖、王立新、王詠梅、辛愛軍、牛小平、賈栓穩、趙元慶、郭磊、楊寧寧、郭曉俊、方寧、王黎、安征、亢鳳林、李海峰等人。由于時間倉促,水平有限,疏漏之處在所難免,歡迎讀者朋友登錄清華大學出版社的網站www.tup.com.cn與我們聯系,幫助我們改進提高。
編 者
2010年4月
第1章 什么是HTML
1.1 網頁的概述
1.2 靜態網頁
1.3 動態網頁
1.4 了解網頁瀏覽器
1.5 常用的瀏覽器
1.6 瀏覽器內核/網頁排版引擎
1.7 HTML標簽語言
1.8 XML可擴展標識語言
1.9 XHTML標簽語言
1.10 HTML5的新功能
1.11 練習:創建HTML5文檔
1.12 練習:制作導航條
1.13 高手答疑
第2章 HTML 5的主體結構
2.1 HTML 5結構性標簽體系
2.2 新增的主體結構標簽
2.3 新增的非主體結構標簽
2.4 練習:個人博客
2.5 練習:制作水果頁面
2.6 練習:水墨畫頁面
2.7 高手答疑
第3章 表單及表單驗證
3.1 插入表單
3.2 新增表單屬性
3.3 HTML中的標簽
3.4 新增表單域
3.5 新的表單元素
3.6 練習:用戶登錄
3.7 練習:用戶注冊
3.8 高手答疑
第4章 新增標簽及文件操作
4.1 新增頁面標簽
4.2 改良標簽
4.3 增強的cite標簽
4.4 重新定義的small標簽
4.5 File List對象與file對象
4.6 Blob對象
4.7 File Reader接口
4.8 拖放接口
4.9 練習:風景推薦線路
4.10 練習:制作校園簡介
4.11 高手答疑
第5章 使用Canvas API繪制圖形
5.1 認識Canvas API元素
5.2 瀏覽器的支持與替代內容
5.3 在頁面中放置Canvas元素
5.4 使用路徑功能
5.5 使用變換(Transformation)
5.6 保存圖形狀態
5.7 描邊樣式和填充樣式
5.8 在Canvas中插入圖片
5.9 繪制文字
5.10 繪制曲線
5.11 創建漸變對象
5.12 創建背景圖
5.13 應用陰影
5.14 像素數據
5.15 高手答疑
第6章 應用多媒體
6.1 插入視頻或音頻
6.2 屬性
6.3 方法
6.4 事件
6.5 練習:在HTML5中插入音頻
6.6 練習:制作視頻播放頁面
6.7 高手答疑
第7章 本地存儲和離線應用程序
7.1 什么是Web Storage
7.2 Web Storage的優勢
7.3 判斷瀏覽器
7.4 Web Storage方法
7.5 本地數據庫基本
7.6 本地數據庫操作
7.7 離線Web應用程序詳解
7.8 Cache Manifest文件
7.9 在線狀態檢測
7.10 Application Cache對象
7.11 練習:制作簡單留言簿
7.12 練習:創建離線瀏覽
7.13 高手答疑
第8章 通信與線程
8.1 跨文檔消息傳輸
8.2 Web Socket通信
8.3 了解Web Sockets API
8.4 使用Web Socket
8.5 了解Web Workers
8.6 Web Workers工作原理
8.7 工作線程與多線程
8.8 線程事件處理模型
8.9 線程生命周期
8.10 瀏覽器與線程
8.11 練習:制作信息發送頁
8.12 練習:多線程運行
8.13 練習:單個線程計算
8.14 高手答疑
第9章 獲取地理位置信息
9.1 getcurrentPosition方法
9.2 WatchPosition方法
9.3 clearWatch方法
9.4 position對象
9.5 練習:聯系我們頁面
9.6 練習:個人博客
9.7 高手答疑
第10章 揭秘CSS3
10.1 了解CSS
10.2 使用CSS的好處
10.3 CSS的發展史
10.4 CSS缺點和使用陷阱
10.5 CSS3的新特性
10.6 應用CSS
10.7 CSS里的單位
10.8 編寫規則
10.9 練習:制作多彩時尚網
10.10 練習:制作文章頁面
10.11 高手答疑
第11章 CSS3選擇器
11.1 認識CSS3選擇器
11.2 屬性選擇器
11.3 偽類選擇器和偽元素
11.4 結構性偽類選擇器
11.5 UI元素狀態偽類選擇器
11.6 其他關系選擇器
11.7 練習:制作圖書列表
11.8 練習:制作商品列表
11.9 高手答疑
第12章 在頁面中插入內容
12.1 使用選擇器來插入文字
12.2 在標題前插入圖像文件
12.3 插入圖像文件的好處
12.4 attr屬性應用
12.5 使用content屬性
12.6 練習:企業新聞列表
12.7 練習:在線調查
12.8 高手答疑
……
第13章 文本相關樣式
第14章 盒相關樣式
第15章 用戶界面模塊
第16章 背景、邊框樣式及變形處理
第17章 CSS中的動畫
第18章 后臺管理頁面
第19章 君華房產網站首頁