本教材以《Web前端开发职业技能等级标准》为编写依据，由Web页面制作基础、Html5+css3开发基础与应用、Javascript程序设计、轻量级框架应用四篇组成。分别对应《Web前端开发职业技能等级标准》设计的四门核心课程；“Web页面制作基础” “Html5+css3开发基础与应用” “Javascript程序设计” “轻量级框架应用”。 第一篇“Web界面制作基础”，是Web程序设计的基础知识，其包含第1章HTML基础和第2章CSS基础。同时包含了Web基础知识，HTML元素，CSS样式，盒子模型，网页布局等内容。 第二篇“HTML5+CSS3开发基础与应用”，是第1篇的增强，其包含第3章HTML5基础，第4章CSS3基础。本篇介绍了HTML5新增的语义化和多媒体元素和属性，以及CSS3新增选择器、新增属性、动画等功能。 第三篇“JavaScript程序设计”是第5章和第6章，其是对界面节点进行操作的交互性程序设计语言。本篇介绍了JavaScript语法基础、对象、函数、BOM、DOM、事件等常用技术。 第四篇“轻量级框架应用”是第7章和第8章，其是一个轻量级“写得少，做得多”的JavaScript类库，其主要介绍了jQuery选择器、标签操作、事件操作等内容。 本书以模块化的结构组织各篇章，以项目驱动的方式安排教材内容，选取静态网站设计与制作的典型应用作为教学案例。本书可用于1+X Web前端开发职业技能等级证书的教学和培训，也可以作为从事Web前端开发职业的参考用书。

张海英，女，计算机应用专业本科学历，硕士学位，教授，近年来发表十余篇论文。主编教材4部。先后取得工信部高级电子商务师、1+X网店运营职业技能培训教师、自治区、市级高级考评员等资质。主持和参与10多项国家及省部级科研项目，自己积极参加各级技能等级大赛，并组织学生参赛，获得多次省级或国家级奖项。

目 录第1篇 Web界面制作基础1第1章 HTML基础1项目1.1 说好普通话 写好规范字1项目1.2 新闻网站154第2章 CSS基础27项目2.1 购物网站28项目2.2 家乡美42第2篇 HTML5+CSS3开发基础与应用58第3章 HTML5基础58项目3.1 欢度国庆59项目3.2 学员信息登记表73第4章 CSS3基础86项目4.1 工匠精神87项目4.2 国家安全 人人有责103第3篇 JavaScript程序设计115第5章 JavaScript语法基础115项目5.1 网页计算器116项目5.2 项目提成计算器129第6章 JavaScript DOM和事件140项目6.1 学院招生网站首页141项目6.2 飞翔小鸟闯关游戏174第4篇 轻量级框架应用191第7章 jQuery基础191项目7.1 操作表格192项目7.2 简易留言板204第8章 jQuery效果215项目8.1 企业网站115项目8.2 手机号抽奖 235