HTML5+CSS3+JavaScript网页设计案例课堂 第2版PDF|Epub|txt|kindle电子书版本网盘下载

HTML5+CSS3+JavaScript网页设计案例课堂 第2版PDF格式电子书版下载

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

第Ⅰ篇 HTML 5网页设计3

第1章 初识HTML 53

1.1 HTML 5的基本概念4

1.1.1 HTML的发展历程4

1.1.2 什么是HTML 54

1.1.3 HTML 5文件的基本结构5

1.2 HTML 5的优势5

1.2.1 解决了跨浏览器问题5

1.2.2 新增了多个新特性5

1.2.3 用户优先的原则6

1.2.4 化繁为简的优势7

1.3 HTML 5文件的编写方法7

1.3.1 使用记事本手工编写HTML 57

1.3.2 使用Dreamweaver CC编写HTML文件8

1.4 使用浏览器查看HTML 5文件12

1.4.1 查看页面效果12

1.4.2 查看源文件13

1.5 疑难解惑13

第2章 HTML 5网页的文档结构15

2.1 HTML 5文件的基本结构16

2.1.1 HTML 5页面的整体结构16

2.1.2 HTML 5新增的结构标记16

2.2 HTML 5基本标记详解17

2.2.1 文档类型说明17

2.2.2 HTML标记17

2.2.3 头标记head18

2.2.4 网页的主体标记body20

2.2.5 页面注释标记〈！？？〉21

2.3 HTML 5语法的变化22

2.3.1 标签不再区分大小写22

2.3.2 允许属性值不使用引号22

2.3.3 允许部分属性的属性值省略23

2.4 综合案例——符合W3C标准的HTML 5网页23

2.5 跟我学上机——简单的HTML 5网页25

2.6 疑难解惑26

第3章 HTML 5网页中的文本和图像27

3.1 在网页中添加文本28

3.1.1 普通文本的添加28

3.1.2 特殊字符文本的添加28

3.1.3 使用HTML5标记添加特殊文本30

3.2 文本排版32

3.2.1 换行标记〈br〉32

3.2.2 段落标记〈P〉32

3.2.3 标题标记〈h1〉～〈h6〉33

3.3 文字列表34

3.3.1 建立无序列表〈ul〉34

3.3.2 建立有序列表〈ol〉36

3.3.3 建立不同类型的无序列表37

3.3.4 建立不同类型的有序列表38

3.3.5 建立嵌套列表38

3.3.6 自定义列表39

3.4 网页中的图像〈img〉40

3.4.1 在网页中插入图像40

3.4.2 设置图像的宽度和高度42

3.4.3 设置图像的提示文字43

3.4.4 将图片设置为网页背景44

3.4.5 排列图像45

3.5 综合案例——图文并茂的房屋装饰装修网页45

3.6 跟我学上机——在线购物网站的产品展示效果47

3.7 疑难解惑48

第4章 用HTML 5建立超链接49

4.1 URL的概念50

4.1.1 URL的格式50

4.1.2 URL的类型50

4.2 超链接标记〈a〉51

4.2.1 设置文本和图片的超链接51

4.2.2 创建指向不同目标类型的超链接52

4.2.3 设置以新窗口显示超链接页面54

4.2.4 链接到同一页面的不同位置55

4.3 创建热点区域56

4.4 创建浮动框架58

4.5 综合案例——用Dreamweaver精确定位热点区域59

4.6 跟我学上机——创建热点区域61

4.7 疑难解惑62

第5章 用HTML 5创建表格63

5.1 表格的基本结构64

5.2 创建表格65

5.2.1 创建普通表格65

5.2.2 创建一个带有标题的表格66

5.3 编辑表格67

5.3.1 定义表格的边框类型67

5.3.2 定义表格的表头68

5.3.3 设置表格背景69

5.3.4 设置单元格的背景71

5.3.5 合并单元格72

5.3.6 排列单元格中的内容76

5.3.7 设置单元格的行高与列宽77

5.4 完整的表格标记78

5.5 综合案例——制作计算机报价表79

