《HTML5+CSS3+JAVASCRIPT 从入门到精通》求取 ⇩

第1章Web前端开发快速入门1

1.1初识Web2

1.1.1 什么是Web2

1.1.2 Web页的分类2

1.1.3 Web的工作过程2

1.1.4 URL统一资源定位器3

1.2Web前端开发语言3

1.2.1 HTML标记语言4

1.2.2 CSS样式5

1.2.3 JavaScript脚本语言6

1.3Web前端集成开发软件10

1.3.1 Sublime Text概述10

1.3.2 Sublime Text 3的下载10

1.3.3 Sublime Text 3的安装12

1.3.4 利用Sublime Text 3创建HTML文档13

第2章HTML网页中的文本和图像15

2.1HTML中的元素16

2.1.1 标题元素16

2.1.2 段落元素和水平线元素16

2.1.3 实例：在网页中排版一首古诗17

2.2元素的属性17

2.2.1 属性的语法格式17

2.2.2 实例：对网页中的古诗进一步排版18

2.3文本元素19

2.3.1 常用的文本元素19

2.3.2 实例：文本元素的应用19

2.4文本的超链接20

2.4.1 相对地址与绝对地址21

2.4.2 超链接元素及其属性21

2.4.3 实例：超链接的应用22

2.4.4 实例：文件下载链接23

2.4.5 实例：锚链接24

2.5图像元素25

2.5.1 GIF格式26

2.5.2 JPEG格式26

2.5.3 图像元素的属性26

2.5.4 实例：图像的显示27

2.5.5 实例：图像的大小和对齐方式28

2.5.6 图像的超链接29

2.6列表元素30

2.6.1 无序列表元素30

2.6.2 有序列表元素31

2.6.3 定义列表元素31

2.6.4 列表元素的应用31

第3章HTML网页中的表格和框架33

3.1HTML中的表格34

3.1.1 表格的三个基本元素34

3.1.2 表格的标题和列头35

3.1.3 表格的合并单元格36

3.1.4 表格的属性38

3.1.5 表格的表头、主体和页脚元素40

3.1.6 表格列的美化42

3.2HTML中的框架43

3.2.1 框架组元素43

3.2.2 框架元素44

3.2.3 实例：窗口的上下设置44

3.2.4 实例：窗口的左右设置45

3.2.5 实例：窗口的嵌套设置46

3.2.6 窗口的名称和链接47

3.2.7 内联框架元素49

第4章HTML网页中的表单51

4.1 初识表单52

4.2表单中的常用控件元素52

4.2.1 文本框控件52

4.2.2 按钮控件53

4.2.3 实例：用户登录界面53

4.2.4 单选框控件54

4.2.5 复选框控件55

4.2.6 实例：个人信息统计55

4.2.7 下拉列表框控件56

4.2.8 datalist控件57

4.2.9 实例：下拉列表框和datalist控件的应用57

4.3 电子邮箱控件和图像提交按钮58

4.4 网址控件60

4.5 number控件和range控件61

4.6日期时间类控件62

4.6.1 日期控件和时间控件63

4.6.2 月份控件和星期控件63

4.6.3 日期＋时间控件和本地日期时间控件63

4.6.4 实例：日期时间类控件的应用63

4.7 搜索控件、颜色控件和选择文件控件66

4.8 多行文本框控件67

4.9 output控件69

4.10 进度条控件和度量条控件70

4.11 label控件和button控件71

4.12 fieldset控件和legend控件72

第5章HTML网页中的canvas绘图75

5.1 利用canvas绘制画布76

5.2利用canvas绘制基本图形77

5.2.1 绘制线段77

5.2.2 线段的样式78

5.2.3 绘制矩形79

5.2.4 绘制圆和圆弧80

5.2.5 实例：绘制扇面82

5.3 利用canvas绘制文本83

5.4填充渐变色84

5.4.1 线性渐变色85

5.4.2 放射状渐变色86

5.5 创建带有阴影的图形和文字87

