細說網頁制作 ( 簡體 字) |
| 作者：兄弟連教育 | 類別：1. -> 程式設計 -> 網路編程 -> HTML |
| 譯者： |
| 出版社：電子工業出版社 |  3dWoo書號： 47972
詢問書籍請說出此書號！【有庫存】
NT售價： 300 元 |
| 出版日：10/1/2017 |
| 頁數：408 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787121328756 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：隨著HTML5標準化逐漸成熟，以及互聯網的飛速發展和移動端的應用不斷創新，再加上微信公眾號、小程序的應用飆升，原生APP向Web APP和混合APP的轉變，用戶對視覺效果和操作體驗的要求越來越高，HTML5成為移動互聯網的主要技術，也是目前的主流技術之一。HTML5是超文本標記語言（HTML）的第5次修訂，是近年來Web標準的巨大飛躍。Web是一個內涵極為豐富的平臺，和以前版本不同的是，HTML5并非僅僅用來表示Web內容，在這個平臺上還能非常方便地加入視頻、音頻、圖像、動畫，以及與計算機的交互。HTML5的意義在于它帶來了一個無縫的網絡，無論是PC、平板電腦，還是智能手機，都能非常方便地瀏覽基于HTML5的各類網站。對用戶來說，手機上的APP會越來越少，用HTML5實現的一些應用不需要下載安裝，就能立即在手機界面中生成一個APP圖標，使用手機中的瀏覽器來運行，新增的導航標簽也能更好地幫助小屏幕設備和視力障礙人士使用。HTML5擁有服務器推送技術，給用戶帶來了更便捷的實時聊天功能和更快的網游體驗。
HTML5對于開發者來說更是福音。HTML5本身是由W3C推薦的，也就意味著每一個瀏覽器或每一個平臺都可以實現，這樣可以節省開發者花在瀏覽器頁面展現兼容性上的時間。另外，HTML5是Web前端技術的一個代名詞，其核心技術點還是JavaScript。如HTML5的服務器推送技術，再結合JavaScript編程，能夠幫助我們實現服務器將數據“推送”到客戶端的功能，客戶端與服務器之間的數據傳輸將更加高效。基于SVG、Canvas、WebGL及CSS3的3D功能，會讓用戶驚嘆在瀏覽器中所呈現的各種炫酷的視覺效果。以往在iPhone iPad上不支持的Flash將來都有可能通過HTML5華麗地呈現在用戶的iOS設備上。
本套圖書介紹
為了讓前端初學者少走彎路，快速而輕松地學習HTML5和JavaScript編程，我們結合新技術和兄弟連多年的教學經驗積累，再通過對企業實際應用的調研，編寫了一整套HTML5系列圖書，共5本，包括《細說網頁制作》、《細說JavaScript》、《細說DOM編程》、《細說AJAX與jQuery》和《細說HTML5高級API》，每一本書都是不同層次的完整內容，不僅給初學者安排了循序漸進的學習過程，也便于不同層次的讀者選擇；既適合沒有編程基礎的前端初學者作為入門教程，也適合正在從事前端開發的人員作為技術提升參考資料。本套圖書編寫的初衷是為了緊跟新技術和兄弟連IT教育HTML5學科的教學發展，作為本校培訓教程使用，也可作為大、中專院校和其他培訓學校的教材使用。同時，對于前端開發愛好者，本書也有較高的參考價值。
《細說網頁制作》
作為“跟兄弟連學HTML5系列教程”的第一本書，主要帶領HTML5初學者一步步完成精美的頁面制作。本書內容包括HTML應用、CSS應用、HTML5的新技術、各種主流的頁面布局方法和一整套頁面開發實戰技能，讓讀者可以使用多種方法完成PC端的頁面制作、移動端的頁面制作，以及響應式布局頁面的制作，不僅能做出頁面，還能掌握如何做好頁面。
《細說JavaScript》
這是“跟兄弟連學HTML5系列教程”的第二本書，在學習本書之前需要簡單了解一下第一本書中的HTML和CSS內容。本書內容是純JavaScript語言部分，和瀏覽器無關，包括JavaScript基本語法、數據類型、流程控制、函數、對象、數組和內置對象，所有知識點都是為了學習DOM編程、Node.js、JS框架等JavaScript高級部分做準備。本書雖然是JavaScript的基礎部分，但全書內容都需要牢牢掌握，才能更好地晉級學習。
《細說DOM編程》
這是“跟兄弟連學HTML5系列教程”的第三本書，全書內容都和瀏覽器相關，在學習本書之前需要掌握前兩本書的技術。本書內容包括BOM和DOM兩個關鍵技術點，并且全部以PC端和移動端的Web特效為主線，以實例貫穿全部知識點進行講解。學完本書的內容，不僅可以用JavaScript原生的語法完成頁面的特效編寫，也為學習后面的JavaScript框架課程做好了準備。本書內容是Web前端課程的核心，需要讀者按書中的實例多加練習，能熟練地進行瀏覽器中各種特效程序的開發。
《細說AJAX與jQuery》
這是“跟兄弟連學HTML5系列教程”的第四本書，其內容是建立在第三本書之上的，包括服務器端開發語言Node.js、異步傳輸AJAX和jQuery框架三部分。其中，Node.js部分是為了配合AJAX完成客戶端向服務器端的異步請求；jQuery是目前主流的前端開發框架，其目的是讓開發者用盡量少的代碼完成盡可能多的功能。AJAX和jQuery是目前前端開發的必備技術，本書從基本應用開始學起，用實例分解方式講解技術點，讓讀者完全掌握這些必備的技能。
《細說HTML5高級API》
這是“跟兄弟連學HTML5系列教程”的第五本書，是前端開發的應用部分，主要講解HTML5高級API的相關內容，包括畫布、Web存儲、應用緩存、服務器發送事件等，可以用來開發移動端的Web APP項目。本書重點講解了Cordova技術，它提供了一組與設備相關的API，通過這組API，移動應用就能夠通過JavaScript訪問原生的設備功能，如攝像頭、麥克風等。Cordova還提供了一組統一的JavaScript類庫，以及與這些類庫所用的設備相關的原生后臺代碼。通過編寫HTML5程序，再用Cordova打包出混合APP的項目，可以安裝在Android和iOS等設備上。
本套圖書的特點
1．內容豐富，由淺入深
本套圖書在內容組織上本著“起點低，重點高”的原則，內容幾乎涵蓋前端開發的所有核心技能，對于某一方面的介紹再從多角度進行延伸。為了讓讀者更加方便地學習本套圖書的內容，在每本書的每個章節中都提供了一些實際的項目案例，便于讀者在實踐中學習。
2．結構清晰，講解到位
每個章節都環環相扣，為了讓初學者更快地上手，本套圖書精心設計了學習方式。對于概念的講解，都是先用準確的語言總結概括，再用直觀的圖示演示過程，接著以詳細的注釋解釋代碼，最后用形象的比喻幫助記憶。對于框架部分，先提取核心功能快速掌握框架的應用，再用多個對應的實例分別講解每個模塊，最后逐一講解框架的每個功能。對于代碼部分， 先演示程序效果，再根據需求總結出涉及的知識點逐一講解，然后組合成實例，最后總結分析重點功能的邏輯實現。
3．完整案例，代碼實用
為了便于讀者學習，本套圖書的全部案例都可以在商業項目中直接運用，豐富的案例幾乎涵蓋前端應用的各個方面。所有的案例都可以通過對應的二維碼掃描，直接在手機上查看運行結果，讀者可以通過仔細研究其效果，最大限度地掌握開發技術。另外，掃描每個章節中的資源下載二維碼，可以獲得下載鏈接，點擊鏈接即可獲取所有案例的完整源代碼。
4．視頻精致，立體學習
字不如表，表不如圖，圖不如視頻，每本書都配有詳細講解的教學視頻，由兄弟連名師精心錄制，不僅能覆蓋書中的全部知識點，而且遠遠超出書中的內容。通過參考本套圖書，再結合教學視頻學習，可以加快對知識點的掌握，加快學習進度。讀者可以掃描每個章節中提供的教學視頻二維碼，獲取視頻列表直接在手機上觀看，也可以直接登錄“猿代碼（www.ydma.cn）”平臺在PC端觀看，逐步掌握每個技術點。
5．電子教案，學教通用
每本書都提供了和章節配套的電子教案（PPT）。對于學生來說，可以作為學習筆記使用，是知識點的濃縮和重點內容的記錄。由于本套圖書可以作為高校相關課程的教材或課外輔導書，所以可以方便教師教學使用。讀者可以通過掃描對應章節的二維碼，下載或在線觀看電子教案。本書也為部分章節提供了一些擴展文章，也可以通過掃描二維碼的方式下載或在線觀看。
6．實時測試，寓學于練
每章最后都提供了專門的測試習題，供讀者檢驗所學知識是否牢固掌握。通過掃描測試習題對應的二維碼，可以查看答案和詳細的講解。
7．技術支持，服務到位
為了幫助讀者學到更多的HTML5技術，在兄弟連論壇（bbs.itxdl.cn）中還可以下載常用的技術手冊和所需的軟件。筆者及兄弟連IT教育（新三板上市公司，股票代碼：839467）的全體講師和技術人員也會及時回答讀者的提問，與讀者進行在線技術交流，并為讀者提供各類技術文章，幫助讀者提高開發水平，解決讀者在開發中遇到的疑難問題。
本套圖書的讀者群
有審美，喜歡編程，并且懷揣夢想的有志青年。
打算進入前端編程大門的新手，階梯遞進，由淺入深。
專業培訓機構前端課程授課教材，有體系地掌握全部前端技能。
各大院校的在校學生和相關的授課老師，課件、試題、代碼豐富實用。
前端頁面、Web APP、網頁游戲、微信公眾號等開發的前沿程序員，是專業人員的開發工具。
其他方向的編程愛好者，需要前端技術配合，或轉向前端開發的程序員。
高洛峰
2017年2月 |
內容簡介：通過本書的學習，能快速上手網站前端開發。為了使HTML5語言能被讀者更好地掌握和應用，同時作為“跟兄弟連學HTML5系列教程”的第一本入門級圖書，本書對HTML語言的知識點進行了詳細的闡述和分析，包括HTML5和CSS3的語法、各種頁面布局方法、流行的前端框架Bootstrap等內容。不僅有通俗易懂的語法講解，也用貼切的小案例實驗，使讀者能輕松掌握新知識，且可以快速上手前端技術操作。本書適合對前端技術開發感興趣的初學者閱讀，也可以作為從事前端技術工作的開發人員的參考書，或作為大學生學習HTML5的教材。同時，本書也為讀者之后學習同系列其他圖書奠定基礎。 |
目錄：第1章 介紹HTML5 1
1.1 了解HTML5的主流應用 1
1.1.1 表單的強大 2
1.1.2 響應式頁面布局 2
1.1.3 與用戶交互的特效 4
1.1.4 微網站的制作 5
1.1.5 基于HTML5的移動APP開發 6
1.1.6 HTML5游戲 7
1.1.7 多媒體的應用 7
1.2 什么是HTML5 8
1.2.1 HTML5和HTML的關系 8
1.2.2 HTML和CSS的關系 10
1.2.3 HTML5和CSS3的關系 11
1.2.4 HTML5和JavaScript的關系 11
1.3 HTML5的靠山 12
1.3.1 W3C是什么 12
1.3.2 IETF是什么 13
1.3.3 RFC是什么 14
1.3.4 WHATWG是什么 14
1.3.5 Web的新標準 14
1.4 HTML5的曲折發展過程 15
1.4.1 HTML5的誕生 15
1.4.2 瀏覽器之間的大戰 16
1.4.3 HTML5技術的應用現狀 18
1.4.4 HTML5平臺的興起 18
1.4.5 HTML5行業的發展預測 20
1.5 HTML5的學習線路圖 21
1.5.1 第一階段——學習網頁制作 23
1.5.2 第二階段——編寫用戶交互功能 24
1.5.3 第三階段——成為前端工程師 25
本章小結 26
本章習題 26
第2章 HTML5的基本語法 28
2.1 課前準備 28
2.1.1 了解Web 29
2.1.2 了解HTML 30
2.1.3 了解HTML運行原理 30
2.1.4 如何選擇開發工具 31
2.1.5 認識瀏覽器中的開發者工具 32
2.1.6 現在學習HTML5的方式 34
2.1.7 簡單HTML實例制作 35
2.2 HTML語言的語法 36
2.2.1 HTML標簽和元素 36
2.2.2 HTML語法不區分字母大小寫 37
2.2.3 HTML標簽屬性 37
2.2.4 HTML顏色值的設置 37
2.2.5 HTML文檔注釋 38
2.2.6 HTML代碼格式 38
2.2.7 HTML字符實體 38
2.3 HTML文檔的主體結構 39
2.3.1 HTML文檔類型的新定義方式 40
2.3.2 HTML文檔的主體標簽 41
2.4 HTML文檔頭部標簽＜head＞ 41
2.4.1 ＜title＞標簽 42
2.4.2 ＜base＞標簽 42
2.4.3 ＜link＞標簽 43
2.4.4 ＜meta＞標簽 43
2.5 HTML文檔主體標簽＜body＞ 44
2.6 HTML5做到了與之前版本的兼容 45
2.6.1 可以省略標記的元素 45
2.6.2 具有boolean值的屬性 46
2.6.3 引號的使用 46
2.7 設置IE 9以下版本瀏覽器支持HTML5 46
本章小結 47
本章習題 47
第3章 HTML5文字版面和編輯標簽 49
3.1 HTML基礎標簽 49
3.1.1 標題標簽＜h1＞∼＜h6＞ 50
3.1.2 換行標簽
和段落標簽＜p＞ 51
3.1.3 水平分隔線標簽＜hr＞ 51
3.1.4 格式標簽 51
3.1.5 文本標簽 53
3.2 使用HTML表格 55
3.3 HTML框架結構 57
本章小結 60
本章習題 61
第4章 多媒體應用 62
4.1 創建圖像和鏈接 62
4.1.1 URL概述 63
4.1.2 插入圖片 63
4.1.3 建立錨點和超鏈接 64
4.2 HTML圖像地圖 66
4.2.1 什么是圖像地圖 66
4.2.2 圖像地圖如何制作 66
4.2.3 實現圖像地圖 67
4.3 新增多媒體播放元素 68
本章小結 71
本章習題 71
第5章 HTML5表單 74
5.1 HTML表單中的get和post方法 74
5.1.1 get方法 75
5.1.2 post方法 76
5.1.3 HTML表單中get和post的區別 76
5.2 HTML表單設計 77
5.2.1 表單標簽＜form＞ 77
5.2.2 文本域和密碼域 78
5.2.3 提交、重置和普通按鈕 78
5.2.4 單選按鈕和復選框 79
5.2.5 隱藏域 79
5.2.6 多行文本域 79
5.2.7 菜單下拉列表域 79
5.2.8 綜合實例 80
5.3 HTML5新增表單元素 82
5.3.1 ＜datalist＞元素 82
5.3.2 ＜keygen＞元素 83
5.3.3 ＜output＞元素 84
5.4 多樣的輸入類型 85
5.4.1 email 85
5.4.2 url 86
5.4.3 number 87
5.4.4 range 87
5.4.5 date picker 88
5.4.6 color 89
5.5 HTML占新增的表單屬性 91
5.5.1 autocomplete屬性 92
5.5.2 autofocus屬性 93
5.5.3 form屬性 94
5.5.4 form overrides表單重寫屬性 95
5.5.5 height和width屬性 95
5.5.6 list屬性 96
5.5.7 min、max和step屬性 96
5.5.8 multiple屬性 97
5.5.9 novalidate屬性 97
5.5.10 pattern屬性 98
5.5.11 placeholder屬性 98
5.5.12 required屬性 99
5.6 HTML5表單提交綜合實例 100
本章小結 103
本章習題 103
第6章 CSS3揭秘 105
6.1 CSS簡介 105
6.2 CSS規則的組成 107
6.2.1 CSS注釋 108
6.2.2 長度單位 108
6.2.3 顏色單位和URL值 109
6.3 在HTML文檔中放置CSS的幾種方式 110
6.3.1 內聯樣式表 110
6.3.2 嵌入一張樣式表 110
6.3.3 鏈接到一張外部的樣式表 111
6.4 CSS普通選擇器 111
6.4.1 HTML選擇器 111
6.4.2 類選擇器 112
6.4.3 id選擇器 112
6.4.4 關聯選擇器 113
6.4.5 組合選擇器 113
6.4.6 偽元素選擇器 113
6.5 CSS常見的樣式屬性和值 114
6.5.1 字體屬性 114
6.5.2 顏色屬性 115
6.5.3 背景屬性 115
6.5.4 文本屬性 116
6.5.5 邊框屬性 117
6.5.6 鼠標光標屬性 118
6.5.7 列表屬性 119
6.5.8 CSS綜合實例 120
6.6 CSS3概述 122
6.6.1 CSS3在選擇器上的支持 122
6.6.2 CSS3在樣式上的支持 122
6.6.3 CSS3對于動畫的支持 123
6.6.4 在實際開發中該如何使用CSS3 123
6.7 CSS復雜選擇器 123
6.7.1 基本選擇器 123
6.7.2 多元素的組合選擇器 124
6.7.3 屬性選擇器 124
6.7.4 結構性偽類選擇器 125
6.8 CSS3屬性 129
6.8.1 使用CSS3屬性前的準備 130
6.8.2 邊框屬性 130
6.8.3 背景屬性 132
6.8.4 文本屬性 133
6.8.5 用戶界面屬性 133
6.8.6 動畫屬性 134
6.8.7 多列布局屬性 134
6.8.8 漸變屬性 135
6.8.9 透明屬性 136
6.8.10 旋轉屬性 136
6.8.11 服務器端字體屬性 136
本章小結 137
本章習題 137
第7章 CSS3屬性特效 140
7.1 新增顏色模式 140
7.2 文字 142
7.2.1 文字陰影 143
7.2.2 文字描邊 146
7.2.3 文字排版 150
7.2.4 定義省略文本的處理方式 152
7.3 自定義文字 153
7.4 彈性盒模型 156
7.5 盒模型陰影 164
7.6 倒影 167
7.7 CSS3分欄布局 173
7.7.1 列個數和列寬度 173
7.7.2 列之間的縫隙間隔寬度 175
7.7.3 分欄間隔符 176
7.8 圓角 177
7.8.1 border-radius屬性 177
7.8.2 單個圓角的設置 180
7.9 邊框 181
7.9.1 邊框圖片border-image 182
7.9.2 自適應的圓角效果 186
7.10 漸變 188
7.10.1 CSS3漸變介紹 188
7.10.2 線性漸變 189
7.10.3 線性漸變實例 189
7.10.4 徑向漸變 194
7.10.5 徑向漸變實例 194
7.11 CSS3背景 198
7.11.1 多背景 198
7.11.2 background-size 200
7.11.3 background-origin 202
7.11.4 background-clip 203
7.12 遮罩 204
7.13 transition過渡 206
7.14 2D變換 207
7.14.1 translate()方法 208
7.14.2 rotate()方法 209
7.14.3 scale()方法 212
7.14.4 skew()方法 213
7.15 3D變換 215
7.15.1 transform-style 216
7.15.2 perspective景深 216
7.15.3 perspective-origin景深基點 218
7.15.4 3D位移 219
7.15.5 3D旋轉 222
7.15.6 3D縮放 223
7.15.7 3D盒子 225
7.16 animation動畫 226
7.16.1 關鍵幀keyframes 227
7.16.2 animation動畫屬性 229
本章小結 229
本章習題 230
第8章 DIV+CSS網頁標準化布局 232
8.1 DIV+CSS頁面布局的優勢 232
8.2 “無意義”的HTML標簽＜div＞和＜span＞ 233
8.3 W3C盒子模型 234
8.4 和頁面布局有關的CSS屬性 236
8.5 盒子區塊框的定位 238
8.5.1 相對定位 238
8.5.2 絕對定位 239
8.6 使用盒子模型的浮動布局 240
8.6.1 設置浮動 240
8.6.2 行框和清理 242
8.7 DIV+CSS的兼容性問題 244
8.7.1 不同瀏覽器解釋盒子模型的差異 245
8.7.2 設置瀏覽器去遵循W3C標準 246
8.8 使用盒子模型設計頁面布局 247
8.8.1 居中設計 247
8.8.2 設置兩列浮動的布局 248
8.8.3 設置三列浮動的布局 250
8.8.4 設置多列浮動的布局 251
8.9 DIV+CSS網站首頁布局示例 252
8.9.1 HTML文件的設計 253
8.9.2 CSS文件的設計 254
本章小結 256
本章習題 256
第9章 響應式布局 259
9.1 響應式布局的優缺點 259
9.2 如何設計響應式布局 260
9.3 響應式布局實例 261
9.4 Media Queries模塊的使用方法 263
9.4.1 語法結構及用法 264
9.4.2 可用的設備類型 265
9.4.3 可用的設備特性參數 266
9.5 在移動設備上設置原始大小顯示 268
9.6 響應式網站的內容設計 268
9.6.1 響應式圖片顯示內容設計 269
9.6.2 響應式文字顯示內容設計 269
9.7 響應式網站的設計流程 270
本章小結 271
本章習題 272
第10章 認識和使用Sass 273
10.1 初識Sass 273
10.1.1 Sass是什么 274
10.1.2 Sass的作用 274
10.1.3 Sass的安裝 277
10.1.4 Sass的使用和編譯 279
10.2 Sass基本語法與使用實例 283
10.2.1 Sass基本語法 283
10.2.2 Sass使用實例 288
本章小結 292
本章習題 292
第11章 柵格布局 294
11.1 柵格 294
11.2 盒子模型 296
11.3 柵格實例 297
11.4 Bootstrap框架 298
11.4.1 Bootstrap現狀 299
11.4.2 柵格系統 299
本章小結 313
本章習題 313
第12章 Bootstrap的快速入門 315
12.1 Bootstrap的內容概述與整體理解 315
12.1.1 全局CSS樣式 316
12.1.2 組件 317
12.1.3 JavaScript插件 319
12.2 Bootstrap搭建環境 320
12.3 Bootstrap全局CSS樣式 321
12.3.1 全局CSS樣式的柵格系統和響應式布局 322
12.3.2 全局CSS樣式的表單 324
12.4 Bootstrap組件 324
12.5 Bootstrap的JavaScript插件 326
本章小結 328
本章習題 328
第13章 Bootstrap的實戰 330
13.1 實戰概述 330
13.2 實戰需求 330
13.3 實戰準備 333
13.3.1 Sass配置 334
13.3.2 HTML的基本模塊 335
13.4 頂部工具欄 336
13.4.1 Bootstrap的字體圖標組件 336
13.4.2 Bootstrap的下拉菜單組件 337
13.4.3 Bootstrap的輸入框組組件 339
13.4.4 Bootstrap的導航組件 341
13.4.5 頂部工具欄PC端內容填充 342
13.4.6 頂部工具欄PC端樣式優化 345
13.4.7 實戰頂部工具欄移動端 352
13.5 頁面導航條 353
13.5.1 Bootstrap的導航條組件 354
13.5.2 實戰頁面導航條——內容填充 356
13.5.3 實戰頁面導航條——樣式優化 358
13.6 banner區 360
13.6.1 Bootstrap的JavaScript輪播圖插件 360
13.6.2 實戰banner區 362
13.7 推薦位 364
13.7.1 Bootstrap的縮略圖組件 364
13.7.2 Bootstrap的面板組件 365
13.7.3 實戰第一種風格的推薦位——內容填充 366
13.7.4 實戰第一種風格的推薦位——樣式優化 369
13.7.5 實戰第二種風格的推薦位——內容填充 372
13.7.6 實戰第二種風格的推薦位——樣式優化 375
13.8 腳部 379
13.9 用戶登錄 380
13.9.1 Bootstrap的表單全局CSS樣式 380
13.9.2 Bootstrap的模態框JavaScript插件 382
13.9.3 實戰用戶登錄 384
本章小結 386
本章習題 387
附錄A 388 |
| 序： |
