Web前端开发技术实践指导教程（*2版）

目录

第 1章 使用列表和CSS实现图文横排 1

1.1 实验目的 1

1.2 实验环境 1

1.3 实验内容 1

1.4 相关知识点介绍 2

1.5 实验分析 9

1.6 实验思路 9

1.7 实验指导 10

1.8 实验总结 11

第 2章 使用列表、超链接和CSS创建纵向及横向菜单 12

2.1 实验目的 12

2.2 实验环境 12

2.3 实验内容 12

2.4 相关知识点介绍 13

2.5 实验分析 16

2.6 实验思路 18

2.7 实验指导 18

2.8 实验总结 21

第3章 使用表格和CSS创建天气预报 22

3.1 实验目的 22

3.2 实验环境 22

3.3 实验内容 22

3.4 相关知识点介绍 23

3.5实验分析 26

3.6 实验思路 28

3.7 实验指导 28

3.8 实验总结 32

第4章 使用JS和CSS创建对联及页角广告 33

4.1 实验目的 33

4.2 实验环境 33

4.3 实验内容 33

4.4 相关知识点介绍 34

4.5实验分析 39

4.6 实验思路 39

4.7 实验指导 40

4.8 实验总结 43

第5章 使用HTML5文档结构元素及经典布局版式布局网页 44

5.1 实验目的 44

5.2 实验环境 44

5.3 实验内容 44

5.4 相关知识点介绍 45

5.5 实验分析 54

5.6 实验思路 57

5.7 实验指导 57

5.8 实验总结 63

第6章 使用JS和CSS创建二级菜单 64

6.1 实验目的 64

6.2 实验环境 64

6.3 实验内容 64

6.4 相关知识点介绍 65

6.6实验分析 72

6.6 实验思路 74

6.7 实验指导 74

6.8 附加实验 77

6.9 实验总结 77

第7章 使用JS和CSS实现选项卡切换 79

7.1 实验目的 79

7.2 实验环境 79

7.3 实验内容 79

7.4 相关知识点介绍 80

7.5实验分析 81

7.6 实验思路 82

7.7 实验指导 83

7.8 实验总结 84

第8章 使用定时器实现图片轮播 86

8.1 实验目的 86

8.2 实验环境 86

8.3 实验内容 86

8.4 相关知识点介绍 87

8.5 实验分析 88

8.6 实验思路 90

8.7 实验指导 90

8.8 实验总结 92

第9章 使用正则表达式校验表单数据有效性 94

9.1 实验目的 94

9.2 实验环境 94

9.3实验内容 94

9.4相关知识点介绍 95

9.5实验分析 102

9.6实验思路 103

9.7实验指导 103

9.8附加实验 106

9.9实验总结 106

第 10章 使用JS+CSS创建折叠菜单 107

10.1 实验目的 107

10.2 实验环境 107

10.3 实验内容 107

10.4 相关知识点介绍 108

10.5 实验分析 108

10.6 实验思路 110

10.7 实验指导 111

10.8实验总结 113

第 11章 使用JS+CSS实现百度评分 114

11.1 实验目的 114

11.2 实验环境 114

11.3 实验内容 114

11.4 相关知识点介绍 115

11.5 实验分析 116

11.6 实验思路 119

11.7 实验指导 119

11.8 实验总结 123

第 12章 使用JS+CSS实现商品筛选 124

12.1 实验目的 124

12.2 实验环境 124

12.3 实验内容 124

12.4 相关知识点介绍 126

12.5 实验分析 128

12.6 实验思路 130

12.7 实验指导 131

12.8实验总结 134

第 13章 使用HTML5+CSS+JS创建企业网站 136

13.1实验目的 136

13.2 实验环境 136

13.3 实验内容 136

13.4 相关知识点介绍 137

13.5 实验分析 139

13.6 实验思路 142

13.7实验指导 142

13.8 实验总结 146

参考代码 147

第 1章 参考代码 147

第 2章 参考代码 148

第3章 参考代码 150

第4章 参考代码 152

第5章 参考代码 154

第6章 参考代码 158

第7章 参考代码 160

第8章 参考代码 162

第9章 参考代码 163

第 10章 参考代码 165

第 11章 参考代码 167

第 12章 参考代码 170

第 13章 参考代码 173