中图网(原中国图书网):网上书店,尾货特色书店,30万种特价书低至2折!

歡迎光臨中圖網(wǎng) 請 | 注冊

包郵 HTML5基礎(chǔ)知識 核心技術(shù)與前沿案例

作者:劉歡
出版社:人民郵電出版社出版時間:2023-02-01
開本: 16開 頁數(shù): 402
中 圖 價:¥56.9(7.1折) 定價  ¥79.8 登錄后可看到會員價
加入購物車 收藏
開年大促, 全場包郵
?新疆、西藏除外
本類五星書更多>

HTML5基礎(chǔ)知識 核心技術(shù)與前沿案例 版權(quán)信息

HTML5基礎(chǔ)知識 核心技術(shù)與前沿案例 本書特色

適讀人群 :想要學(xué)習(xí)用HTML5進(jìn)行PC端和移動端開發(fā)的讀者。夯實(shí)HTML5、CSS3、JavaScript基礎(chǔ);兼顧PC端和移動端開發(fā);講解布局、動效、交互、頁面組件和響應(yīng)式設(shè)計(jì)等核心技術(shù);前沿案例涵蓋初中級HTML5***遇到的幾乎所有實(shí)戰(zhàn)問題,并滲透各種交互設(shè)計(jì)理念;“經(jīng)驗(yàn)”總結(jié),提煉學(xué)習(xí)內(nèi)容,囊括HTML5外延知識,拓寬讀者學(xué)習(xí)視野。

HTML5基礎(chǔ)知識 核心技術(shù)與前沿案例 內(nèi)容簡介

本書是一本引導(dǎo)初、中級學(xué)習(xí)者深入了解并有效掌握HTML5核心技巧的技術(shù)實(shí)戰(zhàn)書籍,全書采用“基礎(chǔ)知識+案例驅(qū)動”的雙軌模式,精心安排了大量經(jīng)典的HTML5設(shè)計(jì)實(shí)戰(zhàn)案例,包括頁面元素與布局、動畫與動效、圖形與圖像、交互操作、頁面組件、音頻與視頻、響應(yīng)式設(shè)計(jì)等,并精選了微信小游戲、創(chuàng)意網(wǎng)站等綜合性的前沿交互應(yīng)用。實(shí)例基本涵蓋了初、中級學(xué)習(xí)者在實(shí)戰(zhàn)中幾乎可能遇到的所有問題,展示了各種流行的互動設(shè)計(jì)理念,讓讀者能夠輕松地學(xué)習(xí)基礎(chǔ)知識,有效掌握各種核心技巧,快速上手前沿應(yīng)用開發(fā),并通過HTML5發(fā)現(xiàn)交互設(shè)計(jì)的樂趣。

HTML5基礎(chǔ)知識 核心技術(shù)與前沿案例 目錄

目錄

第 一部分 HTML5基礎(chǔ)

第 1章 初探HTML5:制作一份邀請函 010
1.1 開發(fā)前的準(zhǔn)備工作 010
1.1.1 制定**學(xué)習(xí)目標(biāo) 010
1.1.2 準(zhǔn)備開發(fā)環(huán)境 011
1.2 制作HTML頁面 012
1.2.1 創(chuàng)建**HTML5頁面 012
1.2.2 增加必要的頁面元素 014
1.2.3 頁面中那些看不見的代碼 015
1.3 頁面的美化 015
1.3.1 制作邀請函的頁面背景 015
1.3.2 調(diào)整邀請函的內(nèi)容區(qū)域位置 018
1.3.3 調(diào)整邀請函的文字字體與字號 020
1.3.4 制作邀請函的按鈕 021
1.3.5 創(chuàng)建一個外部CSS文件 022
1.4 為頁面創(chuàng)建交互 024
1.4.1 創(chuàng)建按鈕的JavaScript交互 024
1.4.2 制作還未結(jié)束:頁面的移動化 026

