HTML5網頁設計案例課堂（第2版）

定　價：￥69.00

作　者：	劉春茂著
出版社：	清華大學出版社
叢編項：	網站開發(fā)案例課堂
標　簽：	暫缺

購買這本書可以去

ISBN：	9787302489160	出版時間：	2017-12-01	包裝：	平裝
開本：	16開	頁數(shù)：	436	字數(shù)：

內容簡介

　　《HTML5網頁設計案例課堂（第2版）》以零基礎講解為宗旨，用實例引導讀者深入學習，采取【基礎入門→核心技術→高級技能→移動開發(fā)→綜合案例實戰(zhàn)】的講解模式，深入淺出地講解HTML 5的各項技術及實戰(zhàn)技能?！禜TML5網頁設計案例課堂（第2版）》第Ⅰ篇【基礎入門】主要內容包括新一代Web前端技術HTML 5、HTML 5網頁的文檔結構、HTML 5與HTML4的區(qū)別等；第Ⅱ篇【核心技術】主要內容包括設計網頁文本內容、設計網頁列表與段落、HTM L5網頁中的圖像、使用HTML 5建立超鏈接、使用HTML 5創(chuàng)建表單、使用HTML 5創(chuàng)建表格、HTML 5中的音頻和視頻、使用HTML 5繪制圖形等；第Ⅲ篇【高級技能】主要內容包括HTML 5中的文件與拖放、定位地理位置技術、Web存儲和通信技術、處理線程和服務器發(fā)送事件、構建離線的Web應用等；第Ⅳ篇【移動開發(fā)】主要內容包括jQuery Mobile基礎、jQuery Mobile UI組件、jQuery Mobile 事件、數(shù)據(jù)存儲和讀取技術等；第Ⅴ篇【綜合案例實戰(zhàn)】主要內容包括制作休閑娛樂類網頁、制作企業(yè)門戶類網頁、制作電子商務類網頁、開發(fā)連鎖酒店訂購系統(tǒng)。本書贈送了13個超值的*牌資源?！禜TML5網頁設計案例課堂（第2版）》適合任何想學習網頁前臺設計與布局的人員，無論您是否從事計算機相關行業(yè)，無論您是否接觸過HTML 5，通過學習均可快速掌握網頁的設計方法和技巧。

作者簡介

　　作者長期從事網站開發(fā)工作，數(shù)年來承接了大量的項目，具有豐富的實踐經驗。

圖書目錄

