21天学通HTML5+CSS32025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

21天学通HTML5+CSS3PDF格式电子书版下载

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

第1章 了解网页1

1.1 什么是网页1

1.1.1 网页概述1

1.1.2 静态网页2

1.1.3 动态网页3

1.1.4 开发动态页面和静态页面的联系4

1.1.5 网页浏览器的工作原理6

1.2 HTML和HTML56

1.2.1 超文本标识语言HTML7

1.2.2 可扩展超文本标识语言XHTML7

1.2.3 HTML5的设计理念8

1.2.4 HTML页面的开发工具9

1.3 实战：编写一个简单的页面（HTML＆HTML5）10

1.4 小结11

1.5 本章习题12

第2章 了解HTML网页的结构13

2.1 用记事本打开一个页面13

2.2 HTML基础15

2.2.1 HTML的基础语法15

2.2.2 HTML文档的结构15

2.3 HTML文档中的标签17

2.3.1 样本代码DOCTYPE17

2.3.2 开始标签＜html＞18

2.3.3 头标签和头标签的对象18

2.3.4 标题标签＜title＞21

2.3.5 体标签＜body＞21

2.3.6 美化HTML文档23

2.4 实战：从无到有设计一个页面23

2.5 小结24

2.6 本章习题25

第3章 网页的文本设计26

3.1 新旧方法对比26

3.2 文本的排版格式28

3.2.1 写一行换一行28

3.2.2 在页面文本中空格29

3.2.3 文本的段落要对齐31

3.3 文本的属性样式33

3.3.1 不一样的文本字体大小33

3.3.2 奇妙的特殊符号35

3.3.3 给文本加标注36

3.4 整齐的文本列表37

3.4.1 无序列表37

3.4.2 有序列表38

3.4.3 定义列表39

3.4.4 列表嵌套40

3.5 实战：制作一则HTML网页版的通知41

3.6 小结43

3.7 本章习题43

第4章 网页中的图像设计44

4.1 图像的基础知识45

4.1.1 最常用的位图图像45

4.1.2 在页面中常用的位图格式45

4.1.3 矢量图46

4.1.4 图像的分辨率47

4.1.5 认识一些网页中常用的Banner尺寸47

4.2 页面中的图像48

4.2.1 理解图像路径48

4.2.2 像编辑文本对齐一样在页面中对齐图片49

4.2.3 图像与文本的对齐方式50

4.2.4 控制图像与文本的距离51

4.3 让图像更美观52

4.3.1 使用画图工具修改图像52

4.3.2 给图像添加边框53

4.3.3 独树一帜的水平线54

4.4 改变页面的背景54

4.5 实战：把照片放到网页上去55

4.6 小结56

4.7 本章习题57

第5章 网页中的链接58

5.1 网页链接58

5.1.1 初识页面链接59

5.1.2 理解链接地址60

5.2 链接的种种不同61

5.2.1 基本的文本链接61

5.2.2 基本的图像链接61

5.2.3 把邮箱留给需要联系你的人62

5.2.4 在同一页面中快速查找信息63

5.3 提高页面链接的友好度65

5.3.1 美观链接的状态65

5.3.2 奇妙特殊的链接方式67

5.3.3 热点图像区域的链接69

5.4 在新窗口中显示链接窗口70

5.5 实战：一个带链接的电影排行榜页面71

5.6 小结73

5.7 本章习题73

第6章 网页中的表单75

6.1 表单的工作原理77

6.1.1 ＜script＞标记77

6.1.2 创建表单77

6.1.3 表单域78

6.2 通过表单展示不一样的页面79

6.2.1 input对象下的多种表单表现形式79

6.2.2 text文本框的样式表单80

6.2.3 password输入密码的样式表单80

6.2.4 checkbox复选框的样式表单81

6.2.5 radio单选框的样式表单82

6.2.6 submit提交数据的样式表单83

6.2.7 hidden隐藏域的样式表单84

6.2.8 image样式的表单84

6.2.9 file上传文件的样式表单85

6.2.10 textarea对象的表单86

6.2.11 select对象的表单87

6.2.12 表单域集合89

6.3 HTML5表单的进化90