第 2章 HTML5新手詳解 028
2.1 HTML代碼基礎(chǔ) 028
2.1.1 HTML基礎(chǔ)語法 028
2.1.2 頁面根元素 029
2.1.3 文檔元數(shù)據(jù) 031
2.1.4 區(qū)塊元素 034
2.1.5 分組內(nèi)容元素 039
2.2 HTML常用元素 042
2.2.1 文本 042
2.2.2 表單 043
2.2.3 表格 047
2.2.4 WAI-ARIA 050

第3章 CSS3新手詳解 052
3.1 CSS代碼基礎(chǔ) 052
3.1.1 CSS基礎(chǔ)語法 052
3.1.2 繼承 054
3.1.3 選擇器 057
3.2 CSS3常用屬性 059
3.2.1 文本和字體 059
3.2.2 邊框與背景 062
3.2.3元素定位 065
3.2.4 框模型 068
3.2.5 列表 071
3.3 CSS3常用效果與技巧 075
3.3.1 陰影效果 075
3.3.2 2D與3D效果 077
3.3.3 優(yōu)先級 078

第4章 JavaScript新手詳解 080
4.1 JavaScript代碼基礎(chǔ) 080
4.1.1 如何調(diào)試JavaScript? 080
4.1.2 為代碼添加注釋 081
4.1.3 創(chuàng)建一個簡單的變量 082
4.1.4 幾種常用的JavaScript運(yùn)算符 083
4.1.5 JavaScript中的條件語句 085
4.1.6 JavaScript中的循環(huán)語句 087
4.2 JavaScript編程進(jìn)階 089
4.2.1 數(shù)組及其操作 089
4.2.2 日期和時間 091
4.2.3 初涉函數(shù) 092
4.2.4 函數(shù)的變量作用域 094
4.2.5 Object簡介 095
4.2.6 JavaScript的DOM操作 097
4.2.7 DOM事件處理 100
4.2.8 利用JavaScript實(shí)現(xiàn)HTML5拖放 101

第5章 移動端HTML5開發(fā)詳解 103
5.1 桌面端開發(fā)概述 103
5.1.1 桌面端和移動端有何不同? 103
5.1.2 響應(yīng)式設(shè)計(jì)還是移動版網(wǎng)站? 104
5.2 移動端開發(fā)技巧 105
5.2.1 Viewport設(shè)置 105
5.2.2 百分比布局 106
5.2.3 Flexbox:輕松實(shí)現(xiàn)彈性布局 111
5.2.4 Media Query 114
5.2.5 雪碧圖 116
5.2.6 圖標(biāo)字體 119
5.2.7 移動端交互 121
5.2.8 移動端調(diào)試 122
5.2.9 移動端其他技巧 124

第6章 事半功倍:運(yùn)用流行開源類庫 126
6.1 開源類庫jQuery介紹 126
6.1.1 強(qiáng)大的jQuery 126
6.1.2 jQuery選擇器 128
6.1.3 jQuery的屬性和DOM操作 130
6.1.4 jQuery動態(tài)效果 132
6.1.5 jQuery事件 134
6.1.6 jQuery的優(yōu)缺點(diǎn) 136
6.2 其他開源類庫介紹 136
6.2.1 使用jQuery Mobile開發(fā)移動站點(diǎn) 136
6.2.2 Zepto——移動端的jQuery 137
6.2.3 前端開發(fā)框架BootStrap 138
6.2.4 設(shè)計(jì)工具包Flat UI 139
6.2.5 瀏覽器檢測工具M(jìn)odernizr 140
6.2.6 數(shù)據(jù)可視化工具D3 141
6.2.7 使用Hammer輕松控制觸摸手勢 141
6.2.8 前端在線編輯工具 142