目錄
第Ⅰ篇基礎入門
第1章新一代Web前端
技術HTML 5 3
1.1 HTML的基本概念 4
1.1.1 HTML的發(fā)展歷程 4
1.1.2 什么是HTML 4
1.1.3 HTML 5文件的基本結構 5
1.2 HTML 5的優(yōu)勢 5
1.2.1 解決了跨瀏覽器問題 5
1.2.2 新增了多個新特性 5
1.2.3 用戶優(yōu)先的原則 6
1.2.4 化繁為簡的優(yōu)勢 7
1.3 HTML 5網頁的開發(fā)環(huán)境 7
1.3.1 案例1——使用記事本手工
編寫HTML 5 7
1.3.2 案例2——使用Dreamweaver CC
編寫HTML文件 8
1.4 使用瀏覽器查看HTML 5文件 11
1.4.1 案例3——查看頁面效果 11
1.4.2 案例4——查看源文件 12
1.5 高手解惑 12
第2章 HTML 5網頁的文檔結構 13
2.1 HTML 5文件的基本結構 14
2.1.1 HTML 5頁面的整體結構 14
2.1.2 HTML 5新增的結構標記 14
2.2 HTML 5基本標記詳解 15
2.2.1 文檔類型說明 15
2.2.2 HTML標記 15
2.2.3 頭標記head 16
2.2.4 網頁的主體標記body 18
2.2.5 頁面注釋標記 19
2.3 HTML 5語法的變化 20
2.3.1 標簽不再區(qū)分大小寫 20
2.3.2 允許屬性值不使用引號 20
2.3.3 允許部分屬性值的屬性省略 20
2.4 必知必會——HTML 5代碼規(guī)范 21
2.5 綜合案例——符合W3C標準的
HTML 5網頁 22
2.6 跟我學上機——簡單的HTML 5網頁 22
2.7 高手解惑 23
第3章 HTML 5與HTML 4 的區(qū)別 25
3.1　新增的主體結構元素 26
3.1.1　案例1——section元素的使用 26
3.1.2　案例2——article元素的使用 26
3.1.3　案例3——aside元素的使用 29
3.1.4　案例4——nav元素的使用 31
3.1.5　案例5——time元素的使用 32
3.2　新增的非主體結構元素 34
3.2.1　案例6——header元素的使用 34
3.2.2　案例7——hgroup元素的使用 34
3.2.3　案例8——footer元素的使用 36
3.2.4　案例9——figure元素的使用 37
3.2.5　案例10——address元素的使用 39
3.3　新增其他常用元素 40
3.3.1　案例11——mark元素的使用 40
3.3.2　案例12——rp元素、rt元素與
ruby元素的使用 41
3.3.3　案例13——progress元素的
使用 42
3.3.4　案例14——command元素的
使用 42
3.3.5　案例15——embed元素的
使用 43
3.3.6　案例16——details元素與
summary元素的使用 43
3.3.7　案例17——datalist元素的
使用 44
3.4　新增全局屬性 45
3.4.1　案例18——contentEditable
屬性的使用 45
3.4.2　案例19——spellcheck屬性的
使用 46
3.4.3　案例20——tabIndex屬性的
使用 46
3.5　新增的其他屬性 47
3.5.1　案例21——表單相關屬性的
使用 47
3.5.2　案例22——鏈接相關屬性的
使用 54
3.5.3　案例23——其他新增屬性的
使用 55
3.6　HTML 5廢除的屬性 56
3.7　高手解惑 57
第II篇核心技術
第4章設計網頁文本內容 61
4.1　標題文字的建立 62
4.1.1　案例1——標題文字標記 62
4.1.2　案例2——標題文字的
對齊方式 63
4.2　設置文字格式 63
4.2.1　案例3——設置文字字體 63
4.2.2　案例4——設置字號 64
4.2.3　案例5——設置文字顏色 66
4.2.4　案例6——設置粗體、斜體、
下畫線 67
4.2.5　案例7——設置上標與下標 68
4.2.6　案例8——設置字體風格 68
4.2.7　案例9——設置加粗字體 69
4.2.8　案例10——設置字體
復合屬性 70
4.2.9　案例11——設置陰影文本 71
4.2.10　案例12——控制換行 72
4.3　設置段落格式 73
4.3.1　案例13——設置段落標記 73
4.3.2　案例14——設置換行標記 74
4.4　設置網頁水平線 75
4.4.1　案例15——添加水平線 75
4.4.2　案例16——設置水平線的
寬度與高度 75
4.4.3　案例17——設置水平線的顏色 76
4.4.4　案例18——設置水平線的
對齊方式 76
4.4.5　案例19——去掉水平線陰影 77
4.5　綜合案例——成才教育網文本設計 77
4.6　高手解惑 78
第5章設計網頁列表與段落 79
5.1　網頁文字列表的設計 80
5.1.1　案例1——建立無序列表 80
5.1.2　案例2——建立有序列表 81
5.1.3　案例3——建立不同類型的
無序列表 82
5.1.4　案例4——建立不同類型的
有序列表 82
5.1.5　案例5——嵌套列表 83
5.1.6　案例6——自定義列表 83
5.2　網頁段落格式的設計 84
5.2.1　案例7——設計單詞間隔
word-spacing 84
5.2.2　案例8——設計字符間隔
letter-spacing 85
5.2.3　案例9——設計文字修飾
text-decoration 86
5.2.4　案例10——設計垂直
對齊方式vertical-align 87
5.2.5　案例11——設計文本轉換
text-transform 88
5.2.6　案例12——設計水平對齊
方式text-align 89
5.2.7　案例13——設計文本縮進
text-indent 91
5.2.8　案例14——設計文本行高
line-height 92
5.2.9　案例15——處理空白
white-space 93
5.2.10　案例16——文本反排
unicode-bidi 94
5.3　綜合案例——制作圖文混排型
旅游網頁 96
5.4　高手解惑 97
第6章 HTML 5網頁中的圖像 99
6.1　網頁中的圖像 100
6.1.1　網頁中支持的圖片格式 100
6.1.2　圖像中的路徑 100
6.2　在網頁中插入圖像 102
6.2.1　案例1——插入圖像 102
6.2.2　案例2——從不同位置插入
圖像 103
6.3　編輯網頁中的圖像 103
6.3.1　案例3——設置圖像的
寬度和高度 104
6.3.2　案例4——設置圖像的
提示文字 104
6.3.3　案例5——將圖片設置為
網頁背景 105
6.3.4　案例6——排列圖像 106
6.4　綜合案例——圖文并茂的房屋裝飾
裝修網頁 107
6.5　高手解惑 108
第7章使用HTML 5建立超鏈接 109
7.1　網頁超鏈接的概念 110
7.1.1　什么是網頁超鏈接 110
7.1.2　超鏈接中的URL 110
7.1.3　超鏈接的URL類型 111
7.2　建立網頁超級鏈接 111
7.2.1　案例1——創(chuàng)建超文本鏈接 111
7.2.2　案例2——創(chuàng)建圖片鏈接 113
7.2.3　案例3——創(chuàng)建下載鏈接 114
7.2.4　案例4——使用相對路徑和
絕對路徑 115
7.2.5　案例5——設置以新窗口顯示
超鏈接頁面 115
7.2.6　案例6——設置電子郵件鏈接 116
7.3　案例7——浮動框架iframe的使用 117
7.4　綜合案例——使用錨鏈接制作電子書
閱讀網頁 119
7.5 高手解惑 122
第8章使用HTML 5 創(chuàng)建表單 123
8.1 案例1——認識表單 124
8.2 表單基本元素的使用 124
8.2.1 案例2——單行文本輸入框
text 125
8.2.2 案例3——多行文本輸入框
textarea 125
8.2.3 案例4——密碼域password 126
8.2.4 案例5——單選按鈕radio 127
8.2.5 案例6——復選框checkbox 128
8.2.6 案例7——列表框select 128
8.2.7 案例8——普通按鈕button 129
8.2.8 案例9——提交按鈕submit 130
8.2.9 案例10——重置按鈕reset 131
8.3 表單高級元素的使用 132
8.3.1 案例11——url屬性的使用 132
8.3.2 案例12——email屬性的使用 132
8.3.3 案例13——date和time屬性的
使用 133
8.3.4 案例14——number屬性的
使用 134
8.3.5 案例15——range屬性的使用 135
8.3.6 案例16——required屬性的
使用 136
8.4 綜合案例——創(chuàng)建用戶反饋表單 137
8.5 跟我學上機——制作用戶注冊表單 138
8.6 高手解惑 139
第9章使用HTML 5 創(chuàng)建表格 141
9.1 案例1——表格的基本結構 142
9.2 創(chuàng)建表格 143
9.2.1 案例2——創(chuàng)建普通表格 143
9.2.2 案例3——創(chuàng)建一個帶有標題的
表格 144
9.3 編輯表格 145
9.3.1 案例4——定義表格的
邊框類型 145
9.3.2 案例5——定義表格的表頭 146
9.3.3 案例6——設置表格背景 147
9.3.4 案例7——設置單元格的背景 148
9.3.5 案例8——合并單元格 148
9.3.6 案例9——排列單元格中的
內容 152
9.3.7 案例10——設置單元格的
行高與列寬 153
9.4 案例11——完整的表格標記 153
9.5 綜合案例——制作計算機報價表 154
9.6 跟我學上機——制作學生成績表 157
9.7 高手解惑 160