Web前端设计基础 HTML5、CSS3、JavaScriptPDF电子书下载

第1章Web技术概述 1

1.1Internet概述 1

1.1.1 TCP/IP 1

1.1.2主机和IP地址 2

1.1.3域名和DNS 2

1.2 Web概述 3

1.2.1 Web历史 3

1.2.2 Web体系结构 4

1.2.3基本Web技术 5

1.2.4 Web服务器 8

1.3超文本与标记语言 9

1.3.1超文本与超媒体 9

1.3.2标记语言 10

1.4 Web标准 12

1.4.1 Web标准体系 12

1.4.2采用Web标准的优势 13

1.5浏览器 13

1.5.1常用浏览器 13

1.5.2标准浏览器 14

1.6 Web开发工具 15

1.6.1 JetBrains WebStorm 15

1.6.2测试和调试环境 15

1.7小结 16

1.8习题 16

第2章HTML5基础 18

2.1 HTML5基础概述 18

2.1.1 HTML5文档结构 18

2.1.2元素与标签 19

2.1.3属性 22

2.1.4语法规则 23

2.2 WebStorm基础 24

2.2.1 WebStorm基本操作 24

2.2.2 WebStorm快捷键 27

2.3文档结构元素 27

2.3.1〈html〉标签 28

2.3.2 〈head〉标签 28

2.3.3 〈body〉标签 28

2.4头部元素 28

2.4.1 〈title〉标签 28

2.4.2 〈meta〉标签 29

2.5叮叮书店首页添加元信息 31

2.6小结 31

2.7习题 31

第3章HTML5内容结构与文本 33

3.1 HTML5结构标签 33

3.1.1 〈header〉标签 33

3.1.2 〈nav〉标签 34

3.1.3 〈article〉标签 34

3.1.4 〈section〉标签 34

3.1.5 〈aside〉标签 34

3.1.6 〈footer〉标签 34

3.1.7 〈details〉和〈summary〉标签 34

3.1.8 〈div〉标签 35

3.1.9 〈span〉标签 35

3.2 HTML5基础标签 35

3.2.1标题 36

3.2.2段落 36

3.2.3换行符 36

3.2.4注释 36

3.3 HTML5格式化标签 36

3.3.1文本格式化标签 37

3.3.2引用和术语定义标签 38

3.3.3 HTML5新增格式标签 39

3.4 HTML5列表 42

3.4.1无序列表 42

3.4.2有序列表 43

3.4.3定义列表 44

3.5叮叮书店首页内容结构的建立 44

3.5.1分析设计页面内容结构 45

3.5.2用HTML5结构标签确定页面内容结构 45

3.5.3添加文本内容 48

3.5.4在浏览器中预览 52

3.6小结 52

3.7习题 53

第4章HTML5超链接 54

4.1〈a〉标签 54

4.1.1 href属性 54

4.1.2 target属性 55

4.1.3 id属性 55

4.2 HTML5字符集与颜色 57

4.2.1 HTML5字符集 57

4.2.2 HTML5字符实体 57

4.2.3 HTML5颜色 58

4.2.4 HTML5颜色名 58

4.3叮叮书店首页超链接的使用 58

4.4小结 61

4.5习题 61

第5章HTML5多媒体 62

5.1 HTML5图像 62

5.1.1 〈img〉标签 62

5.1.2 〈map〉和〈area〉标签 63

5.1.3 〈figure〉和〈figcaption〉标签 64

5.2 HTML5音视频 65

5.2.1 HTML5视频 65

5.2.2 HTML5音频 68

5.3 〈embed〉标签 69

5.4叮叮书店首页图像的使用 70

5.5小结 71

5.6习题 72

第6章HTML5表格 73

6.1HTML5表格概述 73

6.1.1表格结构 73

6.1.2表格标签 73

6.2常用表格标签 74

6.2.1 〈table〉标签 74

6.2.2 〈tr〉标签 75

6.2.3 〈td〉标签 75

6.2.4 〈col〉标签 76

6.2.5 〈thead〉、〈tbody〉和〈tfoot〉标签 77

6.3叮叮书店“购物车”页面的建立 77

6.4小结 78

6.5习题 79

第7章HTML5表单 80

7.1 HTML5表单概述 80