第7章 HTML5與周邊編程語言、軟件 143
7.1 HTML5與Flash 143
7.1.1 HTML5與Flash的結(jié)合 143
7.1.2 使用Google Swiffy進(jìn)行Flash轉(zhuǎn)換 145
7.2 HTML5與其他周邊語言和軟件 146
7.2.1 HTML5與應(yīng)用開發(fā) 146
7.2.2 HTML5與Illustrator的結(jié)合 148
7.2.3 HTML5與Photoshop的結(jié)合 149
7.2.4 HTML5開發(fā)桌面端應(yīng)用 151

第 二部分 HTML5前沿經(jīng)典應(yīng)用篇

第8章 HTML5頁面元素與布局 153
8.1 頁面元素與布局核心技巧 153
8.2 HTML5布局基礎(chǔ) 153
8.2.1 圖文混排與題圖文字布局 154
8.2.2 Hero Unit圖標(biāo)題文混排 156
8.2.3 兩列均分布局 159
8.2.4 格子布局 164
8.2.5 多列等高布局 168
8.3 HTML5布局進(jìn)階 170
8.3.1 兩列自適應(yīng)布局 171
8.3.2 三列自適應(yīng)布局 175
8.3.3 瀑布流布局 179

第9章 HTML5動畫與動效 182
9.1 動畫與動效核心技巧 182
9.2 CSS3動畫與動效 182
9.2.1 按鈕元素動畫效果 183
9.2.2 圖標(biāo)元素動畫效果 186
9.2.3 頁面切換動畫效果 192
9.2.4 加載動畫效果 198
9.2.5 逐幀動畫效果 204
9.2.6 3D翻頁動畫效果 208
9.3 JavaScript動畫與動效 211
9.3.1 Canvas粒子動畫效果 211
9.3.2 GSAP類庫動畫效果 214

第 10章 HTML5圖形與圖像 217
10.1 圖形與圖像核心技巧 217
10.2 CSS3圖形與圖像繪制 218
10.2.1 關(guān)閉按鈕繪制 218
10.2.2 菜單圖標(biāo)繪制 219
10.2.3 三角圖標(biāo)繪制 221
10.2.4 漸變色繪制 225
10.2.5 Pattern圖案繪制 227
10.2.6 鋸齒圖形繪制 229
10.3 Canvas圖形與圖像繪制 231
10.3.1 Canvas圖形繪制 231
10.3.2 Canvas像素控制 235
10.4 SVG圖形與圖像繪制 237
10.4.1 SVG圖形繪制 237
10.4.2 SVG圖像遮罩 242

第 11章 HTML5交互操作 244
11.1 交互操作核心技巧 244
11.2 滾動類交互 244
11.2.1 頁面固定背景 244
11.2.2 選區(qū)控制 246
11.2.3 局部滾動 248
11.2.4 滾動監(jiān)聽 252
11.2.5 視差滾動 256
11.2.6 滾動觸發(fā)動畫 261
11.3 鍵盤和鼠標(biāo)類交互 267
11.3.1 滑塊拖動 267
11.3.2 Canvas鍵盤操作 271
11.4 移動端交互 274
11.4.1 觸摸操作 274
11.4.2 運(yùn)動與重力感應(yīng) 276
11.5 其他交互操作 279
11.5.1 本地?cái)?shù)據(jù)文件加載 279
11.5.2 本地文件操作 281
11.5.3 Geolocation操作 284
11.5.4 localStorage操作 287

第 12章 HTML5頁面組件 290
12.1 頁面組件開發(fā)核心技巧 290
12.2 圖層類頁面組件 290
12.2.1 懸浮圖層 290
12.2.2 彈出圖層 293
12.3 區(qū)域類頁面組件 297
12.3.1 Tab切換 297
12.3.2 折疊區(qū)域 300
12.4 導(dǎo)航類頁面組件 303
12.4.1 下拉菜單 303
12.4.2 頂部固定菜單 306
12.4.3 滑動導(dǎo)航 308
12.5 其他頁面組件 311
12.5.1 時間軸 311
12.5.2 圖像輪播 313
12.5.3 日歷組件 317

