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

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

1.1 实验目的

1.2 实验环境

1.3 相关知识点

1.4 实验内容

1.5 实验效果示例

1.6 实验步骤

1.7 实验总结

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

2.1 实验目的

2.2 实验环境

2.3 相关知识点

2.4 实验内容

2.5 实验效果示例

2.6 实验步骤

2.7 实验总结

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

3.1 实验目的

3.2 实验环境

3.3 相关知识点

3.4 实验内容（必做实验）

3.5 实验效果示例

3.6 实验步骤

3.7 选做实验

3.8 实验总结

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

4.1 实验目的

4.2 实验环境

4.3 相关技术点

4.4 实验内容

4.5 实验效果示例

4.6 实验步骤

4.7 实验总结

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

5.1 实验目的

5.2 实验环境

5.3 相关知识点

5.4 实验内容

5.5 实验效果示例

5.6 实验步骤

5.7 实验总结

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

6.1 实验目的

6.2 实验环境

6.3 相关知识点

6.4 实验内容

6.5 实验效果示例

6.6 实验步骤

6.7 实验总结

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

7.1 实验目的

7.2 实验环境

7.3 相关知识点

7.4 实验内容

7.5 实验效果示例

7.6 实验步骤

7.7 实验总结

第二部分 Web排版技术实践

 实验8 CSS样式基本应用

8.1 实验目的

8.2 实验环境

8.3 相关知识点

8.4 实验内容（必做实验）

8.5 实验效果示例

8.6 实验步骤

8.7 选做实验

8.8 实验总结

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

9.1 实验目的

9.2 实验环境

9.3 实验相关知识点

9.4 实验内容（必做实验）

9.5 实验效果示例

9.6 实验步骤

9.7 排版思路

9.8 参考源代码

9.9 选做实验

9.10 实验总结

第三部分 Web动态技术实践

 实验10 JavaScript基本技术应用

10.1 实验目的

10.2 实验环境

10.3 相关知识点

10.3.1 流程控制语句

10.3.2 函数的定义

10.3.3 函数的调用

10.3.4 函数参数的使用

10.3.5 函数的返回值

10.3.6 嵌套函数

10.3.7 递归函数

10.3.8 内置函数

10.4 实验内容（必做实验）

10.5 实验效果示例

10.6 实验步骤

10.7 选做实验

10.8 实验总结

 实验11 JavaScript核心技术应用

11.1 实验目的

11.2 实验环境

11.3 相关知识点

11.3.1 内置对象

11.3.2 事件及事件驱动

11.3.3 常用事件

11.3.4 事件处理程序

11.4 实验内容（必做实验）

11.5 实验效果示例

11.6 实验步骤

11.7 选做实验

11.8 实验总结

第四部分 课程综合实训

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

12.1 实训意义

12.2 实训目的

12.3 前期准备

12.4 实训步骤

12.5 评分标准

12.6 网站策划书文档格式

12.7 实训题目参考

附录A 实训报告编写要求

附录B HTML常用标签

附录C 常用CSS属性

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

王刚主编的这本《Web前端开发技术实践指导教程》为《Web前端开发技术——HTML、CSS、JavaScript》（ISBN978-7-115-31926-5）的配套实践指导教程。同时，本书每个实验都配有内容简洁而体系完整的知识点介绍，也可以单独使用。本书从初学者角度出发，通过通俗易懂的语言、丰富多彩的实例，详细介绍了使用HTML、CSS和JavaScript进行静态网站开发的全部技术。

《Web前端开发技术实践指导教程》共分为4部分。第一部分为Web基础技术实践，主要讲解HTML知识的实践应用，内容包括HTML头部标记及主体标记的使用，文字、段落、列表及图片标记的使用，超链接与多媒体标记的应用，表格页面以及表单页面的制作，Dreamweaver创建和管理站点的实现，实现文本与图像网页的制作以及超链接及多媒体的应用。第二部分为Web排版技术实践，主要讲解CSS级联样式表的具体应用，内容包括CSS样式表的基本应用和综合应用。第三部分为Web动态技术实践，主要讲解JavaScript的具体应用，内容包括JavaScript的基本技术应用和核心技术应用。第四部分为课程综合项目实训，通过一个综合案例的设计和实施来巩固和加深前3部分知识的综合应用能力，切实提高实际项目的开发水平。本书所有知识点都结合具体的应用来讲解，涉及的应用都提供源代码并且程序代码都给出了详细的注释，读者可轻松领会使用Web编程技术进行程序开发的精髓，快速提高开发技能。

《Web前端开发技术实践指导教程》适合作为高等院校相关专业的教学参考书，也适合作为软件开发入门者的自学用书，还可供开发人员查阅和参考。

王刚主编的这本《Web前端开发技术实践指导教程》共分为4部分，包括11个实验和一个综合项目实训，分别对应如下内容：第一部分为Web基础技术实践，主要涉及HTML知识的相关应用；第二部分为Web排版技术实践，主要涉及CSS级联样式表相关知识的应用；第三部分为Web动态技术实践，主要涉及JavaScript技术的相关应用；第四部分为课程综合实训，以一个具体的案例来综合应用HTML、CSS和JavaScript进行项目的开发和设计。通过4个部分的学习，读者可轻松、迅速地掌握本书知识，为以后的工作和学习奠定坚实的基础。