Web前端技术案例教程PDF电子书下载

查看更多关于的内容

第一部分HTML 3

第1章 Web前端开发入门 3

1.1 Web前端概述 3

1.1.1 HTML 3

1.1.2 CSS 8

1.1.3 JavaScript 10

1.2 Web服务器与Web浏览器 12

1.3 Web前端综合实例 13

点睛 18

章节测试 18

第2章 HTML文档基本结构 20

2.1 HTML文档基本结构 20

2.2 头部〈head〉 21

2.2.1 〈title〉元素 21

2.2.2 〈meta〉元素 21

2.2.3 〈style〉元素 24

2.2.4 〈link〉元素 24

2.2.5 〈script〉元素 25

2.3 主体〈body〉 25

2.3.1 〈body〉元素 25

2.3.2 〈body〉元素的属性 25

点睛 27

章节测试 28

第3章 HTML文字、段落与列表 30

3.1 〈p〉元素 30

3.2 〈br〉元素 31

3.3 〈pre〉元素 32

3.4 〈q〉、〈blockquote〉元素 34

3.5 〈span〉元素 36

3.6 〈hr〉元素 37

3.7 标题字元素 37

3.8 短语元素 37

3.9 〈ol〉、 〈li〉元素和〈ul〉、 〈li〉元素 39

3.10 〈menu〉元素 42

3.11 〈bdo〉元素 43

3.12 HTML5新增元素 44

3.12.1 〈ruby〉、 〈rt〉元素 45

3.12.2 〈mark〉元素 46

3.12.3 〈figure〉、 〈figcaption〉元素 46

3.12.4 〈details〉、 〈summary〉元素 47

点睛 49

章节测试 49

第4章 HTML超链接 52

4.1 〈a〉元素 52

4.2 绝对路径和相对路径 53

4.3 锚点链接 55

4.4 E-mail链接、FTP链接 56

点睛 57

章节测试 57

第5章 HTML图像 59

5.1 〈img〉元素 59

5.2 内联元素与块元素 62

点睛 63

章节测试 63

第6章 HTML表格 66

6.1 表格元素 66

6.2 rowspan和 colspan属性 69

点睛 71

章节测试 71

第7章 HTML表单 73

7.1 〈form〉元素 73

7.1.1 action属性 75

7.1.2 method属性 75

7.1.3 name和target属性 76

7.1.4 HTML5新增属性 76

7.2 〈input〉元素 80

7.2.1 文本框（text） 81

7.2.2 密码文本框（password） 82

7.2.3 单选框（radio） 82

7.2.4 复选框（checkbox） 83

7.2.5 普通按钮（button） 83

7.2.6 提交按钮（submit） 85

7.2.7 重置按钮（reset） 85

7.2.8 图像按钮（image） 86

7.2.9 隐藏域（hidden） 86

7.2.10 文件域（file） 87

7.3 〈textarea〉元素 87

7.4 〈select〉元素 88

7.5 〈label〉元素 90

7.6 〈fieldset〉元素 91

7.7 HTML5新增的表单元素和属性 92

7.7.1 url类型 92

7.7.2 email类型 92

7.7.3 number类型 94

7.7.4 range类型 95

7.7.5 search类型 95

7.7.6 color类型 95

7.7.7 date系列类型 96

7.7.8 〈datalist〉元素 97

7.7.9 HTML5新增元素、属性和类型的汇总 99

7.8 表单例子 100

点睛 102

章节测试 103

第8章 HTML多媒体 105

8.1 〈marquee〉元素 105

8.2 〈audio〉元素 106

8.3 〈video〉元素 108

8.4 〈progress〉元素 110

8.5 〈canvas〉元素 112

点睛 113

章节测试 114

第9章 HTML5布局 115

9.1 〈div〉元素 115

9.2 HTML5中新增的布局元素 116

9.2.1 〈header〉元素 118

9.2.2 〈nav〉元素 118

9.2.3 〈section〉元素 120

9.2.4 〈article〉元素 120

9.2.5 〈aside〉元素 122

9.2.6 〈footer〉元素 122

点睛 124

章节测试 125

第二部分CSS 129

