前  言


根据高等职业教育改革的发展方向和Web应用开发对技术技能型人才的培养要求，本书从高等职业教育的特点出发，以工作过程系统化为原则，强调网页布局、样式设置和前端交互等基本能力的培养。紧贴“1+X证书制度”《Web前端开发职业技能等级标准》中制定的职业素养、能力标准和知识要求。
近年来随着移动互联新技术层出不穷，Web技术已经广泛渗透至企业跨屏门户、移动应用、企业办公应用、广告营销、游戏开发、大数据可视化、物联网等多个领域。HTML5、CSS3和JavaScript技术是各类Web应用开发的必备技能。通过对本教材的学习，为后续Web相关技能的学习打下基础，也使学生能够在毕业时具有更广泛的岗位适应性。
本教材选用典型工作任务模式编写，邀请企业资深讲师共同商讨，将目前流行的Web开发技术融入任务中，紧跟时代步伐。案例选取上，以我国源远流长的传统文化“诗词”为主题，以“中国诗词”网站为任务主线，按网站开发流程推进，以工作手册式编排。从网站总体设计构思到网站要素设计，从HTML元素搭建布局结构到CSS样式设计再到JavaScript交互设计，本教材涵盖网页设计与制作的重要基础，培养学生综合运用知识搭建Web页面的能力及形成良好的Web设计素养，并对HTML5最新规范、网页性能优化、浏览器兼容问题、安全性问题等内容进行介绍。同时加入编写团队的企业工程师，将企业真实案例拆解成知识点融合本书案例中，并将应用技巧穿插其中，更侧重知识的实用性。教材内容重视与工作岗位相匹配的理论﹑技能知识和职业素养的培养, 缩短“毕业生”到“员工”的过渡期。在编写形式上遵循“以学生为中心”的理念，以通俗易懂的方式呈现和引导, 使学生爱看﹑易懂﹑学了有用。
为适应信息化和互联网技术的发展，适应“新形态一体化教材”的需求，依托在线教学平台，形成“线上线下”融合的立体化教材，将微课视频、课堂教学视频、教学辅助课件、交互教学、PPT课件、实训素材资源、辅导视频、案例效果影像资料等内容集成入资源平台。
本教材分为准备、HTML、CSS和JavaScript四篇共16个项目，每个项目又细分为2~4个工作任务，每个任务先通过“任务描述”明确任务内容，再通过“知识准备”介绍完成任务需要用到的知识点，最后“任务实现”解读任务完成步骤。在部分任务中还加入“能力提升”，作为扩展内容供学有余力的学习者学习。
本教程由华英、李金祥主编，编写分工为：华英编写准备篇和CSS篇，李金祥编写JavaScript篇项目四，廖黎莉编写JavaScript篇项目一～三，钟卫铭编写HTML篇项目三～五，詹亮编写HTML篇项目一～二。感谢驰星教育科技有限公司在整个教材编写过程中给予的支持，特别感谢詹亮和王静静两位工程师全程参与编写工作。在此也衷心感谢在本书编写过程中给予我们支持和帮助的所有人。
限于编者水平，尽管我们尽了最大的努力，但教材中难免会有不足之处，恳请本书读者在使用过程中有任何意见和建议随时批评指正，我们的联系邮箱是hy@jssvc.edu.cn。

编　者
2020年8月