6.3.1 早期的表单发展90

6.3.2 HTML5表单的出世90

6.3.3 当前的支持情况90

6.3.4 新增的表单输入类型90

6.4 新增表单特性及元素92

6.4.1 form特性92

6.4.2 formaction特性92

6.4.3 formmethod、formenctype、formnovalidate、formtarget特性93

6.4.4 placeholder特性93

6.4.5 autofocus特性93

6.4.6 autocomplete特性93

6.4.7 list特性和datalist元素93

6.4.8 keygen元素94

6.4.9 output元素94

6.5 表单验证API95

6.5.1 与验证有关的表单元素特性95

6.5.2 表单验证的属性95

6.5.3 ValidityState对象96

6.5.4 表单验证的方法97

6.5.5 表单验证的事件99

6.6 实战：表单构成的HTML页面99

6.7 实战：表单构成的用户注册页面（HTML5）104

6.7.1 案例简介104

6.7.2 页面基本元素104

6.7.3 实现表单验证105

6.7.4 其他处理函数106

6.8 小结107

6.9 习题107

第7章 音频和视频108

7.1 Audio和Video的基础知识108

7.1.1 在线多媒体的发展108

7.1.2 多媒体术语109

7.1.3 HTML5多媒体文件格式110

7.1.4 功能缺陷及未来趋势111

7.2 使用HTML5的Audio和Video元素111

7.2.1 在页面中加入音频和视频112

7.2.2 使用sourcg元素112

7.2.3 使用脚本检测浏览器的标签支持情况112

7.2.4 Audio和Video的特性和属性113

7.2.5 Audio和Video的方法115

7.2.6 Audio和Video的事件117

7.3 实战：自定义播放工具条118

7.3.1 案例简介118

7.3.2 网页基本元素118

7.3.3 定义全局的视频对象119

7.3.4 添加播放／暂停、前进和后退功能119

7.3.5 添加慢进和快进功能119

7.3.6 添加静音和音量的功能120

7.3.7 添加进度显示功能120

7.4 小结121

7.5 习题121

第8章 拖放功能123

8.1 拖放API123

8.1.1 新增的draggable特性123

8.1.2 新增的鼠标拖放事件123

8.1.3 DataTransfer对象124

8.1.4 实战：拖放元素的内容125

8.2 文件API127

8.2.1 新增的标签特性127

8.2.2 FileList对象与File对象127

8.2.3 Blob对象128

8.2.4 FileReader接口129

8.3 实战：把图片拖入浏览器133

8.3.1 案例简介133

8.3.2 设计网页基本元素134

8.3.3 基本函数的实现134

8.3.4 页面加载处理135

8.4 小结135

8.5 本章习题136

第9章 本地存储137

9.1 本地存储对象——Web Storage137

9.1.1 Web Storage简介137

9.1.2 localStorage和sessionStorage138

9.1.3 设置和获取Storage数据139

9.1.4 Storage API的属性和方法141

9.1.5 存储JSON对象的数据143

9.1.6 StorageAPI的事件145

9.1.7 实战：在两个窗口中实现通信145

9.2 本地数据库——Web SQL Database147

9.2.1 Web SQLDatabase简介147

9.2.2 操作Web SQL数据库147

9.2.3 实战：基本的数据库操作实例148

9.3 小结151

9.4 本章习题151

第10章 利用Canvas绘制图形153

10.1 认识Canvas153

10.1.1 Canvas的历史153

10.1.2 Canvas与SVG，以及VML之间的差异153

10.2 Canvas基本知识154

10.2.1 构建Canvas元素154

10.2.2 使用JavaScript实现绘图的流程155

10.3 使用Canvas绘图156

10.3.1 绘制矩形156

10.3.2 使用路径159

10.3.3 图形组合163

10.3.4 绘制曲线164

10.3.5 使用图像170

10.3.6 剪裁区域171

10.3.7 绘制渐变173

10.3.8 描边属性175

10.3.9 模式177

10.3.10 变换178

10.3.11 使用文本181

10.3.12 阴影效果183

10.3.13 状态的保存与恢复184

10.3.14 操作像素185

10.4 实验室：在Canvas中实现动画187

10.5 小结191