第 13章 HTML5音頻與視頻 322
13.1 音頻、視頻核心開發(fā)技巧 322
13.2 音頻類開發(fā) 322
13.2.1 音頻播放 322
13.2.2 麥克風(fēng)操作 327
13.3 視頻類開發(fā) 330
13.3.1 視頻播放 330
13.3.2 視頻背景 331
13.3.3 攝像頭操作 333

第 14章 HTML5響應(yīng)式設(shè)計(jì) 336
14.1 響應(yīng)式設(shè)計(jì)核心技巧 336
14.2 響應(yīng)式設(shè)計(jì)案例 338
14.2.1 響應(yīng)式列表 338
14.2.2 響應(yīng)式內(nèi)容圖片 341
14.2.3 響應(yīng)式背景 343
14.2.4 響應(yīng)式圖像輪播 346
14.2.5 響應(yīng)式菜單 347

第三部分 HTML5綜合案例篇

第 15章 HTML5微信游戲 354
15.1 制作思路 354
15.1.1 微信游戲開發(fā)基礎(chǔ)知識 354
15.1.2 微信“520”小游戲策劃 355
15.2 基礎(chǔ)頁面的開發(fā) 356
15.2.1 游戲界面設(shè)計(jì) 356
15.2.2 創(chuàng)建HTML頁面 357
15.2.3 創(chuàng)建CSS樣式 359
15.3 交互界面的開發(fā) 364
15.3.1 制作loading界面交互 364
15.3.2 制作初始界面交互 364
15.3.3 制作音樂控制器 366
15.3.4 獲取點(diǎn)陣坐標(biāo) 367
15.3.5 制作交互界面 368
15.3.6 制作結(jié)果界面 371
15.4 尾聲 371

第 16章 HTML5創(chuàng)意網(wǎng)站 379
16.1 制作思路與基礎(chǔ)頁面開發(fā) 379
16.1.1 站點(diǎn)規(guī)劃與設(shè)計(jì) 379
16.1.2 創(chuàng)建站點(diǎn)DOM結(jié)構(gòu) 380
16.2 頁面的美化和交互功能創(chuàng)建 382
16.2.1 創(chuàng)建首頁樣式 382
16.2.2 創(chuàng)建次級頁面樣式 385
16.2.3 頁面切換效果 389
16.3 頁面細(xì)節(jié)處理 391
16.3.1 制作作品集內(nèi)容頁面 391
16.3.2 兼容性提示 394
16.4 小結(jié) 395

