HTML5+CSS3+JavaScript网页设计案例课堂2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

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

第1章 初识HTML51

1.1 HTML 5的基本概念2

1.1.1 HTML的发展历程2

1.1.2 什么是HTML 52

1.1.3 HTML 5文件的基本结构3

1.2 HTML 5的优势3

1.2.1 解决了跨浏览器问题3

1.2.2 新增了多个新特性3

1.2.3 用户优先的原则4

1.2.4 化繁为简的优势5

1.3 HTML 5文件的编写方法5

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

1.3.2 使用Dreamweaver CS6编写HTML文件6

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

1.4.1 查看页面效果11

1.4.2 查看源文件11

1.5 疑难解惑12

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

2.1 HTML 5文件的基本结构14

2.1.1 HTML 5页面的整体结构14

2.1.2 HTML 5新增的结构标记14

2.2 HTML 5基本标记详解15

2.2.1 文档类型说明15

2.2.2 HTML标记15

2.2.3 头标记head16

2.2.4 网页的主体标记body18

2.2.5 页面注释标记＜！-- --＞19

2.3 HTML 5语法的变化20

2.3.1 标签不再区分大小写20

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

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

2.4 综合示例——符合W3C标准的HTML 5网页21

2.5 上机练习——简单的HTML 5网页23

2.6 疑难解惑23

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

3.1 在网页中添加文本26

3.1.1 普通文本的添加26

3.1.2 特殊字符文本的添加26

3.1.3 使用HTML 5标记添加特殊文本28

3.2 文本排版30

3.2.1 换行标记＜br＞30

3.2.2 段落标记＜p＞31

3.2.3 标题标记＜h1＞～＜h6＞31

3.3 文字列表32

3.3.1 建立无序列表＜ul＞32

3.3.2 建立有序列表＜ol＞34

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

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

3.3.5 建立嵌套列表36

3.3.6 自定义列表37

3.4 网页中的图像＜img＞38

3.4.1 在网页中插入图像38

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

3.4.3 设置图像的提示文字41

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

3.4.5 排列图像42

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

3.6 上机练习——在线购物网站的产品展示效果44

3.7 疑难解惑45

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

4.1 URL的概念48

4.1.1 URL的格式48

4.1.2 URL的类型48

4.2 超链接标记＜a＞49

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

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

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

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

4.3 创建热点区域54

4.4 创建浮动框架56

4.5 综合示例——用Dreamweaver精确定位热点区域57

4.6 上机练习——创建热点区域59

4.7 疑难解惑60

第5章 用HTML 5创建表格61

5.1 表格的基本结构62

5.2 创建表格63

5.2.1 创建普通表格63

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

5.3 编辑表格65

5.3.1 定义表格的边框类型65

5.3.2 定义表格的表头66

5.3.3 设置表格背景67

5.3.4 设置单元格的背景69

5.3.5 合并单元格70

5.3.6 排列单元格中的内容74

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

5.4 完整的表格标记76

5.5 综合示例——制作计算机报价表77

5.6 上机练习——制作学生成绩表79

5.7 疑难解惑82

第6章 使用HTML 5创建表单85

6.1 表单概述86

6.2 表单基本元素的使用86

6.2.1 单行文本输入框text87

6.2.2 多行文本输入框textarea87

6.2.3 密码域password88

6.2.4 单选按钮radio89

6.2.5 复选框checkbox90

6.2.6 列表框select91

6.2.7 普通按钮button91

6.2.8 提交按钮submit92

6.2.9 重置按钮reset93

6.3 表单高级元素的使用94

6.3.1 url属性的使用94

6.3.2 email属性的使用95

6.3.3 date和time属性的使用96

6.3.4 number属性的使用97

6.3.5 range属性的使用97

6.3.6 required属性的使用98

6.4 综合示例——创建用户反馈表单99

6.5 上机练习——制作用户注册表单100

6.6 疑难解惑101

第7章 使用HTML 5绘制图形103

7.1 添加canvas的步骤104

7.2 绘制基本形状104

7.2.1 绘制矩形105

7.2.2 绘制圆形106

7.2.3 使用moveTo与lineTo绘制直线107

7.2.4 使用bezierCurveTo绘制贝济埃曲线108

7.3 绘制渐变图形109

7.3.1 绘制线性渐变109

7.3.2 绘制径向渐变111

7.4 绘制变形图形112

7.4.1 绘制平移效果的图形112

7.4.2 绘制缩放效果的图形113

7.4.3 绘制旋转效果的图形114

7.4.4 绘制组合效果的图形115

7.4.5 绘制带阴影的图形117

7.5 使用图像118

7.5.1 绘制图像118

7.5.2 平铺图像120

7.5.3 裁剪图像121

7.5.4 图像的像素化处理123

7.6 绘制文字125

7.7 图形的保存与恢复126

7.7.1 保存与恢复状态126

7.7.2 保存文件128

7.8 综合示例——绘制火柴棒人物129

7.9 上机练习——绘制商标132

7.10 疑难解惑133

第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 添加循环播放的视频文件143

8.4.4 添加预播放的视频文件144

