Web前端开发技术实践指导教程PDF电子书下载

第一部分 Web基础技术实践（HTML） 2

实验1 纯文本编辑器下HTML头部标记及主体标记的应用 2

1.1实验目的 2

1.2实验环境 2

1.3相关知识点 2

1.4实验内容 3

1.5实验效果示例 4

1.6实验步骤 5

1.7实验总结 5

实验2 可视化工具Dreamweaver创建和管理网站的实验 7

2.1实验目的 7

2.2实验环境 7

2.3相关知识点 7

2.4实验内容 8

2.5实验效果示例 8

2.6实验步骤 8

2.7实验总结 13

实验3 纯文本编辑器下文字、段落、列表及图片标记的应用 14

3.1实验目的 14

3.2实验环境 14

3.3相关知识点 14

3.4实验内容（必做实验） 16

3.5实验效果示例 16

3.6实验步骤 16

3.7选做实验 18

3.8实验总结 18

实验4 可视化工具Dreamweaver实现文本与图像网页的制作 20

4.1实验目的 20

4.2实验环境 20

4.3相关技术点 20

4.4实验内容 21

4.5实验效果示例 21

4.6实验步骤 22

4.7实验总结 23

实验5 纯文本编辑器下超链接与多媒体标记的应用 24

5.1实验目的 24

5.2实验环境 24

5.3相关知识点 24

5.4实验内容 28

5.5实验效果示例 28

5.6实验步骤 29

5.7实验总结 31

实验6 可视化工具Dreamweaver下超链接及多媒体的应用 32

6.1实验目的 32

6.2实验环境 32

6.3相关知识点 32

6.4实验内容 32

6.5实验效果示例 33

6.6实验步骤 34

6.7实验总结 35

实验7 表格页面以及表单页面的制作 36

7.1实验目的 36

7.2实验环境 36

7.3相关知识点 36

7.4实验内容 42

7.5实验效果示例 43

7.6实验步骤 44

7.7实验总结 45

第二部分 Web排版技术实践 47

实验8 CSS样式基本应用 47

8.1实验目的 47

8.2实验环境 47

8.3相关知识点 47

8.4实验内容（必做实验） 53

8.5实验效果示例 53

8.6实验步骤 54

8.7选做实验 55

8.8实验总结 55

实验9 CSS排版技术综合应用 56

9.1实验目的 56

9.2实验环境 56

9.3实验相关知识点 56

9.4实验内容（必做实验） 61

9.5实验效果示例 61

9.6实验步骤 62

9.7排版思路 62

9.8参考源代码 64

9.9选做实验 67

9.10实验总结 69

第三部分 Web动态技术实践 71

实验10 JavaScript基本技术应用 71

10.1实验目的 71

10.2实验环境 71

10.3相关知识点 71

10.3.1流程控制语句 71

10.3.2函数的定义 78

10.3.3函数的调用 78

10.3.4函数参数的使用 79

10.3.5函数的返回值 79

10.3.6嵌套函数 80

10.3.7递归函数 80

10.3.8内置函数 80

10.4实验内容（必做实验） 81

10.5实验效果示例 82

10.6实验步骤 82

10.7选做实验 83

10.8实验总结 84

实验11 JavaScript核心技术应用 85

11.1实验目的 85

11.2实验环境 85

11.3相关知识点 85

11.3.1内置对象 85

11.3.2事件及事件驱动 90

11.3.3常用事件 90

11.3.4事件处理程序 93

11.4实验内容（必做实验） 94

11.5实验效果示例 94

11.6实验步骤 95

11.7选做实验 96

11.8实验总结 97

第四部分 课程综合实训 99

实验12 课程综合实训（课程设计） 99

12.1实训意义 99

12.2实训目的 99

12.3前期准备 99

12.4实训步骤 101

12.5评分标准 102

12.6网站策划书文档格式 102

12.7实训题目参考 104

附录A 实训报告编写要求 105

附录B HTML常用标签 106

附录C 常用CSS属性 113

附录D HTML色彩运用基础知识 117