HTML5+CSS3网页设计基础教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML5+CSS3网页设计基础教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 Web开发新时代1

1.1 HTML5概述1

1.1.1 HTML5的目标1

1.1.2 HTML5新特性2

1.1.3 HTML5深受欢迎的原因3

1.1.4 HTML5的构成4

1.2 HTML5设计原理5

1.2.1 HTML的历史变迁5

1.2.2 HTML5开发动力6

1.3编写第一个HTML5页面7

1.3.1搭建上机练习环境7

1.3.2检测浏览器是否支持7

1.3.3使用HTML5编写简单的Web页面8

1.4 HTML5页面的特征9

1.4.1使用HTML5的结构化元素9

1.4.2使用CSS美化HTML5文档12

1.5本章小结13

1.6思考和练习13

第2章 HTML、 XHTML、 HTML514

2.1 HTML基础14

2.1.1 HTML简介14

2.1.2 HTML结构15

2.1.3 HTML语法15

2.2 XHTML基础17

2.2.1 XHTML结构17

2.2.2 XHTML语法18

2.2.3 XHTML类型18

2.2.4 DTD解析19

2.2.5命名空间21

2.3 HTML5基础21

2.3.1 HTML5语法21

2.3.2 HTML5元素22

2.4新增和废除的属性25

2.4.1新增的属性25

2.4.2废除的属性27

2.5全局属性28

2.5.1 contentEditable属性28

2.5.2 designMode属性29

2.5.3 hidden属性29

2.5.4 spellcheck属性29

2.5.5 tabindex属性29

2.6新增的事件29

2.7本章小结30

2.8思考和练习30

第3章 创建HTML5文档31

3.1认识HTML5文档结构31

3.2 HTML5元素分类33

3.3构建主体内容34

3.3.1标识文章：article元素34

3.3.2给内容分块：section元素36

3.3.3设计导航信息：nav元素37

3.3.4设计辅助信息：aside元素39

3.3.5设计微格式：time元素40

3.3.6添加发布日期：pubdate属性41

3.4添加语义模块41

3.4.1添加标题块：header元素41

3.4.2给标题分组：hgroup元素42

3.4.3添加脚注块：footer元素43

3.4.4添加联系信息：address元素44

3.5本章小结44

3.6思考和练习45

第4章 HTML5表单46

4.1新增的表单属性46

4.1.1 autocomplete属性46

4.1.2 novalidate属性47

4.2新增的表单元素47

4.2.1 datalist元素47

4.2.2 keygen元素48

4.2.3 output元素49

4.3新增的输入类型49

4.3.1 email类型50

4.3.2 url类型51

4.3.3 number类型51

4.3.4 Date Pickers类型52

4.3.5 search类型56

4.3.6 tel类型57

4.3.7 color类型57

4.4新增的输入属性58

4.4.1 form属性58

4.4.2 formaction属性59

4.4.3 formmethod属性59

4.4.4 formenctype属性59

4.4.5 formtarget属性60

4.4.6 autofocus属性60

4.4.7 required属性60

4.4.8 labels属性61

4.4.9 control属性62

4.4.10 placeholder属性63

4.4.11 list属性63

4.4.12文本框的pattern属性64

4.4.13 selectionDirection属性64

4.4.14复选框的indetenninate属性65

4.4.15 height与width属性66

4.4.16 maxlength和wrap属性67

4.5表单验证67

4.5.1自动验证67

4.5.2取消验证68

4.5.3显式验证68

4.6本章小结69

4.7思考和练习69

第5章 图形/图像的绘制70

5.1 canvas元素基础70

5.1.1添加canvas元素70

5.1.2检测浏览器是否支持71

5.1.3使用canvas元素绘制图形71

5.1.4 canvas坐标系73

5.2绘制简单图形73

5.2.1绘制直线73

5.2.2绘制矩形74

5.2.3绘制弧线与圆形75

5.2.4绘制三角形78

5.2.5清空画布78

5.3绘制贝塞尔曲线79

5.3.1二次贝塞尔曲线79

5.3.2三次贝塞尔曲线80

5.4绘制变形图形81

5.4.1保存与恢复canvas状态81

5.4.2移动坐标空间82

5.4.3旋转坐标空间84

5.4.4缩放图形86

5.4.5矩阵变换86

5.5丰富图形效果89

5.5.1应用不同的线型89

5.5.2绘制线性渐变90

5.5.3绘制径向渐变91

5.5.4绘制图案92

5.5.5设置图形的透明度93

5.5.6创建阴影93

5.6图像处理95

5.6.1裁剪图像95

5.6.2像素处理96

5.6.3组合图形98

5.6.4混合图像100

5.7绘制文字101

5.7.1绘制填充文字101

5.7.2文字相关属性101

5.7.3绘制轮廓文字102

5.7.4获取文字宽度102

5.7.5文字绘制实战102

5.8本章小结103

5.9思考和练习103

第6章 音频与视频104

6.1 HTMM5多媒体技术概述104

6.1.1关于编解码器105

6.1.2音频编解码器105

6.1.3视频编解码器106

6.2浏览器音视频支持检测107