10.6 本章习题191

第11章 创建框架结构的页面192

11.1 创建窗口框架页面192

11.1.1 创建窗口框架的＜frameset＞和＜frame＞标签193

11.1.2 横向分割窗口193

11.1.3 纵向分割窗口194

11.1.4 框架的嵌套194

11.1.5 将页面放入到窗口框架中195

11.2 花点心思修饰框架的细节196

11.2.1 给无法处理框架的浏览器注释说明196

11.2.2 固定框架的位置197

11.2.3 框架中设置滚动条197

11.3 修改框架边框的样式198

11.3.1 判定边框是否显示198

11.3.2 改变边框的表现效果199

11.3.3 边框的边距199

11.4 框架集中页面之间的链接200

11.4.1 在指定的框架中打开链接200

11.4.2 框架内的锚点链接202

11.5 灵活的＜iframe＞框架204

11.6 案例：制定自己的链接主页205

11.7 小结206

11.8 本章习题206

第12章 CSS规则209

12.1 如何学习CSS209

12.2 CSS基本的规则写法212

12.2.1 基本的样式表的写法212

12.2.2 使用类class和标志id链接样式表212

12.2.3 创建选择器213

12.2.4 应用CSS样式表217

12.3 用CSS来修饰页面文本219

12.3.1 修饰页面文本字体219

12.3.2 文本的字号220

12.3.3 文本段落行高221

12.3.4 禁止文本自动换行223

12.4 给页面对象添加颜色224

12.5 CSS3的发展225

12.5.1 模块化的发展225

12.5.2 浏览器支持情况226

12.5.3 CSS3新特性预览227

12.6 CSS3增强的选择器功能228

12.6.1 属性选择符228

12.6.2 结构伪类选择符230

12.6.3 UI元素状态伪类选择符233

12.6.4 伪元素选择符233

12.7 实战：使用CSS制作个人页面234

12.8 小结236

12.9 本章习题236

第13章 文本、背景、边框不再单调238

13.1 文本与字体238

13.1.1 多样化的文本阴影——text-shadow属性238

13.1.2 溢出文本处text-overflow属性242

13.1.3 对齐的文字才好看——word-wrap和word-break属性243

13.1.4 使用服务器端的字体——@font-face规则245

13.1.5 实战：丰富的文字样式248

13.2 色彩模式和不透明度249

13.2.1 还在为配色发愁吗？HSL色彩模式249

13.2.2 含不透明度的——HSLA色彩模式252

13.2.3 含不透明度的——RGBA色彩模式253

13.2.4 不透明度——opacity属性254

13.2.5 实战：半透明的遮蔽层255

13.3 背景258

13.3.1 元素里定义多个背景图片258

13.3.2 指定背景的原点位置259

13.3.3 指定背景的显示区域261

13.3.4 指定背景图像的大小263

13.3.5 实战：设计信纸的效果265

13.4 边框268

13.4.1 设计圆角边框——border-radius属性268

13.4.2 设计图像边框——border-image属性273

13.4.3 设计多色边框——border-color属性280

13.4.4 实战：使用新技术设计网页282

13.5 小结286

13.6 本章习题286

第14章 传统的DIV＋CSS设计288

14.1 理解块级的意义288

14.2 页面中的层289

14.2.1 行＜span＞和层＜div＞289

14.2.2 层的基本定位290

14.2.3 层的叠加291

14.3 框模型293

14.3.1 理解框模型293

14.3.2 空padding属性294

14.3.3 边框border的扩展属性296

14.3.4 边距（margin）297

14.3.5 框模型的溢出297

14.4 定制层的display属性298

14.5 CSS Hack300

14.6 实战：简单的CSS＋DIV301

14.7 小结303

14.8 本章习题303

第15章 灵活的盒布局和界面设计305

15.1 灵活的盒布局305

15.1.1 开启盒布局305

15.1.2 元素的布局方向——box-orient属性307

15.1.3 元素的布局顺序——box-direction属性308

15.1.4 调整元素的位置——box-ordinal-group属性309

15.1.5 弹性空间分配——box-flex属性311

15.1.6 元素的对齐方式——box-pack和box-align属性314

