HTML5、CSS3與jQuery儼然成為了標準Web製作技術的黃金組合。《HTML5+CSS3+jQuery套用之美》由韓國專業視覺設計師傾力奉獻其多年商業網站設計與製作的從業經驗，通過八大商業案例，以HTML5搭建結構、CSS3設定樣式、jQuery實現動態套用這三者相結合的實際套用方式，詳細講解它們的新技術點，以及流行套用熱點的設計思路與製作方法。技術核心穿插在實際操作中闡述，更便於讀者在了解技術理論的同時明晰其套用本質。《HTML5+CSS3+jQuery套用之美》案例完整，跟學書中實例後，相信會使讀者的網頁設計與製作水平均有實質提升。 《HTML5+CSS3+jQuery套用之美》適合Web設計人員和前端開發人員閱讀，也適合作為相關培訓用途的參考用書。
基本介紹
- 書名：HTML5+CSS3+jQuery套用之美
- 作者：池勛
- 譯者：武傳海
目錄
第1章 搭建網頁開發環境 015
客戶與主機 016
搭建Web客戶測試環境 017
選擇與安裝網頁製作工具 023
搭建Web主機環境 025
選擇內容管理系統(CMS) 029
第2章 HTML5、CSS3、jQuery基礎 030
超文本標記語言，HTML5基礎 031
創建HTML5基本文檔 031
編寫正文主體：列表 035
HTML5大綱算法(Outliner)與Section元素 036
層疊樣式表，CSS3基礎 039
控制正文主體(body)樣式 039
控制標題(h1，h2)樣式 041
控制網頁背景與字型 042
腳本語言JavaScript基礎 045
JavaScript Library，jQuery基礎 058
第3章 設計網頁動態橫幅廣告(Banner) 063
設計效果預覽 064
設計網頁布局 065
編寫HTML5代碼 066
輸入單擊Banner時要連結的網站 066
向Banner中添加圖片與文字 066
使用class屬性標識各元素 067
編寫CSS3樣式表 069
控制body樣式 069
控制Banner樣式 069
向Banner插入背景圖片 070
設定橫幅廣告的Logo圖像 071
向Banner上的文字套用字型 073
設定Banner文字的位置與顏色 074
設計滑鼠指針未移動到Banner上的Banner 075
使用jQuery播放聲音 081
瀏覽器兼容性檢查 085
第4章 設計氣泡懸浮框 087
設計效果預覽 088
設計網頁布局 089
編寫HTML5代碼 090
編寫CSS3樣式表 093
控制body樣式 093
設定標題字型樣式 093
控制圖片樣式 095
控制氣泡懸浮框1：基本樣式 099
控制氣泡懸浮框2：位置 100
控制氣泡懸浮框3：添加圓角與尾巴 102
控制氣泡懸浮框4：製作Transition動畫 104
使用jQuery實現淡入/淡出效果 109
檢查是否支持CSS3的transition 屬性 109
使用jQuery實現淡入/淡出效果 111
第5章 製作Lava Lamp滑動導航條 117
設計效果預覽 118
設計網頁布局 119
編寫HTML 5代碼 120
編寫CSS3樣式表 123
控制body樣式 123
控制標題樣式：套用英文網頁字型 123
控制導航條框線樣式 124
控制導航條選單項樣式 126
控制導航條樣式：漸變 128
指定默認激活的選單項 130
編寫jQuery腳本代碼 131
聲明變數與引用文檔對象 132
控制lava樣式 135
設定lava的位置 136
向lava套用漸變 138
調整lava的位置 138
事件監聽與處理 140
創建命名空間(Namespace) 144
製作外掛程式 145
第6章 製作氣泡動畫按鈕 149
設計效果預覽 150
網頁布局設計 151
編寫HTML5代碼 152
編寫CSS3樣式表 155
控制body樣式 155
向body添加彩虹漸變 155
從CSS代碼中提取重複代碼，使用LESS重寫 159
創建LESS函式 161
控制buttons_wrap樣式 162
向jQuery按鈕添加聲音外掛程式 175
第7章 設計帶動畫的選項卡選單 183
設計效果預覽 184
設計網頁布局 185
編寫HTML5代碼 186
兼容IE 8之前版本的代碼 186
套用Web字型與調用外部檔案 188
編寫網頁結構代碼 189
編寫CSS3與LESS樣式代碼 194
控制基本樣式 194
向整個選項卡區域與標題指定樣式 196
控制選項卡樣式 196
選項卡區域樣式控制1：不支持JavaScript腳本的情形 199
選項卡區域樣式控制2：支持JavaScript腳本的情形 200
編寫jQuery外掛程式 201
編寫使用外掛程式的腳本檔案 201
編寫外掛程式 202
第8章 製作動態表格 209
設計效果預覽 210
設計網頁布局 211
編寫HTML5表格代碼 212
編寫基本結構 212
編寫表單代碼 213
編寫CSS3與LESS樣式代碼 217
編寫基本樣式控制代碼 218
為整個表單區域(容器元素)編寫樣式代碼 218
設定標題樣式 222
控制表單元素樣式1：標籤與輸入文本框 223
控制表單元素樣式2：用戶使用條款與信息收集 224
控制表單元素樣式3：向輸入文本框左側添加圖示 224
控制表單元素樣式4：提交按鈕 226
使用jQuery編寫腳本代碼 229
第9章 使用HTML5製作視頻播放器 233
設計效果預覽 234
設計網頁布局 235
編寫HTML5視頻播放器 236
編寫基本的HTML代碼 236
編寫JavaScript腳本自動生成的代碼 240
編寫jQuery視頻播放外掛程式 242
調用外掛程式&設定初始值 243
建視頻播放器容器元素 244
編寫視頻控制項動態生成代碼 247
設定視頻控制項按鈕 249
設定視頻播放進度條 251
製作播放進度條的滑塊 252
編寫播放條狀態更新函式 254
編寫聲音控制滑塊 256
為聲音調節按鈕編寫函式 256
編寫CSS3與LESS樣式代碼 259
基本樣式控制 260
為視頻容器編寫樣式代碼 262
視頻控制項樣式1：整體 263
視頻控制項樣式2：播放按鈕 264
視頻控制項樣式3：播放進度條 265
視頻控制項樣式4：計時器 268
視頻控制項樣式5：聲音控制項 268
視頻控制項樣式6：聲音調節條 269
設定播放控制條到視頻內部，並改變顏色 272
第10章 製作設備感應型網頁 277
設計效果預覽 278
設計網頁布局 279
編寫HTML5網頁代碼 280
header(logo與導航)與header bar 281
contents區域 282
編寫CSS3與LESS樣式代碼 285
設定基本環境(下載normalize.css) 285
編寫response.css框架 286
桌面顯示樣式1：基本樣式 290
桌面顯示樣式2：header 291
桌面顯示樣式3：header bar 297
桌面顯示樣式4：contents 299
桌面顯示樣式5：footer 302
桌面顯示樣式6：設定拖選區域的背景色與文字顏色 303
為平板電腦編寫顯示樣式 304
為智慧型手機編寫顯示樣式 305
使用JavaScript編寫固定的導航選單外掛程式 307