5.6 跟我学上机——制作学生成绩表82

5.7 疑难解惑85

第6章 用HTML 5创建表单87

6.1 表单概述88

6.2 表单基本元素的使用88

6.2.1 单行文本输入框89

6.2.2 多行文本输入框89

6.2.3 密码输入框90

6.2.4 单选按钮91

6.2.5 复选框92

6.2.6 列表框92

6.2.7 普通按钮93

6.2.8 提交按钮94

6.2.9 重置按钮95

6.3 表单高级元素的使用96

6.3.1 url属性的使用96

6.3.2 email属性的使用97

6.3.3 date和time属性的使用97

6.3.4 number属性的使用98

6.3.5 range属性的使用99

6.3.6 required属性的使用100

6.4 综合案例——创建用户反馈表单101

6.5 跟我学上机——制作用户注册表单102

6.6 疑难解惑103

第7章 用HTML 5绘制图形105

7.1 添加canvas的步骤106

7.2 绘制基本形状106

7.2.1 绘制矩形107

7.2.2 绘制圆形108

7.2.3 使用moveTo与lineTo绘制直线108

7.2.4 使用bezierCurveTo绘制贝塞尔曲线109

7.3 绘制渐变图形111

7.3.1 绘制线性渐变111

7.3.2 绘制径向渐变112

7.4 绘制变形图形114

7.4.1 绘制平移效果的图形114

7.4.2 绘制缩放效果的图形115

7.4.3 绘制旋转效果的图形116

7.4.4 绘制组合图形117

7.4.5 绘制带阴影的图形119

7.5 使用图像120

7.5.1 绘制图像120

7.5.2 平铺图像121

7.5.3 裁剪图像122

7.5.4 图像的像素化处理124

7.6 绘制文字126

7.7 图形的保存与恢复127

7.7.1 保存与恢复状态127

7.7.2 保存图形129

7.8 综合案例——绘制火柴棒人物130

7.9 跟我学上机——绘制商标132

7.10 疑难解惑134

第8章 HTML 5中的音频和视频135

8.1 audio标签概述136

8.1.1 audio标签概述136

8.1.2 audio标签的属性137

8.1.3 浏览器对audio标签的支持情况137

8.2 在网页中添加音频文件138

8.2.1 添加自动播放的音频文件138

8.2.2 添加带有控件的音频文件138

8.2.3 添加循环播放的音频文件139

8.2.4 添加预播放的音频文件139

8.3 video标签概述140

8.3.1 video标签概述140

8.3.2 video标签的属性141

8.3.3 浏览器对video标签的支持情况142

8.4 在网页中添加视频文件142

8.4.1 添加自动播放的视频文件142

8.4.2 添加带有控件的视频文件143

8.4.3 添加循环播放的视频文件144

8.5 综合案例——设置视频文件的高度与宽度144

8.6 跟我学上机——添加预播放的视频文件145

8.5 疑难解惑146

第Ⅱ篇 CSS 3美化网页149

第9章 CSS 3概述与基本语法149

9.1 CSS 3概述150

9.1.1 CSS 3的功能150

9.1.2 浏览器与CSS 3150

9.1.3 CSS 3的基础语法151

9.1.4 CSS 3的常用单位151

9.2 编辑和浏览CSS 3156

9.2.1 手工编写CSS 3156

9.2.2 用Dreamweaver编写CSS157

9.3 在HTML5中使用CSS 3的方法158

9.3.1 行内样式158

9.3.2 内嵌样式159

9.3.3 链接样式161

9.3.4 导入样式162

9.3.5 优先级问题163

9.4 CSS 3的常用选择器165

9.4.1 标签选择器165

9.4.2 类选择器166

9.4.3 ID选择器167

9.4.4 全局选择器168

9.4.5 组合选择器169

9.4.6 继承选择器170

9.4.7 伪类选择器171

9.5 选择器声明172

9.5.1 集体声明172

9.5.2 多重嵌套声明173

9.6 综合案例——制作炫彩网站Logo174

9.7 跟我学上机——制作学生信息统计表176