5.6利用canvas操作图像89

5.6.1 绘制图像89

5.6.2 利用图像填充图形90

第6章HTML网页中的音频和视频93

6.1 HTML网页中的音频94

6.2HTML网页中的视频95

6.2.1 利用video元素播放视频95

6.2.2 利用source元素解决浏览器播放视频的兼容问题96

6.2.3 实例：自定义按钮实现视频的控制操作97

6.3 利用embed元素嵌入Flash动画99

第7章HTML网页中的布局元素101

7.1 初识HTML网页中的布局102

7.2header元素和footer元素102

7.2.1 header布局元素102

7.2.2 footer布局元素103

7.2.3 利用header和footer元素布局网页页面103

7.3 article元素104

7.4 section元素106

7.5 aside元素107

7.6 nav元素108

7.7 hgroup、address和time元素109

7.8 figure和figcaption元素111

7.9实例：手机端HTML网页的布局112

7.9.1 制作手机端的HTML网页112

7.9.2 测试手机端的HTML网页113

7.9.3 制作section元素内容114

7.9.4 制作header元素内容116

7.9.5 制作aside元素内容117

7.9.6 制作footer元素内容118

第8章CSS基础121

8.1初识CSS122

8.1.1 什么是CSS122

8.1.2 CSS样式的作用122

8.2CSS的语法122

8.2.1 CSS的基本语法123

8.2.2 选择器的类型124

8.2.3 CSS的注释128

8.3CSS的引用方式129

8.3.1 嵌入样式表129

8.3.2 链接外部样式表129

8.3.3 内嵌样式131

8.3.4 CSS样式的优先级132

第9章CSS中的各种样式133

9.1字体样式134

9.1.1 font-family字体类型134

9.1.2 font-size字体大小135

9.1.3 font-weight字体粗细137

9.1.4 font-style字体倾斜137

9.1.5 color字体颜色137

9.2段落样式138

9.2.1 text-decoration文本修饰139

9.2.2 text-transform大小写转换140

9.2.3 text-indent首行缩进140

9.2.4 text-align对齐方式142

9.2.5 line-height行高142

9.3边框样式143

9.3.1 边框的宽度和颜色144

9.3.2 边框的外观144

9.3.3 边框的局部样式145

9.4背景样式147

9.4.1 background-color背景颜色148

9.4.2 背景图像149

9.5图像样式151

9.5.1 图像的大小、边框和水平对齐方式151

9.5.2 图像的垂直对齐方式152

9.5.3 文字环绕效果154

9.5.4 设置文字与图像的间距155

第10章CSS盒子模型和布局157

10.1CSS盒子模型158

10.1.1 CSS盒子模型的4个属性158

10.1.2 实例：CSS盒子模型的应用159

10.2CSS定位布局161

10.2.1 固定定位161

10.2.2 相对定位162

10.2.3 绝对定位163

10.2.4 静态定位164

10.3CSS浮动布局164

10.3.1 浮动属性float164

10.3.2 清除浮动属性clear167

第11章CSS特殊效果与动画169

11.1CSS圆角效果170

11.1.1 border-radius属性170

11.1.2 为4个圆角设置不同的弧度171

11.2CSS渐变色效果172

11.2.1 线性渐变色172

11.2.2 复杂的线性渐变色174

11.2.3 径向渐变色176

11.3 CSS阴影效果177

11.4过渡动画178

11.4.1 过渡属性179

11.4.2 过渡动画效果实例179

11.52D转换动画180

11.5.1 2D缩放动画效果181

11.5.2 2D移动动画效果182

11.5.3 2D旋转动画效果183

11.5.4 2D拉伸动画效果184

11.63D转换动画185

11.6.1 3D转换常用属性185

11.6.2 3D旋转动画效果185

11.6.3 3D缩放动画效果187

11.6.4 3D移动动画效果189

11.7animation动画191

11.7.1 animation属性191

11.7.2 制作animation动画的流程192

第12章JavaScript编程的初步知识195