第10章 CSS初识 129

10.1 CSS规则 129

10.2 CSS选择器 130

10.2.1 元素选择器 130

10.2.2 id选择器 130

10.2.3 class选择器 131

10.2.4 后代选择器 134

10.2.5 一次多选（分组选择器） 135

10.2.6 选择器的权重 136

10.3 将CSS与HTML联系起来 137

10.3.1 嵌入样式表 137

10.3.2 外部链接样式表 138

10.3.3 导入样式表 138

10.3.4 内联样式表 138

10.4 盒子模型 139

10.4.1 border属性 139

10.4.2 margin属性 141

10.4.3 padding属性 142

10.4.4 height和width属性 143

10.4.5 两个元素之间的距离 144

点睛 146

章节测试 146

第11章 CSS文本样式 148

11.1 CSS字体（font-family） 148

11.2 CSS文本属性 149

11.2.1 字体大小（font-size） 149

11.2.2 字体颜色（color） 150

11.2.3 字体粗细（font-weight） 151

11.2.4 文本修饰（text-decoration） 152

11.2.5 文本对齐（text-align） 152

11.2.6 其他属性 153

11.3 CSS3新增的文本属性 157

11.3.1 text-shadow属性 157

11.3.2 word-wrap属性 158

11.3.3 CSS3新增的其他文本属性 159

点睛 160

章节测试 160

第12章 CSS设置图片效果 162

12.1 图片的边框（border） 162

12.2 图片的大小（width属性、height属性） 163

12.3 图片的对齐方式 164

12.3.1 横向对齐方式（text-align属性） 164

12.3.2 纵向对齐方式（vertical-align属性） 165

12.4 背景图像 168

12.4.1 背景颜色（background-color属性） 168

12.4.2 背景图片（background-image属性） 168

12.4.3 背景图片的重复（background-repeat属性） 169

12.4.4 背景图片的位置（background-position属性） 170

12.4.5 背景图片的固定（background-attachment属性） 171

点睛 172

章节测试 172

第13章 CSS布局与定位 174

13.1 布局概述 174

13.2 浮动布局（float） 175

13.2.1 文档流 175

13.2.2 浮动 175

13.2.3 一个元素的浮动 176

13.2.4 多个元素的浮动 179

13.2.5 清除浮动 182

13.2.6 float实现多列布局的例子 183

13.3 盒布局和弹性盒布局 186

13.3.1 盒布局 186

13.3.2 弹性盒布局 187

13.4 定位（position） 190

13.4.1 绝对定位 191

13.4.2 相对定位 194

13.4.3 固定定位 197

点睛 197

章节测试 198

第14章 CSS列表、表格与超链接 201

14.1 列表样式 201

14.1.1 list-style-type属性 201

14.1.2 list-style-image属性 202

14.1.3 list-style-position属性 202

14.2 表格样式 203

14.2.1 caption-side属性 203

14.2.2 border-collapse属性 204

14.2.3 border-spacing属性 204

14.2.4 其他属性 204

14.3 超链接样式 205

14.3.1 伪类选择器 206

14.3.2 元素：hover选择器 206

14.3.3 鼠标样式 206

14.4 导航栏 207

14.4.1 垂直导航栏 207

14.4.2 水平导航栏 212

点睛 215

章节测试 216

第15章 CSS过渡与动画 217

15.1 过渡 217

15.2 变换 219

15.3 动画 221

15.3.1 ＠keyframes关键字 222

15.3.2 animation属性 222

点睛 224

章节测试 225

第16章 HTML＋CSS综合案例（一） 226

16.1 用户信息反馈表 226

16.2 HTML代码 227

16.3 CSS代码 228

章节测试 232

第17章 HTML＋CSS综合案例（二） 234

17.1 分析架构 234

17.1.1 设计分析 234

17.1.2 排版架构 235

17.2 模块拆分 237

17.2.1 banner与导航菜单 237

17.2.2 侧边栏 237

17.2.3 内容部分 238

17.2.4 脚注部分 238

17.3 整体调整 239

章节测试 240

第三部分JavaScript 243

第18章 JavaScript基础 243