9.8 疑难解惑178

第10章 用CSS 3美化网页字体与段落179

10.1 美化网页文字180

10.1.1 设置文字的字体180

10.1.2 设置文字的字号181

10.1.3 设置字体风格182

10.1.4 设置加粗字体183

10.1.5 将小写字母转为大写字母184

10.1.6 设置字体的复合属性185

10.1.7 设置字体颜色186

10.2 设置文本的高级样式187

10.2.1 设置文本阴影效果187

10.2.2 设置文本的溢出效果189

10.2.3 设置文本的控制换行190

10.2.4 保持字体尺寸不变191

10.3 美化网页中的段落192

10.3.1 设置单词之间的间隔192

10.3.2 设置字符之间的间隔193

10.3.3 设置文字的修饰效果194

10.3.4 设置垂直对齐方式195

10.3.5 转换文本的大小写196

10.3.6 设置文本的水平对齐方式197

10.3.7 设置文本的缩进效果199

10.3.8 设置文本的行高199

10.3.9 文本的空白处理200

10.3.10 文本的反排202

10.4 综合案例——设置网页标题203

10.5 跟我学上机——制作新闻页面204

10.6 疑难解惑206

第11章 用CSS 3美化网页图片207

11.1 图片缩放208

11.1.1 通过描述标记width和height缩放图片208

11.1.2 用CSS 3中的max-width和max-height缩放图片208

11.1.3 用CSS 3中的width和height缩放图片209

11.2 设置图片的对齐方式210

11.2.1 设置图片的横向对齐210

11.2.2 设置图片的纵向对齐211

11.3 图文混排213

11.3.1 设置文字环绕效果213

11.3.2 设置图片与文字的间距215

11.4 综合案例——制作学校宣传单216

11.5 跟我学上机——制作简单的图文混排网页219

11.6 疑难解惑220

第12章 用CSS 3美化网页背景与边框221

12.1 用CSS 3美化背景222

12.1.1 设置背景颜色222

12.1.2 设置背景图片223

12.1.3 背景图片重复224

12.1.4 背景图片显示226

12.1.5 背景图片的位置227

12.1.6 背景图片的大小229

12.1.7 背景的显示区域230

12.1.8 背景图像的裁剪区域231

12.1.9 背景复合属性232

12.2 用CSS 3美化边框234

12.2.1 设置边框的样式234

12.2.2 设置边框的颜色235

12.2.3 设置边框的线宽237

12.2.4 设置边框的复合属性238

12.3 设置边框的圆角效果239

12.3.1 设置圆角边框239

12.3.2 指定两个圆角半径240

12.3.3 绘制4个不同角的圆角边框241

12.3.4 绘制不同种类的边框243

12.4 综合案例——制作简单的公司主页244

12.5 跟我学上机——制作简单的生活资讯主页248

12.6 疑难解惑249

第13章 用CSS 3美化超级链接和鼠标251

13.1 用CSS 3来美化超链接252

13.1.1 改变超级链接的基本样式252

13.1.2 设置带有提示信息的超级链接253

13.1.3 设置超级链接的背景图254

13.1.4 设置超级链接的按钮效果255

13.2 用CSS 3美化鼠标特效256

13.2.1 用CSS 3控制鼠标箭头256

13.2.2 设置鼠标变幻式超链接258

13.2.3 设置网页页面滚动条259

13.3 综合案例1——图片版本的超级链接261

13.4 综合案例2——关于鼠标特效263

13.5 跟我学上机——制作一个简单的导航栏265

13.6 疑难解惑268

第14章 用CSS 3美化表格和表单的样式269

14.1 美化表格的样式270

14.1.1 设置表格边框的样式270

14.1.2 设置表格边框的宽度272

14.1.3 设置表格边框的颜色273

14.2 美化表单样式274

14.2.1 美化表单中的元素275

14.2.2 美化提交按钮277

14.2.3 美化下拉菜单278

14.3 综合案例——制作用户登录页面279

14.4 跟我学上机——制作用户注册页面281

14.5 疑难解惑284

