本书详细介绍了Web前端开发中的三大基础技术：HTML5、CSS3和JavaScript，以及由JavaScript衍生出来的jQuery（包含jQueryUI和jQuerymobile），并在此基础上全面引入Bootstrap开发框架，将Bootstrap各项技术分散在各个章节之中。 主要内容包括：Web前端开发技术概述、文本样式、盒子模型、超链接与导航、图像与多媒体、容器元素、元素定位与桌面端排版、移动端页面布局、CSS动态效果、JavaScript互动页面、jQuery页面特效、响应式布局与Bootstrap框架。 本书以任务为导向，结合了Web前端开发工作领域的前沿技术，将Web前端开发中需要掌握的知识系统地分布在各个任务之中。学生在操作中真正体会到Web前端开发的思路和技巧，具有很强的操作性。

随着互联网技术的蓬勃兴起，从桌面端到移动端到元宇宙，无论载体如何变化，互联网内容产品的需求始终巨大。Web 前端开发面向互联网产品，具有巨大的发展潜力，前景方兴未艾，人才需求旺盛。为适应当前职业教育的需要，培养符合 Web 前端开发岗位的专门人才，本书面向高职高专计算机数字媒体技术相关专业的学生，立足“以服务为宗旨，以就业为导向”的国家职业教育发展目标，基于 Web 前端开发的工作过程而编写，突出在知识、能力、素质等方面的培养。


本书以 Web 前端开发工作领域为主线组织章节，将 Web 前端开发的三大技术：HTML5、CSS3、JavaScript（包含 jQuery、jQuery UI 和 jQuery mobile）连同 Bootstrap 开发框架分散在各个章节之中。全书共 12 章，除第 0 章 Web前端开发技术概述外，其余 11 章分别对应 Web 前端开发工作岗位的 11 个工作领域。本书以任务为导向，将每一章分为四个小节，前三小节按知识点介绍、案例讲解、任务实践进行组织，第四小节“小试牛刀”为课后实践的内容。每一小节的任务在进行工作过程具体步骤之前都有任务描述、任务要求和任务分析，把本任务体现的主题、实现方式和涉及的新技能、新知识融入其中。从而达到深入浅出、循序渐进引导学生学习的目的。


本书由吴斌新、杨琴、蔡洧轩主编，吴斌新、杨琴具有在职业院校从事数字媒体技术教学的丰富经验，蔡洧轩为数字媒体企业负责人，具有丰富的媒体开发和运营经验。本书由吴斌新负责全书的统稿，以及第 0 章、第 8 章至第 11 章的编写，杨琴负责本书第 1 章至第 6 章的编写，蔡洧轩负责第 7 章的编写。书中部分内容参考了网络资料，由于参考内容来源广泛，篇幅有限，恕不一一列出，在此一并表示感谢。本书在编写过程中，由于时间仓促，疏漏和不足在所难免，希望广大读者批评指正。意见反馈和交流邮箱：wubx@sziit.edu.cn。

第0章Web前端开发技术概述.........................1 0.1Web的基本概念...............................................2 0.1.1浏览器........................................................2 0.1.2网页（Webpages）..................................2 0.1.3网站（Website）......................................2 0.1.4网址（URL）............................................2 0.1.5Web前端（Front-end）与后端 （Back-end）............................................3 0.2HTML概述..................

吴斌新，深圳信息职业技术学院副教授。杨琴，深圳信息职业技术学院副教授。蔡洧轩，南斗星文化传媒（深圳）有限公司负责人。

本书提供了所有案例和任务的素材、源代码、过程文件和结果文件，还提供了课件供读者参考学习和使用。