15.1.7 实战：使用新型盒布局设计网页317

15.2 增强的盒模型320

15.2.1 盒子阴影——box-shadow属性320

15.2.2 盒子尺寸的计算方法——box-sizing属性324

15.2.3 盒子溢出内容处理——overflow-x和overflow-y属性325

15.2.4 实战：设计网站服务条款页面327

15.3 增强的用户界面设计329

15.3.1 允许用户改变尺寸——resize属性329

15.3.2 定义外轮廓线——outline属性330

15.3.3 伪装的元素——appearance属性334

15.3.4 为元素添加内容——content属性336

15.3.5 实战：设计一个省份选择盘339

15.4 小结340

15.5 本章习题340

第16章 多列布局342

16.1 多列布局基础342

16.1.1 多列属性columns342

16.1.2 列宽属性column-width343

16.1.3 列数属性column-count344

16.1.4 列间距属性column-gap345

16.1.5 定义列分隔线——column-rule属性346

16.1.6 定义横跨所有列——column-span属性348

16.2 实战：模仿杂志的多列版式349

16.3 小结351

16.4 本章习题351

第17章 动画和渐变353

17.1 CSS3变形基础353

17.1.1 元素的变形——transform属性353

17.1.2 旋转353

17.1.3 缩放和翻转355

17.1.4 移动357

17.1.5 倾斜359

17.1.6 矩阵变形360

17.1.7 同时使用多个变形函数362

17.1.8 定义变形原点——transform-origin属性364

17.1.9 实战：设计图片画廊366

17.2 CSS3过渡效果368

17.2.1 实现过渡效果——transition属性368

17.2.2 指定过渡的属性——transition-property属性370

17.2.3 指定过渡的时间——transition-duration属性371

17.2.4 指定过渡延迟时间——transition-delay属性372

17.2.5 指定过渡方式——transition-timing-function属性373

17.2.6 实战：制作滑动的菜单374

17.3 CSS3动画设计376

17.3.1 关键帧动画——@keyframes规则376

17.3.2 动画的实现——animation属性377

17.3.3 实战：永不停止的风车380

17.4 CSS3渐变设计382

17.4.1 CSS线性渐变382

17.4.2 CSS径向渐变385

17.4.3 实战：设计渐变的按钮387

17.5 小结388

17.6 本章习题388

第18章 CSS3的跨设备支持390

18.1 媒体查询390

18.1.1 @media规则的语法390

18.1.2 使用Media Queries链接外部样式表文件393

18.2 实战：自适应屏幕的样式表方案394

18.3 小结399

18.4 本章习题399

第19章 案例一：制作主流网站界面400

19.1 构思基础的布局400

19.2 设计基础模块的样式表401

19.3 完善网站的子模块402

19.3.1 网站的导航栏402

19.3.2 页面的侧栏404

19.4 最终页面405

19.5 小结405

第20章 案例二：设计复杂页面407

20.1 页面的框架布局407

20.1.1 定位页面的内容407

20.1.2 页面初级布局的代码408

20.2 细化页面的局部409

20.2.1 intro部分409

20.2.2 页面的左侧部分411

20.2.3 页面的右侧栏主体部分413

20.3 小结415

第21章 案例三：制作个人网站（HTML5＋CSS3）416

21.1 网站整体规划416

21.1.1 网站结构规划416

21.1.2 页面功能划分417

21.1.3 页面内容结构布局417

21.2 页面设计效果图417

21.3 站点目录规划418

21.3.1 规划各种资源目录418

21.3.2 配置IIS虚拟目录418

21.4 构建HTML结构并用CSS布局419

21.5 参照最终效果图美化页面样式423

21.5.1 输入所有的标题和内容423

21.5.2 用CSS设置背景图片427

21.5.3 用CSS设置渐变背景427

21.5.4 用CSS设置页面垂直滚动条样式428

21.6 首页添加动态行为428

21.7 制作日志页面433

21.7.1 日志浏览功能思路分析433

21.7.2 日志代码编写434

21.8 制作相册页面437

21.8.1 相册浏览功能思路分析437

21.8.2 相册代码编写437

21.9 注册域名并发布网站440

21.10 小结441