6.3 audio与video元素109

6.3.1 audio元素109

6.3.2 video元素111

6.4综合实战112

6.4.1用脚本控制音乐播放112

6.4.2用脚本控制视频播放114

6.5为音频或视频添加字幕115

6.5.1 track元素的基础知识115

6.5.2 track元素的各种属性116

6.5.3 WebVTT文件117

6.6本章小结120

6.7思考和练习121

第7章 本地存储122

7.1 Web存储122

7.1.1 Cookie存储机制的优缺点122

7.1.2为什么要用Web存储122

7.1.3 Web存储的优缺点123

7.2使用Web存储123

7.2.1检查浏览器的支持性123

7.2.2设置和获取数据124

7.2.3 Web存储的其他操作124

7.2.4监测Web存储事件125

7.2.5制作简单的网页皮肤127

7.2.6网站人气值和在线人数统计128

7.3本地数据库129

7.3.1本地数据库的基本概念129

7.3.2用executeSql执行查询129

7.3.3创建一个简单的数据库131

7.3.4综合应用——点评功能132

7.4本章小结138

7.5思考和练习138

第8章 离线应用程序139

8.1离线Web应用程序详解139

8.1.1本地缓存技术产生的原因139

8.1.2本地缓存概述139

8.1.3本地缓存与浏览器网页缓存的区别140

8.1.4浏览器支持检测141

8.2 HTML5离线应用详解141

8.2.1 Web服务器配置141

8.2.2 manifest文件结构与含义142

8.2.3搭建离线应用程序143

8.2.4离线应用中浏览器和服务器的交互过程143

8.3 applicationCache对象145

8.3.1 swapCache方法145

8.3.2 applicationCache对象的事件146

8.4缓存网站的首页149

8.4.1新建HTML5页面149

8.4.2添加htaccess支持149

8.4.3创建manifest文件150

8.4.4关联manifest文件到HTML5页面150

8.4.5测试离线应用150

8.5本章小结151

8.6思考和练习151

第9章 Web Workers多线程处理152

9.1认识Web Workers152

9.1.1 HTML4处理长耗时操作的问题152

9.1.2 HTML5针对长耗时操作的解决方法152

9.1.3 Web Workers的使用示例153

9.1.4 Web Workers的使用场合155

9.2使用Web Workers155

9.2.1检查浏览器支持情况155

9.2.2与线程进行数据交互156

9.3线程的嵌套158

9.3.1单层嵌套158

9.3.2在多个子线程中进行数据交互160

9.4线程中可用的变量、函数与类161

9.5共享线程162

9.5.1基础知识162

9.5.2与共享线程通信163

9.6线程的工作原理163

9.6.1线程事件处理模型163

9.6.2线程的应用范围和作用域164

9.6.3线程的生命周期164

9.7综合实战165

9.7.1使用线程做后台数值计算165

9.7.2使用共享线程处理多用户并发连接167

9.7.3 HTML5线程代理168

9.8本章小结171

9.9思考和练习171

第10章 Geolocation地理位置172

10.1 Geolocation API的基本知识172

10.1.1位置信息的表示方式172

10.1.2位置信息的来源173

10.2使用Geolocation API174

10.2.1检测浏览器支持情况174

10.2.2获取当前地理位置174

10.2.3持续监视位置信息176

10.2.4停止获取位置信息176

10.2.5隐私保护176

10.2.6处理位置信息177

10.2.7 position对象177

10.3使用百度地图178

10.4本章小结182

10.5思考和练习182

第11章 CSS3概述183

11.1 CSS的历史变迁183

11.1.1 CSS产生的原因183

11.1.2 CSS的发展历史184

11.1.3 Hello CSS World185

11.1.4为文档应用CSS的方式187

11.2了解CSS3新增特性188

11.2.1 CSS3选择器188

11.2.2引用服务器端字体189

11.2.3换行处理190

11.2.4文字渲染191

11.2.5多栏布局191

11.2.6边框和颜色191

11.2.7渐变效果192

11.2.8阴影和反射效果193

11.2.9背景效果194

11.2.10盒子模型195

11.2.11过渡、形变与动画197

11.3 CSS3兼容性速查199

11.4本章小结199

11.5思考和练习200

第12章 CSS3选择器201

12.1选择器的用法201

12.2属性选择器202

12.2.1 CSS2定义的属性选择器202

12.2.2 CSS3定义的属性选择器202

12.2.3案例实战203

12.3结构伪类选择器205

12.3.1 CSS中的伪类选择器及伪元素205

12.3.2 root、 not、 empty和target205

12.3.3 first-child、 last-child、 nth-child（n）和nth-last-child（n）207

12.3.4 first-of-type和last-of-type209

12.3.5 nth-of-type（n）和nth-last-of-type（n）210

12.3.6 only-child选择器211

12.4 UI元素状态伪类选择器212

12.4.1 UI元素状态伪类选择器的语法212

12.4.2 E：hover、 E：active和E：focus213

12.4.3 E：enabled与E：disabled214

12.4.4 E：read-only与E：read-write214

12.4.5 E：checked、 E：default和E：indeterminate215

12.4.6 E：：selection216

