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

超值優惠券
¥50
滿100可用 有效期2天

全場圖書通用(淘書團除外)

不再提示
關閉
歡迎光臨中圖網 請 | 注冊
> >
HTML5基礎知識 核心技術與前沿案例

包郵 HTML5基礎知識 核心技術與前沿案例

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

HTML5基礎知識 核心技術與前沿案例 版權信息

HTML5基礎知識 核心技術與前沿案例 本書特色

夯實HTML5、CSS3、JavaScript基礎;
兼顧PC端和移動端開發;
講解布局、動效、交互、頁面組件和響應式設計等核心技術;
前沿案例涵蓋初中級HTML5***遇到的幾乎所有實戰問題,并滲透各種交互設計理念;
“經驗”總結,提煉學習內容,囊括HTML5外延知識,拓寬讀者學習視野。

HTML5基礎知識 核心技術與前沿案例 內容簡介

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

HTML5基礎知識 核心技術與前沿案例 目錄

目錄

第 一部分 HTML5基礎

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

第 2章 HTML5新手詳解028
2.1 HTML代碼基礎028
2.1.1 HTML基礎語法028
2.1.2 頁面根元素 029
2.1.3 文檔元數據 031
2.1.4 區塊元素 034
2.1.5 分組內容元素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代碼基礎052
3.1.1 CSS基礎語法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 優先級078

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

第5章 移動端HTML5開發詳解103
5.1 桌面端開發概述103
5.1.1 桌面端和移動端有何不同?103
5.1.2 響應式設計還是移動版網站?104
5.2 移動端開發技巧105
5.2.1 Viewport設置105
5.2.2 百分比布局106
5.2.3 Flexbox:輕松實現彈性布局111
5.2.4 Media Query114
5.2.5 雪碧圖116
5.2.6 圖標字體119
5.2.7 移動端交互121
5.2.8 移動端調試122
5.2.9 移動端其他技巧124

第6章 事半功倍:運用流行開源類庫126
6.1 開源類庫jQuery介紹126
6.1.1 強大的jQuery126
6.1.2 jQuery選擇器128
6.1.3 jQuery的屬性和DOM操作130
6.1.4 jQuery動態效果132
6.1.5 jQuery事件134
6.1.6 jQuery的優缺點136
6.2 其他開源類庫介紹136
6.2.1 使用jQuery Mobile開發移動站點136
6.2.2 Zepto——移動端的jQuery137
6.2.3 前端開發框架BootStrap138
6.2.4 設計工具包Flat UI139
6.2.5 瀏覽器檢測工具Modernizr140
6.2.6 數據可視化工具D3141
6.2.7 使用Hammer輕松控制觸摸手勢141
6.2.8 前端在線編輯工具142

第7章 HTML5與周邊編程語言、軟件143
7.1 HTML5與Flash143
7.1.1 HTML5與Flash的結合143
7.1.2 使用Google Swiffy進行Flash轉換145
7.2 HTML5與其他周邊語言和軟件146
7.2.1 HTML5與應用開發146
7.2.2 HTML5與Illustrator的結合148
7.2.3 HTML5與Photoshop的結合149
7.2.4 HTML5開發桌面端應用151

第 二部分 HTML5前沿經典應用篇

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

第9章 HTML5動畫與動效182
9.1 動畫與動效核心技巧182
9.2 CSS3動畫與動效182
9.2.1 按鈕元素動畫效果183
9.2.2 圖標元素動畫效果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 關閉按鈕繪制218
10.2.2 菜單圖標繪制219
10.2.3 三角圖標繪制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 選區控制246
11.2.3 局部滾動248
11.2.4 滾動監聽252
11.2.5 視差滾動256
11.2.6 滾動觸發動畫261
11.3 鍵盤和鼠標類交互267
11.3.1 滑塊拖動267
11.3.2 Canvas鍵盤操作271
11.4 移動端交互274
11.4.1 觸摸操作274
11.4.2 運動與重力感應276
11.5 其他交互操作279
11.5.1 本地數據文件加載279
11.5.2 本地文件操作281
11.5.3 Geolocation操作284
11.5.4 localStorage操作287

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

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

第 14章 HTML5響應式設計336
14.1 響應式設計核心技巧336
14.2 響應式設計案例338
14.2.1 響應式列表338
14.2.2 響應式內容圖片341
14.2.3 響應式背景343
14.2.4 響應式圖像輪播346
14.2.5 響應式菜單347

第三部分 HTML5綜合案例篇

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

第 16章 HTML5創意網站379
16.1 制作思路與基礎頁面開發379
16.1.1 站點規劃與設計379
16.1.2 創建站點DOM結構380
16.2 頁面的美化和交互功能創建382
16.2.1 創建首頁樣式382
16.2.2 創建次級頁面樣式385
16.2.3 頁面切換效果389
16.3 頁面細節處理391
16.3.1 制作作品集內容頁面391
16.3.2 兼容性提示394
16.4 小結395