12.1基本数据类型196

12.1.1 数值型196

12.1.2 字符串型198

12.1.3 布尔型201

12.1.4 空值型202

12.1.5 未定义值202

12.2变量203

12.2.1 什么是变量204

12.2.2 变量的命名规则204

12.2.3 变量的声明204

12.2.4 变量的赋值206

12.3数据类型的转换208

12.3.1 数据类型的自动转换208

12.3.2 数据类型的强制转换208

12.3.3 基本数据类型转换208

12.3.4 提取整数的parseInt（）方法210

12.3.5 提取浮点数的parseFloat（）方法210

12.3.6 计算表达式值的eval（）方法210

12.4运算符的应用211

12.4.1 算术运算符的应用212

12.4.2 赋值运算符的应用215

12.4.3 位运算符的应用217

12.5JavaScript的语法规则218

12.5.1 大小写敏感性219

12.5.2 可选的分号219

12.5.3 代码注释220

第13章JavaScript编程的判断结构221

13.1if语句222

13.1.1 if语句的一般格式222

13.1.2 实例：任意输入两个数，显示两个数的大小关系222

13.2if......else语句224

13.2.1 if......else语句的一般格式224

13.2.2 实例：任意输入两个学生的成绩，显示成绩较高的学生成绩224

13.2.3 实例：任意输入一个正数，判断奇偶性225

13.3多个ifelse语句227

13.3.1 实例：企业奖金发放系统227

13.3.2 实例：每周计划系统229

13.4关系运算符230

13.4.1 关系运算符及意义230

13.4.2 实例：成绩评语系统231

13.5逻辑运算符233

13.5.1 逻辑运算符及意义234

13.5.2 实例：判断是否是闰年234

13.5.3 实例：剪刀、石头、布游戏235

13.6嵌套if语句237

13.6.1 嵌套if语句的一般格式237

13.6.2 实例：判断一个数是否是5或7的倍数237

13.6.3 实例：用户登录系统239

13.7 条件运算符和条件表达式240

13.8switch语句242

13.8.1 switch语句的一般格式242

13.8.2 实例：根据输入的数显示相应的星期几242

第14章JavaScript编程的循环结构245

14.1while循环246

14.1.1 while循环的一般格式246

14.1.2 实例：利用while循环显示100之内的自然数246

14.1.3 实例：随机产生10个随机数，并显示最大的数247

14.1.4 实例：猴子吃桃问题248

14.2do-while循环249

14.2.1 do-while循环的一般格式249

14.2.2 实例：计算1＋2＋3＋＋100的和250

14.2.3 实例：阶乘求和250

14.3for循环252

14.3.1 for循环的一般格式252

14.3.2 实例：利用for循环显示100之内的偶数252

14.3.3 实例：小球反弹的高度253

14.4 for...in语句254

14.5循环嵌套255

14.5.1 实例：九九乘法表256

14.5.2 实例：分解质因数256

14.5.3 实例：绘制“＃”号的菱形258

14.5.4 实例：杨辉三角259

14.5.5 实例：弗洛伊德三角形261

14.6 break语句262

14.7 continue语句263

第15章JavaScript编程的函数和正则表达式265

15.1 初识函数266

15.2函数的定义与调用266

15.2.1 定义函数266

15.2.2 调用函数267

15.3函数参数的使用268

15.3.1 值传递269

15.3.2 地址传递270

15.4函数的返回值273

15.4.1 return语句的语法格式273

15.4.2 实例：显示数组中的最大数274

15.5 递归函数275

15.6正则表达式276

15.6.1 什么是正则表达式276

15.6.2 正则表达式的语法格式277

15.6.3 RegExp对象277

15.6.4 RegExp对象的属性278

15.6.5 String对象的4个方法278

15.6.6 高级正则表达式283

第16章JavaScript的对象编程287

16.1初识对象编程288

16.1.1 面向对象288

16.1.2 基于对象289

16.1.3 基于对象的JavaScript289