第15章 用CSS 3美化网页菜单285

15.1 用CSS 3美化项目列表286

15.1.1 美化无序列表286

15.1.2 美化有序列表287

15.1.3 美化自定义列表289

15.1.4 制作图片列表290

15.1.5 缩进图片列表292

15.1.6 列表的复合属性293

15.2 用CSS 3制作网页菜单294

15.2.1 制作无须表格的菜单294

15.2.2 制作水平和垂直菜单296

15.3 综合案例——模拟soso导航栏298

15.4 跟我学上机——将段落转变成列表301

15.5 疑难解惑303

第16章 用滤镜美化网页元素305

16.1 滤镜概述306

16.2 设置基本滤镜效果307

16.2.1 高斯模糊（blur）滤镜307

16.2.2 明暗度（brightness）滤镜308

16.2.3 对比度（contrast）滤镜309

16.2.4 阴影（drop-shadow）滤镜310

16.2.5 灰度（grayscale）滤镜311

16.2.6 反相（invert）滤镜312

16.2.7 透明度（opacity）滤镜313

16.2.8 饱和度（saturate）滤镜314

16.2.9 深褐色（sepia）滤镜315

16.3 综合案例1——使用复合滤镜效果316

16.4 综合案例2——使用滤镜制作动画效果317

16.5 跟我学上机——制作色相旋转（hue-rotate）滤镜319

16.6 疑难解惑320

第17章 CSS 3中的动画效果321

17.1 了解过渡效果322

17.2 添加过渡效果322

17.3 了解动画效果324

17.4 添加动画效果325

17.5 了解2D转换效果327

17.6 添加2D转换效果327

17.6.1 添加移动效果327

17.6.2 添加旋转效果328

17.6.3 添加缩放效果329

17.6.4 添加倾斜效果331

17.7 添加3D转换效果332

17.8 综合案例——添加综合过渡效果334

17.9 跟我学上机——添加综合变幻效果335

17.10 疑难解惑336

第Ⅲ篇 JavaScript动态特效341

第18章 JavaScript编程基本知识341

18.1 认识JavaScript342

18.1.1 什么是JavaScript342

18.1.2 JavaScript的特点342

18.1.3 JavaScript与Java的区别343

18.1.4 JavaScript的版本344

18.2 JavaScript基本语法的应用345

18.2.1 注释的应用345

18.2.2 语句的应用347

18.2.3 语句块的应用347

18.3 JavaScript的数据结构348

18.3.1 认识标识符349

18.3.2 认识关键字349

18.3.3 认识常量349

18.3.4 认识变量及其应用350

18.4 JavaScript数据类型的使用352

18.4.1 typeof运算符的使用352

18.4.2 undefined类型的使用353

18.4.3 null类型的使用354

18.4.4 Boolean类型的使用354

18.4.5 Number类型的使用355

18.4.6 String类型的使用356

18.4.7 Object类型的使用357

18.5 JavaScript运算符的使用357

18.5.1 算术运算符358

18.5.2 比较运算符359

18.5.3 位运算符360

18.5.4 逻辑运算符361

18.5.5 条件运算符362

18.5.6 赋值运算符364

18.5.7 运算符的优先级365

18.6 综合案例——一个简单的JavaScript程序366

18.7 疑难解惑367

第19章 JavaScript的程序控制结构与语句369

19.1 赋值语句370

19.2 条件判断语句370

19.2.1 if语句370

19.2.2 if-else语句371

19.2.3 if…else if语句372

19.2.4 if语句的嵌套373

19.2.5 switch语句374

19.3 循环控制语句376

19.3.1 while语句376

19.3.2 do-while语句377

19.3.3 for语句378

19.4 跳转语句379

19.4.1 break语句379

19.4.2 continue语句380

19.5 综合案例——在页面中显示距离2018年元旦的天数381

19.6 跟我学上机——制作一个简易乘法表383

19.7 疑难解惑384

第20章 JavaScript中的函数385

20.1 函数的简介386

20.2 调用函数386

20.2.1 函数的简单调用386