后記:Web設計變遷及經驗談403
展開全部
商品評論(0條)
暫無評論……
書友推薦
本類暢銷
編輯推薦
返回頂部
中圖網
在線客服
主站蜘蛛池模板: 生物除臭剂-除味剂-植物-污水除臭剂厂家-携葵环保有限公司 | 成都热收缩包装机_袖口式膜包机_高速塑封机价格_全自动封切机器_大型套膜机厂家 | 绿萝净除甲醛|深圳除甲醛公司|测甲醛怎么收费|培训机构|电影院|办公室|车内|室内除甲醛案例|原理|方法|价格立马咨询 | 合肥仿石砖_合肥pc砖厂家_合肥PC仿石砖_安徽旭坤建材有限公司 | 冲锋衣滑雪服厂家-冲锋衣定制工厂-滑雪服加工厂-广东睿牛户外(S-GERT) | 双相钢_双相不锈钢_双相钢圆钢棒_双相不锈钢报价「海新双相钢」 双能x射线骨密度检测仪_dxa骨密度仪_双能x线骨密度仪_品牌厂家【品源医疗】 | 耐高温电缆厂家-远洋高温电缆| 商标转让-购买商标专业|放心的商标交易网-蜀易标商标网 | UV-1800紫外光度计-紫外可见光度计厂家-翱艺仪器(上海)有限公司 | 全国冰箱|空调|洗衣机|热水器|燃气灶维修服务平台-百修家电 | 钢格板|镀锌钢格板|热镀锌钢格板|格栅板|钢格板|钢格栅板|热浸锌钢格板|平台钢格板|镀锌钢格栅板|热镀锌钢格栅板|平台钢格栅板|不锈钢钢格栅板 - 专业钢格板厂家 | 矿用履带式平板车|探水钻机|气动架柱式钻机|架柱式液压回转钻机|履带式钻机-启睿探水钻机厂家 | 石家庄装修设计_室内家装设计_别墅装饰装修公司-石家庄金舍装饰官网 | 电力测功机,电涡流测功机,磁粉制动器,南通远辰曳引机测试台 | 焊管生产线_焊管机组_轧辊模具_焊管设备_焊管设备厂家_石家庄翔昱机械 | 品牌策划-品牌设计-济南之式传媒广告有限公司官网-提供品牌整合丨影视创意丨公关活动丨数字营销丨自媒体运营丨数字营销 | 北京发电车出租-发电机租赁公司-柴油发电机厂家 - 北京明旺盛安机电设备有限公司 | 玻璃钢型材-玻璃钢风管-玻璃钢管道,生产厂家-[江苏欧升玻璃钢制造有限公司] | 不发火防静电金属骨料_无机磨石_水泥自流平_修补砂浆厂家「圣威特」 | 披萨石_披萨盘_电器家电隔热绵加工定制_佛山市南海区西樵南方综合保温材料厂 | 退火炉,燃气退火炉,燃气热处理炉生产厂家-丹阳市丰泰工业炉有限公司 | 大倾角皮带机-皮带输送机-螺旋输送机-矿用皮带输送机价格厂家-河南坤威机械 | 无锡网站建设_小程序制作_网站设计公司_无锡网络公司_网站制作 | Trimos测长机_测高仪_TESA_mahr,WYLER水平仪,PWB对刀仪-德瑞华测量技术(苏州)有限公司 | BAUER减速机|ROSSI-MERSEN熔断器-APTECH调压阀-上海爱泽工业设备有限公司 | 密集架|电动密集架|移动密集架|黑龙江档案密集架-大量现货厂家销售 | 水质监测站_水质在线分析仪_水质自动监测系统_多参数水质在线监测仪_水质传感器-山东万象环境科技有限公司 | 气动球阀_衬氟蝶阀_调节阀_电动截止阀_上海沃托阀门有限公司 | 哈希PC1R1A,哈希CA9300,哈希SC4500-上海鑫嵩实业有限公司 | 车间除尘设备,VOCs废气处理,工业涂装流水线,伸缩式喷漆房,自动喷砂房,沸石转轮浓缩吸附,机器人喷粉线-山东创杰智慧 | 包塑软管|金属软管|包塑金属软管-闵彬管业 | 优秀的临床医学知识库,临床知识库,医疗知识库,满足电子病历四级要求,免费试用 | 纯化水设备-EDI-制药-实验室-二级反渗透-高纯水|超纯水设备 | 塑料脸盆批发,塑料盆生产厂家,临沂塑料广告盆,临沂家用塑料盆-临沂市永顺塑业 | Safety light curtain|Belt Sway Switches|Pull Rope Switch|ultrasonic flaw detector-Shandong Zhuoxin Machinery Co., Ltd | 包头市鑫枫装饰有限公司| 釜溪印象网络 - Powered by Discuz!| 撕碎机_轮胎破碎机_粉碎机_回收生产线厂家_东莞华达机械有限公司 | 浇钢砖,流钢砖_厂家价低-淄博恒森耐火材料有限公司 | 杭州可当科技有限公司—流量卡_随身WiFi_AI摄像头一站式解决方案 | 油漆辅料厂家_阴阳脚线_艺术漆厂家_内外墙涂料施工_乳胶漆专用防霉腻子粉_轻质粉刷石膏-魔法涂涂 |