8.4.5 设置视频文件的高度与宽度145

8.5 疑难解惑146

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

9.1 CSS 3概述148

9.1.1 CSS 3的功能148

9.1.2 浏览器与CSS 3148

9.1.3 CSS 3的基础语法149

9.1.4 CSS 3的常用单位149

9.2 编辑和浏览CSS 3154

9.2.1 手工编写CSS 3154

9.2.2 用Dreamweaver编写CSS155

9.3 在HTML 5中使用CSS 3的方法156

9.3.1 行内样式156

9.3.2 内嵌样式157

9.3.3 链接样式159

9.3.4 导入样式160

9.3.5 优先级问题161

9.4 CSS 3的常用选择器163

9.4.1 标签选择器164

9.4.2 类选择器164

9.4.3 ID选择器165

9.4.4 全局选择器166

9.4.5 组合选择器167

9.4.6 选择器继承168

9.4.7 伪类选择器169

9.5 选择器声明170

9.5.1 集体声明170

9.5.2 多重嵌套声明171

9.6 综合示例——制作炫彩网站Logo172

9.7 上机练习——制作学生信息统计表175

9.8 疑难解惑176

第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 设置文本的溢出效果188

10.2.3 设置文本的控制换行189

10.2.4 保持字体尺寸不变190

10.3 美化网页中的段落191

10.3.1 设置单词之间的间隔191

10.3.2 设置字符之间的间隔192

10.3.3 设置文字的修饰效果193

10.3.4 设置垂直对齐方式194

10.3.5 转换文本的大小写196

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

10.3.7 设置文本的缩进效果198

10.3.8 设置文本的行高199

10.3.9 文本的空白处理200

10.3.10 文本的反排201

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

10.5 上机练习——制作新闻页面204

10.6 疑难解惑205

第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 设置图片与文字的间距214

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

11.5 上机练习——制作简单的图文混排网页218

11.6 疑难解惑219

第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 背景图像的裁剪区域232

12.1.9 背景复合属性233

12.2 使用CSS 3美化边框234

12.2.1 设置边框的样式234

12.2.2 设置边框的颜色236

12.2.3 设置边框的线宽237

12.2.4 设置边框的复合属性238

12.3 设置边框的圆角效果239

12.3.1 设置圆角边框239

12.3.2 指定两个圆角半径240

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

12.3.4 绘制不同种类的边框243

12.4 综合示例——制作简单的公司主页245

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——关于鼠标特效262

13.5 上机练习——制作一个简单的导航栏264

13.6 疑难解惑266

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

14.1 美化表格的样式268

14.1.1 设置表格边框的样式268

14.1.2 设置表格边框的宽度270

14.1.3 设置表格边框的颜色271

14.2 美化表单样式272

14.2.1 美化表单中的元素272

14.2.2 美化提交按钮274

14.2.3 美化下拉菜单276

14.3 综合示例——制作用户登录页面277

14.4 上机练习——制作用户注册页面279

14.5 疑难解惑281

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

15.1 使用CSS 3美化项目列表284

15.1.1 美化无序列表284

15.1.2 美化有序列表285

15.1.3 美化自定义列表287

15.1.4 制作图片列表288

15.1.5 缩进图片列表289

15.1.6 列表的复合属性291

15.2 使用CSS 3制作网页菜单292

15.2.1 制作无需表格的菜单292

15.2.2 制作水平和垂直菜单294

15.3 综合示例——模拟soso导航栏297

15.4 上机练习——将段落转变成列表299

15.5 疑难解惑301

第16章 使用CSS 3滤镜美化网页元素303

16.1 滤镜概述304

16.2 基本滤镜304

16.2.1 通道（Alpha）滤镜305

16.2.2 模糊（Blur）滤镜307

16.2.3 色彩（Chroma）滤镜308

16.2.4 投影（DropShadow）滤镜309

16.2.5 水平翻转（FlipH）滤镜311

16.2.6 垂直翻转（FlipV）滤镜311

16.2.7 光晕（Glow）滤镜312

16.2.8 灰度（Gray）滤镜313

16.2.9 反相（Invert）滤镜314

16.2.10 遮罩（Mask）滤镜315

16.2.11 波浪（Wave）滤镜315

16.2.12 阴影（Shadow）滤镜317

16.2.13 X-ray滤镜318

16.3 高级滤镜318

16.3.1 光照（Light）滤镜319

16.3.2 渐隐（BlendTrans）滤镜320

16.3.3 切换（RevealTrans）滤镜322

16.4 疑难解惑324

第17章 JavaScript编程基本知识325

17.1 认识JavaScript326

17.1.1 什么是JavaScript326

17.1.2 JavaScript的特点326

17.1.3 JavaScript与Java的区别327

17.1.4 JavaScript的版本328

17.2 JavaScript基本语法的应用329

17.2.1 注释的应用329

17.2.2 语句的应用331

17.2.3 语句块的应用332

17.3 JavaScript的数据结构333

17.3.1 认识标识符333

17.3.2 认识关键字333

17.3.3 认识常量334

17.3.4 认识变量及其应用334

17.4 JavaScript数据类型的使用336

