准备篇
项目一 初识网站设计与开发
任务一 初识HTML5
任务二 网站开发流程
任务三 网页开发工具
项目二 界面设计
任务一 颜色的选择
任务二 布局方式的选择
HTML篇
项目一 创建“中国诗词”网站
任务一 新建Web项目
任务二 认识HTML页面
项目二 “诗人李白”网页文本实现
任务一 段落文本的实现
任务二 结构文本的实现
任务三 样式文本的实现
项目三 “诗人李白”网页多媒体实现
任务一 图片的实现
任务二 音视频的实现
项目四 “注册”网页实现
任务一 注册表单的实现
任务二 “排行榜”的实现
项目五 “中国诗词”网站首页布局实现
任务一 布局实现
任务二 布局优化
CSS篇
项目一 “中国诗词”网站首页布局
任务一 初识CSS
任务二 首页布局搭建
项目二 “中国诗词”网站首页Banner制作
任务一 Banner背景的实现
任务二 Banner边框的实现
项目三 “中国诗词”网站首页导航制作
任务一 利用列表项实现导航栏
任务二 导航栏优化
项目四 “中国诗词”网站首页内容版块制作
任务一 图片轮转版块实现
任务二 “排行榜”版块实现
任务三 “精选”版块实现
任务四 页脚实现
JavaScript篇
项目一 JavaScript基本语法
任务一 数据类型及其转换
任务二 函数与流程控制
项目二 实现“注册”页面表单验证
任务一 验证基本信息
任务二 验证详细信息
项目三 实现首页“调查问卷”按钮
任务一 生成“调查问卷”按钮
任务二 随机出现的按钮
项目四 实现首页“音频播放”按钮
任务一 创建“音频播放”按钮
任务二 播放诗歌朗诵
参考文献

HTML、CSS和JavaScript是Web应用开发的基础，本书的编写满足了Web应用开发对前端技术的要求，同时在编写过程中严格贯彻落实2019年2月国务院正式印发的《国家职业教育改革实施方案》，遵循《Web前端开发职业技能等级标准》，内容紧紧围绕Web前端开发“1+X”证书制度要求。本书选取一个完整的网站项目，以工作任务为驱动，将知识点融入子项目中。本书不仅介绍了HTML、CSS和JavaScript的基本原理，而且灵活运用理论再现了网站项目的开发过程。本书以“一体化设计，颗粒化资源”为指导思想，以“产教融合”为原则，邀请企业资深讲师共同商讨，将目前流行的Web开发技术融入任务中。既培养学生掌握扎实的Web基础知识，也培养学生形良好的Web设计素养。本书既可作为高等职业院校计算机各专业的“Web开发基础”课程教材，也可供中职及成.人教育相关专业使用或参考。本教材配套了完整的在线开放课程资源，内容包含教学PPT、微课、操作视频、相关参考资料等。