20.2.2 在表达式中调用函数387

20.2.3 在事件响应中调用函数388

20.2.4 通过链接调用函数389

20.3 JavaScript中常用的函数390

20.3.1 嵌套函数390

20.3.2 递归函数390

20.3.3 内置函数392

20.4 综合案例——购物简易计算器399

20.5 跟我学上机——制作闪烁图片401

20.6 疑难解惑402

第21章 JavaScript对象编程403

21.1 文档对象模型（DOM）404

21.1.1 文档对象模型（DOM）介绍404

21.1.2 在DOM模型中获得对象404

21.1.3 事件驱动的应用405

21.2 窗口（window）对象407

21.2.1 创建窗口（window）407

21.2.2 创建对话框409

21.2.3 窗口的相关操作411

21.3 文档（document）对象412

21.3.1 文档属性的应用412

21.3.2 文档中图片的使用414

21.3.3 显示文档中的所有超链接415

21.4 表单对象417

21.4.1 创建form对象417

21.4.2 form对象属性与方法的应用417

21.4.3 单选按钮与复选框的使用419

21.4.4 下拉菜单的使用420

21.5 综合案例——表单注册与表单验证421

21.6 跟我学上机——省市联动效果425

21.7 疑难解惑428

第22章 JavaScript的内置对象429

22.1 字符串对象430

22.1.1 创建字符串对象的方法430

22.1.2 字符串对象常用属性的应用430

22.1.3 字符串对象常用方法的应用431

22.2 数学对象433

22.2.1 创建Math对象的方法433

22.2.2 数学对象属性的应用434

22.2.3 数学对象方法的使用435

22.3 日期对象437

22.3.1 创建日期对象437

22.3.2 日期对象常用方法的应用438

22.3.3 日期间的运算440

22.4 数组对象441

22.4.1 创建数组对象441

22.4.2 数组对象属性的应用442

22.4.3 数组对象常用方法的应用444

22.5 综合案例——制作网页随机验证码448

22.6 跟我学上机——动态显示当前时间450

22.7 疑难解惑452

第23章 HTML 5、 CSS 3和JavaScript的综合应用453

23.1 JavaScript在HTML中的使用454

23.1.1 在HTML网页头中嵌入JavaScript代码454

23.1.2 在HTML网页中嵌入JavaScript代码455

23.1.3 在HTML网页的元素事件中嵌入JavaScript代码456

23.1.4 在HTML中调用已经存在的JavaScript文件457

23.1.5 通过JavaScript伪URL引入JavaScript脚本代码458

23.2 JavaScript与CSS 3的结合使用459

23.2.1 动态添加样式459

23.2.2 动态改变样式460

23.2.3 动态定位网页元素462

23.2.4 设置网页元素的显示与隐藏464

23.3 HTML 5、CSS 3和JavaScript的搭配应用465

23.3.1 设定左右移动的图片465

23.3.2 制作颜色选择器468

23.3.3 制作跑马灯效果470

23.4 综合案例——制作树形导航菜单472

23.5 跟我学上机——制作滚动的菜单477

23.6 疑难解惑479

第Ⅳ篇 综合案例实战483

第24章 制作企业门户类网页483

24.1 构思布局484

24.1.1 设计分析484

24.1.2 排版架构484

24.2 内容设计485

24.2.1 使用JavaScript技术实现Logo与导航菜单485

24.2.2 Banner区486

24.2.3 资讯区487

24.2.4 版权信息489

24.3 设置链接490

24.4 疑难解惑490

第25章 制作在线购物类网页491

25.1 整体布局492

25.1.1 设计分析492

25.1.2 排版架构492

25.2 模块分割493

25.2.1 Logo与导航区493

25.2.2 Banner与资讯区495

25.2.3 产品类别区域496

25.2.4 页脚区域498

25.3 设置链接498

25.4 疑难解惑498

第26章 移动设备类型网站开发499

26.1 网站设计分析500

26.2 网站结构分析500

26.3 网站主页面的制作501

26.4 网站成品预览503

26.5 疑难解惑508