12.4.7 E：invalid与E：valid217

12.4.8 E：required与E：optional218

12.4.9 E：in-range与E：out-of-range219

12.5本章小结219

12.6 思考和练习220

第13章 CSS3文本属性221

13.1 CSS3文本属性概述221

13.2设计文本阴影221

13.2.1 text-shadow属性的使用方法222

13.2.2一般文字阴影效果222

13.2.3文字凹凸效果223

13.2.4为文本指定多个阴影223

13.3设置文本样式224

13.3.1 text-stroke属性225

13.3.2文本溢出225

13.3.3强制换行——word-wrap属性227

13.3.4嵌入字体——＠font-face228

13.3.5字体尺寸——font-size-adjust属性229

13.4颜色模式232

13.4.1关键字232

13.4.2十六进制233

13.4.3 RGB模式233

13.4.4 RGBA模式233

13.4.5 HSL模式233

13.4.6 HSLA模式234

13.5本章小结234

13.6思考和练习234

第14章 背景和边框235

14.1设计多色边框235

14.1.1用法详解235

14.1.2案例实战236

14.2设计边框背景237

14.2.1 border-image属性237

14.2.2 border-image绘制原理简述238

14.3设计圆角238

14.3.1 border-radius属性238

14.3.2 border-radius属性的4种写法239

14.3.3用border-radius属性画实心半圆和实心圆240

14.4设计阴影242

14.4.1 box-shadow属性242

14.4.2 box-shadow兼容性处理242

14.4.3案例实战243

14.5设计背景245

14.5.1 background-image属性246

14.5.2 background-position属性246

14.5.3 background-size属性247

14.5.4 background-origin属性249

14.5.5 background-repeat属性250

14.5.6 background-clip属性250

14.5.7 background-attachment属性252

14.6本章小结252

14.7思考和练习252

第15章 变形处理253

15.1认识transform属性253

15.2 2D变形254

15.2.1旋转254

15.2.2缩放254

15.2.3移动255

15.2.4扭曲256

15.2.5复杂变形257

15.3 3D变形260

15.3.1 3D位移261

15.3.2 3D旋转264

15.3.3 3D缩放267

15.3.4 3D变形兼容性268

15.3.5多重变形269

15.4变形矩阵275

15.4.1矩阵概述276

15.4.2变形与坐标系统276

15.4.3 2D矩阵变形276

15.4.4 3D矩阵变形278

15.4.5使用矩阵实现多重变形279

15.5本章小结280

15.6思考和练习280

第16章 设计动画282

16.1过渡动画282

16.1.1定义过渡属性283

16.1.2定义过渡时间284

16.1.3定义过渡延迟时间285

16.1.4定义过渡效果286

16.2 3D动画288

16.2.1定义动画名称288

16.2.2定义动画时间288

16.2.3定义动画播放方式288

16.2.4定义动画延迟时间288

16.2.5定义动画播放次数289

16.2.6定义动画播放方向289

16.2.7控制播放状态289

16.2.8翻转的图片289

16.3渐变效果290

16.3.1线性渐变在WebKit下的应用290

16.3.2线性渐变在Mozilla下的应用291

16.3.3线性渐变在Opera下的应用292

16.3.4线性渐变在IE下的应用292

16.4案例综合实战292

16.4.1设计级联菜单292

16.4.2设计实用按钮297

16.5本章小结299

16.6思考和练习299

第17章 网页布局300

17.1多栏布局300

17.1.1设置列宽和列数300

17.1.2设置列间距303

17.1.3设置列边框303

17.1.4设置跨列标题304

17.1.5统一列高305

17.2盒布局305

17.2.1 CSS盒子模型305

17.2.2使用盒布局306

17.2.3盒布局和多栏布局的区别309

17.3弹性盒布局309

17.3.1对多个元素使用flex属性309

17.3.2设置元素的显示顺序310

17.3.3设置元素的排列方向312

17.3.4定义宽高自适应312

17.3.5消除空白314

17.3.6灵活使用flex属性315

17.3.7控制换行方向320

17.4弹性盒布局的布局原理321

17.4.1弹性盒布局概述321

17.4.2 justify-content属性322

17.4.3 align-items属性323

17.5本章小结323

17.6思考和练习323

第18章 综合实例324

18.1前端应用开发的现状与趋势324

18.1.1 HTML5应用现状324

18.1.2 HTML5行业发展趋势325

18.2网站开发流程325

18.2.1确定建站目标325

18.2.2进行需求分析325

18.2.3绘制网站原型326

18.2.4系统整理所需资料326

18.2.5与网站设计美工确定布局和风格326

18.2.6程序员完成网站功能实现326

18.2.7网站上线测试326

18.2.8网站推广327

18.3企业网站327

18.3.1组织网页结构327

18.3.2构建网页标题329

18.3.3构建侧边栏331

18.3.4构建主体内容332

18.3.5构建版权信息339

18.4手机阅读器339

18.4.1使用到的技术339

18.4.2 HTML页面代码分析343

18.4.3 CSS3样式代码分析343

18.4.4 JavaScript脚本代码分析352

18.5本章小结361

参考文献362