7.1.1表单 80

7.1.2 〈form〉标签 80

7.2表单域 82

7.2.1 〈input〉标签 82

7.2.2 〈textarea〉标签 90

7.2.3 〈lab e1〉标签 91

7.2.4 〈fieldset〉标签 91

7.2.5 〈select〉标签 92

7.2.6 〈option〉标签 92

7.2.7 〈optgroup〉标签 93

7.2.8 〈button〉标签 93

7.2.9 〈datalist〉标签 94

7.2.10 〈keygen〉标签 94

7.2.11〈output〉标签 95

7.3叮叮书店“联系我们”页面的建立 95

7.4 叮叮书店首页添加站内搜索 98

7.5小结 98

7.6习题 98

第8章CSS基础 100

8.1 CSS概述 100

8.2 CSS语法 102

8.3 CSS常用选择器 103

8.4 CSS3选择器 106

8.5 CSS属性 107

8.5.1 CSS属性概述 107

8.5.2 CSS属性值和单位 110

8.5.3 CSS3属性值和单位 112

8.6使用CSS 113

8.7层叠（多重）样式 116

8.8小结 119

8.9习题 119

第9章 页面布局定位 121

9.1 CSS盒模型 121

9.1.1 CSS盒模型概述 121

9.1.2 CSS内边距 123

9.1.3 CSS边框 124

9.1.4 CSS3边框 128

9.1.5 CSS外边距 131

9.1.6 CSS轮廓 133

9.2 CSS布局 134

9.2.1盒模型显示类型 134

9.2.2 CSS3伸缩盒布局 137

9.2.3 CSS浮动 146

9.2.4可见与溢出 149

9.3 CSS定位 150

9.3.1 position属性 151

9.3.2 z-index属性 155

9.4基本布局模板 156

9.4.1固定（液态）布局 156

9.4.2弹性伸缩布局 159

9.5叮叮书店首页布局样式设计 160

9.6小结 162

9.7习题 162

第10章 元素外观属性 165

10.1背景 165

10.1.1 CSS背景 165

10.1.2 CSS3背景 168

10.1.3 CSS3透明度 170

10.2字体 170

10.2.1指定字体 171

10.2.2指定大小 171

10.2.3字体风格 172

10.2.4字体粗细 172

10.2.5 CSS3服务器端字体 174

10.3文本与修饰 175

10.3.1文本 175

10.3.2修饰 179

10.4 CSS3文本效果 181

10.4.1阴影 181

10.4.2换行 181

10.5 CSS3多列 182

10.6列表 183

10.7尺寸 185

10.8表格 186

10.8.1表格属性 186

10.8.2表格边框控制 187

10.8.3改善表格显示效果 188

10.8.4叮叮书店“购物车”页面表格样式设计 189

10.9叮叮书店首页外观样式设计 190

10.9.1文本 190

10.9.2背景 191

10.9.3其他细节 193

10.10小结 194

10.11习题 194

第11章 伪类和伪元素 196

11.1 CSS伪类 196

11.1.1超链接伪类 196

11.1.2结构性伪类 197

11.1.3子元素伪类 199

11.1.4 UI元素状态伪类 201

11.2 CSS伪元素 204

11.3 CSS内容 205

11.4小结 208

11.5习题 208

第12章CSS3变换、过渡和动画 210

12.1变换 210

12.2过渡 219

12.3动画 223

12.4叮叮书店首页超链接、伪类和动画样式设计 225

12.5小结 229

12.6习题 229

第13章 页面内容样式设计 230

13.1默认样式 230

13.1.1 HTML默认样式 230

13.1.2浏览器默认样式 232

13.2页面内容样式设计 233

13.2.1导航菜单 233

13.2.2图文混排 235

13.3小结 237

13.4习题 237

第14章 网站制作流程与发布 238

14.1网站制作流程 238

14.2模板 239

14.3基于模板建立叮叮书店其他页面 241

14.3.1书籍分类（category.html） 241

14.3.2特刊降价（specials.html） 243

14.3.3联系我们（contact.html） 244

14.3.4关于我们（about.html） 245

14.3.5详细内容（details.html） 246

14.3.6购物车（cart.html） 248

14.4网站发布 249

14.4.1 Web服务器安装使用 249