17.4.1 typeof运算符的使用336

17.4.2 undefined类型的使用338

17.4.3 null类型的使用338

17.4.4 Boolean类型的使用339

17.4.5 Number类型的使用340

17.4.6 String类型的使用341

17.4.7 Object类型的使用342

17.5 JavaScript运算符的使用342

17.5.1 算术运算符342

17.5.2 比较运算符344

17.5.3 位运算符345

17.5.4 逻辑运算符346

17.5.5 条件运算符347

17.5.6 赋值运算符348

17.5.7 运算符的优先级350

17.6 综合示例——一个简单的JavaScript程序351

17.7 疑难解惑352

第18章 JavaScript的程序控制结构与语句353

18.1 赋值语句354

18.2 条件判断语句354

18.2.1 if语句354

18.2.2 if-else语句355

18.2.3 if...else if语句356

18.2.4 if语句的嵌套357

18.2.5 switch语句359

18.3 循环控制语句360

18.3.1 while语句360

18.3.2 do-while语句361

18.3.3 for语句363

18.4 跳转语句364

18.4.1 break语句364

18.4.2 continue语句365

18.5 综合示例——在页面中显示距离2015年元旦的天数366

18.6 上机练习——制作一个简易乘法表367

18.7 疑难解惑368

第19章 JavaScript中的函数369

19.1 函数的简介370

19.2 调用函数370

19.2.1 函数的简单调用370

19.2.2 在表达式中调用371

19.2.3 在事件响应中调用函数372

19.2.4 通过链接调用函数373

19.3 JavaScript中常用的函数374

19.3.1 嵌套函数374

19.3.2 递归函数375

19.3.3 内置函数376

19.4 综合示例——购物简易计算器384

19.5 上机练习——制作闪烁图片386

19.6 疑难解惑387

第20章 JavaScript的内置对象389

20.1 字符串对象390

20.1.1 创建字符串对象的方法390

20.1.2 字符串对象常用属性的应用390

20.1.3 字符串对象常用方法的应用391

20.2 数学对象394

20.2.1 创建Math对象的方法394

20.2.2 数学对象属性的应用394

20.2.3 数学对象方法的使用395

20.3 日期对象397

20.3.1 创建日期对象397

20.3.2 日期对象常用方法的应用398

20.3.3 日期间的运算401

20.4 数组对象402

20.4.1 创建数组对象402

20.4.2 数组对象属性的应用402

20.4.3 数组对象常用方法的应用405

20.5 综合示例——制作网页随机验证码409

20.6 上机练习——动态显示当前时间410

20.7 疑难解惑412

第21章 JavaScript对象编程415

21.1 文档对象模型（DOM）416

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

21.1.2 在DOM模型中获得对象416

21.1.3 事件驱动的应用417

21.2 窗口（window）对象419

21.2.1 创建窗口（window）419

21.2.2 创建对话框421

21.2.3 窗口的相关操作423

21.3 文档（document）对象424

21.3.1 文档属性的应用424

21.3.2 文档中图片的使用426

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

21.4 表单对象429

21.4.1 创建form对象429

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

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

21.4.4 下拉菜单的使用432

21.5 综合示例——表单注册与表单验证433

21.6 上机练习——省市联动效果438

21.7 疑难解惑441

第22章 HTML 5、CSS 3和JavaScript的搭配使用443

22.1 常见的JavaScript编写工具444

22.1.1 记事本444

22.1.2 Dreamweaver445

22.2 JavaScript在HTML中的使用446

22.2.1 在HTML网页头中嵌入JavaScript代码446

22.2.2 在HTML网页中嵌入JavaScript代码447

22.2.3 在HTML网页的元素事件中嵌入JavaScript代码448

22.2.4 在HTML中调用已经存在的JavaScript文件449

22.2.5 通过JavaScript伪URL引入JavaScript脚本代码450

22.3 JavaScript与CSS 3的结合使用451

22.3.1 动态添加样式451

22.3.2 动态改变样式452

22.3.3 动态定位网页元素453

22.3.4 设置网页元素的显示与隐藏456

22.4 HTML5、CSS 3和JavaScript的搭配应用457

22.4.1 设定左右移动的图片457

22.4.2 制作颜色选择器460

22.4.3 制作跑马灯效果462

22.5 综合示例——制作树形导航菜单464

22.6 上机练习——制作滚动的菜单468

22.7 疑难解惑470

第23章 制作企业门户类网页473

23.1 构思布局474

23.1.1 设计分析474

23.1.2 排版架构474

23.2 内容设计475

23.2.1 使用JavaScript技术实现Logo与导航菜单475

23.2.2 Banner区476

23.2.3 资讯区477

23.2.4 版权信息479

23.3 设置链接480

23.4 疑难解惑480

第24章 制作在线购物类网页481

24.1 整体布局482

24.1.1 设计分析482

24.1.2 排版架构482

24.2 模块分割483

24.2.1 Logo与导航区483

24.2.2 Banner与资讯区485

24.2.3 产品类别区域486

24.2.4 页脚区域488

24.3 设置链接488

24.4 疑难解惑488