前言

随着互联网商业时代的发展，网页前端开发技术随着HTML5、CSS3和JavaScript等技术日趋成熟和规范，前端开发技术在移动端和网页端中也变得越来越重要了。网络新媒体、数码媒体和视觉传达等专业也将网页前端开发课程作为人才培养方案中的必修课程。

通过本课程的学习，读者可以将界面设计课程与界面交互设计课程制作出的效果图和交互动画变成真实可用的网页前端代码，它既是界面设计课程与界面交互设计课程的后行课程，也是网页交互制作（JavaScript）的先行课程。因此，本课程在界面设计与开发课程中起到承上启下的作用，是前端开发重要的基础课程之一。

但是市面上的同类教材大多都是针对工科生，而非针对文科生和艺术生，所以这些教材的教学重点和培养方向并不适合艺术设计专业和传媒专业的学生。为了使这些学生能适应新时代的发展，符合新时代人才培养的目标，提高在社会中的竞争力，所以本教材针对这些专业学生的学习特点来编写，从零基础循序渐进地讲解网页前端开发的原理、网页前端开发的使用工具和网页前端开发的基础语言。

本教材通过丰富的案例对每个知识点都进行深入讲解和分析，将网页前端开发中一些复杂的、难以理解的概念和思维简单化，让读者能够轻松理解并快速掌握，并结合大量的知识点案例与实战项目案例，使学生在实践操作中提高动手能力和计算机的操作能力，使学生了解网页的开发流程与开发语言，掌握网页开发的布局形式以及网页前端开发的语言，真正做到由浅入深、由易到难地讲解网页前端开发的语言知识，使学习者在实践中掌握网页前端开发的内容。

本教材可以作为高校文科和艺术相关专业学生的教学用书，也可以作为计算机专业网页前端开发的学习教材，还可以作为网页前端开发爱好者的自学教材。

编者
2022年1月