后記:Web設(shè)計(jì)變遷及經(jīng)驗(yàn)談 403
展開全部
商品評論(0條)
暫無評論……
書友推薦
本類暢銷
返回頂部
中圖網(wǎng)
在線客服
主站蜘蛛池模板: 东莞办公家具厂家直销-美鑫【免费3D效果图】全国办公桌/会议桌定制 | 蒸汽热收缩机_蒸汽发生器_塑封机_包膜机_封切收缩机_热收缩包装机_真空机_全自动打包机_捆扎机_封箱机-东莞市中堡智能科技有限公司 | 全自动端子机|刺破式端子压接机|全自动双头沾锡机|全自动插胶壳端子机-东莞市傅氏兄弟机械设备有限公司 | 深圳希玛林顺潮眼科医院(官网)│深圳眼科医院│医保定点│香港希玛林顺潮眼科中心连锁品牌 | 设定时间记录电子秤-自动累计储存电子秤-昆山巨天仪器设备有限公司 | 播音主持培训-中影人教育播音主持学苑「官网」-中国艺考界的贵族学校 | EPK超声波测厚仪,德国EPK测厚仪维修-上海树信仪器仪表有限公司 | 铝单板_铝窗花_铝单板厂家_氟碳包柱铝单板批发价格-佛山科阳金属 | 耐高温风管_耐高温软管_食品级软管_吸尘管_钢丝软管_卫生级软管_塑料波纹管-东莞市鑫翔宇软管有限公司 | 河北中仪伟创试验仪器有限公司是专业生产沥青,土工,水泥,混凝土等试验仪器的厂家,咨询电话:13373070969 | 北京模型公司-工业模型-地产模型-施工模型-北京渝峰时代沙盘模型制作公司 | 长城人品牌官网| 龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司_龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司 | 超声波反应釜【百科】-以马内利仪器| 有源电力滤波装置-电力有源滤波器-低压穿排电流互感器|安科瑞 | 不锈钢反应釜,不锈钢反应釜厂家-价格-威海鑫泰化工机械有限公司 不干胶标签-不干胶贴纸-不干胶标签定制-不干胶标签印刷厂-弗雷曼纸业(苏州)有限公司 | 洛阳防爆合格证办理-洛阳防爆认证机构-洛阳申请国家防爆合格证-洛阳本安防爆认证代办-洛阳沪南抚防爆电气技术服务有限公司 | 【直乐】河北石家庄脊柱侧弯医院_治疗椎间盘突出哪家医院好_骨科脊柱外科专业医院_治疗抽动症/关节病骨伤权威医院|排行-直乐矫形中医医院 | 防水套管厂家-柔性防水套管-不锈钢|刚性防水套管-天翔管道 | 消泡剂-水处理消泡剂-涂料消泡剂-切削液消泡剂价格-东莞德丰消泡剂厂家 | EPK超声波测厚仪,德国EPK测厚仪维修-上海树信仪器仪表有限公司 | HDPE土工膜,复合土工膜,防渗膜价格,土工膜厂家-山东新路通工程材料有限公司 | 全自动五线打端沾锡机,全自动裁线剥皮双头沾锡机,全自动尼龙扎带机-东莞市海文能机械设备有限公司 | 搜活动房网—活动房_集装箱活动房_集成房屋_活动房屋 | 膜结构_ETFE膜结构_膜结构厂家_膜结构设计-深圳市烨兴智能空间技术有限公司 | 深圳富泰鑫五金_五金冲压件加工_五金配件加工_精密零件加工厂 | 定制/定做衬衫厂家/公司-衬衫订做/订制价格/费用-北京圣达信 | 太空舱_民宿太空舱厂家_移动房屋太空舱价格-豪品建筑 | 浴室柜-浴室镜厂家-YINAISI · 意大利设计师品牌 | 咿耐斯 |-浙江台州市丰源卫浴有限公司 | 中国玩具展_玩具展|幼教用品展|幼教展|幼教装备展 | 河北中仪伟创试验仪器有限公司是专业生产沥青,土工,水泥,混凝土等试验仪器的厂家,咨询电话:13373070969 | 合肥卓创建筑装饰,专业办公室装饰、商业空间装修与设计。 | 彼得逊采泥器-定深式采泥器-电动土壤采样器-土壤样品风干机-常州索奥仪器制造有限公司 | 山东PE给水管厂家,山东双壁波纹管,山东钢带增强波纹管,山东PE穿线管,山东PE农田灌溉管,山东MPP电力保护套管-山东德诺塑业有限公司 | 美的商用净水器_美的直饮机_一级代理经销商_Midea租赁价格-厂家反渗透滤芯-直饮水批发品牌售后 | 药品/药物稳定性试验考察箱-埃里森仪器设备(上海)有限公司 | 运动木地板_体育木地板_篮球馆木地板_舞台木地板-实木运动地板厂家 | 智能门锁电机_智能门锁离合器_智能门锁电机厂家-温州劲力智能科技有限公司 | 大倾角皮带机-皮带输送机-螺旋输送机-矿用皮带输送机价格厂家-河南坤威机械 | NMRV减速机|铝合金减速机|蜗轮蜗杆减速机|NMRV减速机厂家-东莞市台机减速机有限公司 | 木材烘干机,木炭烘干机,纸管/佛香烘干设备-河南蓝天机械制造有限公司 |