16.2对象的属性和方法289

16.2.1 对象的属性290

16.2.2 对象的方法290

16.3 预定义对象291

16.4自定义对象291

16.4.1 创建对象291

16.4.2 创建对象的方法294

16.4.3 对象的删除297

16.5Array对象297

16.5.1 创建Array对象297

16.5.2 访问数组元素298

16.5.3 多维数组299

16.5.4 Array对象的常用属性和方法300

16.6 Math对象302

16.7Date对象304

16.7.1 Date对象的创建方式304

16.7.2 Date对象的方法304

16.8 Object对象307

第17章JavaScript的表单验证和Cookie处理309

17.1JavaScript的表单验证310

17.1.1 获得表单信息310

17.1.2 检验表单的方法311

17.1.3 利用JavaScript获取个人信息统计312

17.1.4 利用JavaScript获取下拉列表框和datalist控件中的信息313

17.1.5 利用JavaScript获取电子邮箱信息314

17.1.6 利用JavaScript改变网页的背景色315

17.1.7 利用JavaScript实现文本框的智能输入317

17.2JavaScript的Cookie处理318

17.2.1 什么是Cookie318

17.2.2 Cookie的属性319

17.2.3 Cookie的储存320

17.2.4 Cookie的读取322

第18章JavaScript的网页特效325

18.1JavaScript的文字特效326

18.1.1 文字的跑马灯动画效果326

18.1.2 打字动画效果327

18.1.3 大小不断变化的文字动画效果330

18.1.4 颜色不断变化的文字动画效果331

18.1.5 来回升降的文字动画效果333

18.2JavaScript的图像特效335

18.2.1 动态改变图像的位置335

18.2.2 图像不断闪烁的动画效果336

18.2.3 拖动鼠标改变图像大小338

18.3JavaScript的时间特效339

18.3.1 分时问候时间特效339

18.3.2 动态显示当前日期和时间效果340

18.3.3 时间倒计时页面效果342

18.4JavaScript的鼠标事件特效343

18.4.1 不允许单击鼠标左右键特效343

18.4.2 动态显示鼠标的当前坐标345

18.5JavaScript的菜单特效346

18.5.1 下拉菜单特效346

18.5.2 滚动的导航菜单特效347

第19章JavaScript窗口的控制和提醒功能349

19.1JavaScript的window对象350

19.1.1 window对象的属性350

19.1.2 window对象的方法351

19.1.3 在JavaScript中引用window对象属性和方法352

19.2窗口的基本操作352

19.2.1 打开窗口352

19.2.2 关闭窗口355

19.2.3 移动或改变窗口大小356

19.3与用户交互的对话框357

19.3.1 提示对话框357

19.3.2 询问对话框358

19.3.3 输入对话框360

第20章JavaScript的DOM编程363

20.1初识文档对象模型364

20.1.1 DOM中的节点364

20.1.2 Node对象365

20.1.3 Node对象的常用属性和方法365

20.1.4 实例：HTML文档的节点属性366

20.2访问文档中的对象368

20.2.1 getElementsByTagName（）方法368

20.2.2 getElementById（）方法369

20.2.3 getElementsByName（）方法370

20.3节点的基本操作371

20.3.1 节点的生成371

20.3.2 节点的添加和插入372

20.3.3 节点的替换375

20.3.4 节点的删除376

20.4 对属性进行操作377

20.5 事件驱动及处理379

第21章JavaScript的框架库jQuery383

21.1初识框架库jQuery384

21.1.1 jQuery的下载384

21.1.2 jQuery的使用385

21.2 jQuery的常用选择器386

21.3jQuery的常用事件方法389

21.3.1 $（document）.ready（）事件方法389

21.3.2 鼠标常用事件方法390

21.3.3 键盘常用事件方法392

21.4jQuery的动画效果394

21.4.1 显示和隐藏动画效果394

21.4.2 淡入和淡出动画效果395

21.4.3 滑动动画效果397

21.4.4 自定义动画399