18.1 JavaScript引入方式 243

18.1.1 外部JavaScript 243

18.1.2 内部JavaScript 244

18.1.3 元素事件JavaScript 245

18.2 JavaScript的变量 247

18.2.1 变量的声明 247

18.2.2 变量的命名规范 248

18.2.3 变量的数据类型 248

18.3 JavaScript的变量函数 250

18.3.1 Number（）函数 250

18.3.2 parseInt（）函数 251

18.3.3 parseFloat（）函数 252

18.3.4 isNaN（）函数 252

18.3.5 typeof（） 253

18.4 JavaScript的运算符 253

18.4.1 算术运算符 254

18.4.2 赋值运算符 255

18.4.3 关系运算符 255

18.4.4 逻辑运算符 256

18.4.5 条件运算符 256

18.4.6 运算符的优先级 257

18.5 选择结构 258

18.5.1 单向选择：if 258

18.5.2 双向选择：if………else 258

18.5.3 多向选择：if…else if…else 259

18.5.4 if语句的嵌套 260

18.5.5 多向选择：switch 260

18.6 循环结构 262

18.6.1 while语句 262

18.6.2 do…while语句 262

18.6.3 for语句 263

点睛 264

章节测试 264

第19章 JavaScript内置对象 268

19.1 对象的类型 268

19.2 字符串对象（String） 268

19.2.1 字符串对象的创建 269

19.2.2 字符串对象的属性和方法 269

19.3 数组对象（Array） 271

19.3.1 数组对象的创建 271

19.3.2 数组对象的属性和方法 272

19.4 日期对象（Date） 279

19.4.1 日期对象的创建 279

19.4.2 日期对象的方法 280

19.5 数学对象（Math） 281

点睛 283

章节测试 284

第20章 window对象 286

20.1 window对象概述 286

20.2 窗口操作 288

20.2.1 打开窗口（open方法） 288

20.2.2 关闭窗口（close方法） 288

20.3 定时器 291

20.3.1 setTimeout（）和cl earT imeout（） 291

20.3.2 setInterval（）和clearInterval（） 292

点睛 294

章节测试 294

第21章 DOM基础 296

21.1 DOM概述 296

21.1.1 DOM与HTML DOM 296

21.1.2 DOM结构 297

21.1.3 节点类型 297

21.2 获取元素 299

21.2.1 getElementById（）方法 299

21.2.2 getElementsByName（）／getElementsByTagName（）／getElementsByClassName（）方法 300

21.2.3 querySelector（）和query SelectorAll） 301

21.3 创建元素 304

21.3.1 createElement（）方法 304

21.3.2 createTextNode（）方法 305

21.4 插入元素 308

21.4.1 appendChild（）方法 308

21.4.2 insertBefore（）方法 310

21.5 删除元素 312

21.6 替换元素 312

21.7 复制元素 314

点睛 316

章节测试 316

第22章 jQuery基础 320

22.1 jQuery库文件的加载 321

22.2 jQuery 对象 322

22.3 jQuery选择器 323

22.3.1 基本选择器 324

22.3.2 层次选择器 326

22.3.3 过滤选择器 328

22.4 jQuery事件方法 333

22.4.1 鼠标事件 333

22.4.2 键盘事件 334

22.5 jQuery操作元素 335

22.5.1 内部插入 335

22.5.2 外部插入 335

22.5.3 复制与删除 335

22.6 jQuery操作文本 336

22.7 jQuery操作CSS 336

22.8 jQuery动画特效 337

点睛 339

章节测试 340

第23章 HTML＋CSS＋JavaScript综合案例（一） 342

23.1 分析架构 342

23.1.1 排版架构 344

23.1.2 排版CSS设置 345

23.2 模块拆分 347

23.2.1 页眉和页脚的实现 347

23.2.2 主体内容的实现 348

23.3 完整代码 360

第24章 HTML＋CSS＋JavaScript综合案例（二） 361

24.1 分析架构 361

24.1.1 设计分析 362

24.1.2 排版架构 362

24.2 HTML代码 363

24.3 jQuery代码 363

24.4 CSS代码 364

查看更多关于的内容