14.4.2申请免费域名 250

14.5小结 251

14.6习题 251

第15章ECMAScript基础 253

15.1JavaScrit简介 253

15.1.1 JavaScript历史 253

15.1.2 JavaScript组成 254

15.1.3 JavaScript使用 255

15.1.4 JavaScript消息框 257

15.2 ECMAScript基础概述 258

15.2.1 ECMAScript语法基础 258

15.2.2 ECMAScript变量 259

15.2.3 ECMAScript关键字和保留字 260

15.2.4 ECMAScript基本数据类型 260

15.2.5 ECMAScript类型转换 262

15.3 ECMAScript运算符 264

15.3.1一元运算符 264

15.3.2算术运算符 266

15.3.3关系运算符 267

15.3.4逻辑运算符 269

15.3.5其他运算符 270

15.4小结 271

15.5习题 271

第16章ECMAScript语句 273

16.1算法 273

16.1.1算法的概念 273

16.1.2简单算法举例 273

16.1.3算法特性 274

16.1.4算法与程序 274

16.2 ECMAScript语句 274

16.2.1条件语句 274

16.2.2循环语句 277

16.2.3 break和continue语句 280

16.3使用WebStorm和Google Chrome调试JavaScript脚本程序 280

16.4小结 282

16.5习题 283

第17章 行为与对象 284

17.1行为 284

17.1.1 ECMAScript函数 284

17.1.2 HTML事件 285

17.2 ECMAScript对象 289

17.2.1对象 289

17.2.2使用对象 290

17.2.3 ECMAScript引用类型 291

17.2.4 ECMAScript对象类型 296

17.3错误处理 296

17.4内置对象和本地对象 299

17.4.1 Math对象 299

17.4.2 Global全局对象 300

17.4.3 Array对象 301

17.4.4 Date对象 302

17.5叮叮书店首页显示日期和时间 303

17.6小结 305

17.7习题 306

第18章DOM 307

18.1DOM概述 307

18.1.1 DOM简介 307

18.1.2节点树 307

18.2 DOM对象 309

18.2.1 Node对象 309

18.2.2 HTMLElement对象 310

18.2.3 HTMLDocument对象 311

18.2.4访问节点 311

18.3 DOM与CSS 314

18.3.1 Style对象 314

18.3.2 CurrentStyle对象 318

18.3.3 StyleSheet对象 319

18.4叮叮书店首页图片切换广告的实现 320

18.5小结 322

18.6习题 322

第19章HTML DOM对象 324

19.1HTML DOM对象概述 324

19.1.1 Document对象 325

19.1.2 Image对象 327

19.1.3 Anchor对象 328

19.1.4 Event对象 329

19.1.5 Checkbox和Radio对象 333

19.1.6 FileUpload对象 335

19.1.7 Text和Password对象 337

19.1.8 Textarea对象 338

19.1.9 Select和Option对象 338

19.1.10 Submit、 Reset和Button对象 340

19.1.11Form对象 341

19.2 RegExp对象 343

19.3叮叮书店“联系我们”页面表单数据验证 345

19.4小结 347

19.5习题 347

第20章HTML5 DOM 350

20.1canvas对象 350

20.1.1 canvas基础 351

20.1.2使用路径 352

20.1.3绘制文本 354

20.1.4绘制图像 356

20.2 HTML5拖放 357

20.3 HTML5数据存储 360

20.3.1 sessionStorage对象 360

20.3.2 localStorage对象 360

20.4叮叮书店“书籍分类”页面拖放图书到购物车 364

20.5小结 366

20.6习题 367

第21章BOM 368

21.1 BOM对象 368

21.1.1 window对象 368

21.1.2 navigator对象 372

21.1.3 screen对象 373

21.1.4 location对象 373

21.1.5 history对象 374

21.2元素大小与位置 374

21.3叮叮书店首页浮动广告 377

21.4小结 379

21.5习题 379

第22章jQuery入门 381

22.1 jQuery基础 381

22.1.1添加jQuery库 381

22.1.2 jQuery语法 382

22.2特效和动画 383

22.3 HTML操作 385

22.4 AJAX函数 387

22.5叮叮书店“试读”页面的建立 387

22.6小结 390

22.7习题 390

参考文献 391