本书是“十三五”职业教育国家规划教材，依据教育部《中等职业学校计算机网络技术专业教学标准》，并参照计算机网络技术相关行业标准编写。

本书从Web 前端开发的结构、表现、行为三方面入手，以HTML5、CSS3、JavaScript 的先后顺序介绍网页制作相关知识，注重网站设计、开发实践。全书内容共有6 个单元，分别是：走进网站设计、HTML5 基础、CSS3样式基础、JavaScript 基础、HTML5 Canvas、微网站开发实例。

本书配有学习卡资源，请登录Abook 网站http://abook.hep.com.cn/sve 获取相关资源。详细说明见本书“郑重声明”页。

本书内容浅显易懂，文字深入浅出，可作为中等职业学校计算机网络技术专业教材，也可作为“Web 前端开发”“1+X 证书”培训用书。

前辅文
第1单元 走进网站设计
  1.1 网站介绍
   1.1.1 网站与网页
   1.1.2 网址的组成
   1.1.3 网站规划
  1.2 HTML5基础
   1.2.1 HTML历史
   1.2.2 认识HTML
  1.3 CSS3基础
   1.3.1 CSS历史
   1.3.2 CSS作用与特点
   1.3.3 CSS3新特性
  1.4 JavaScript基础
   1.4.1 JavaScript历史
   1.4.2 JavaScript作用与特性
  1.5 Dreamweaver CC介绍
  思考与训练
第2单元 HTML5基础
  2.1 HTML5语法基础
   2.1.1 标签、元素的概念
   2.1.2 HTML5文档的基本结构
   2.1.3 实践与体验编写简单HTML5页面
  2.2 HTML5基本元素应用
   2.2.1 p元素
   2.2.2 h1～h6元素
   2.2.3 a元素
   2.2.4 hr元素
   2.2.5 table元素
   2.2.6 img元素
   2.2.7 ul元素
   2.2.8 ol元素
   2.2.9 div元素和span元素
   2.2.1 0实践与体验编写求职简历页面
  2.3 HTML5结构元素应用
   2.3.1 header元素
   2.3.2 figure和figcaption元素
   2.3.3 footer元素
   2.3.4 article元素
   2.3.5 section元素
   2.3.6 nav元素
   2.3.7 aside元素
   2.3.8 main元素
   2.3.9 实践与体验整体布局简单网页 结构
  2.4 HTML5功能元素应用
   2.4.1 hgroup元素
   2.4.2 video元素
   2.4.3 audio元素
   2.4.4 source元素
   2.4.5 embed元素
   2.4.6 mark元素
   2.4.7 dialog元素
   2.4.8 bdo和bdi元素
   2.4.9 time元素
   2.4.10 menu元素
   2.4.11 details和summary元素
   2.4.12 command元素
   2.4.13 output元素
   2.4.14 实践与体验编写展示电影与音乐的页面
  2.5 HTML5表单元 素应用
   2.5.1 表单的概念
   2.5.2 新增与改良的input元素
   2.5.3 新增表单属性
   2.5.4 实践与体验编写一个客户资料录入页面
  2.6 拓展与提高
  思考与训练
第3单元 CSS3样式基础
  3.1 CSS3基础
   3.1.1 CSS3样式规则
   3.1.2 CSS3选择器
   3.1.3 CSS3样式特性
   实践与体验为热门景点页面定义CSS样式
  3.2 CSS3样式属性
   3.2.1 CSS3文本样式属性
   3.2.2 CSS3背景样式属性
   3.2.3 CSS3渐变属性
   3.2.4 CSS3列表样式属性
   3.2.5 CSS3边框样式属性
   实践与体验美化景点排行榜页面
  3.3 DIV+CSS3布局
   3.3.1 DIV布局
   3.3.2 CSS盒子模型
   3.3.3 CSS布局常用属性
   实践与体验布局和美化旅游新闻页面
  3.4 CSS3动画效果
   3.4.1 变形效果
   3.4.2 过渡效果
   3.4.3 帧动画效果
   实践与体验为旅游景点导览页面添加动画效果
  3.5 拓展与提高
  思考与训练
第4单元 JavaScript基础
  4.1 JavaScript程序语言基础
   4.1.1 JavaScript的引用
   4.1.2 JavaScript的书写注意事项
   4.1.3 JavaScript的数据类型
   4.1.4 运算符
   4.1.5 注释语句
   4.1.6 变量和常量
  4.2 JavaScript逻辑语句
   4.2.1 if语句
   4.2.2 switch语句
   4.2.3 while语句
   4.2.4 for语句
  4.3 函数
   实践与体验JavaScript函数综合运用
  4.4 JavaScript对象
   实践与体验JavaScript面向对象编程
  4.5 JavaScript HTML DOM
   4.5.1 认识JavaScript HTML DOM
   4.5.2 查找HTML标签
   4.5.3 通过JavaScript改变HTML和CSS
   实践与体验JavaScript DOM案例
  4.6 拓展与提高
  思考与训练
第5单元 HTML5 Canvas
  5.1 HTML5 Canvas简介
  5.2 Canvas绘制图形
   5.2.1 浏览器坐标
   5.2.2 绘制线条和矩形
   5.2.3 绘制圆和曲线
   5.2.4 图形填充和渐变
   5.2.5 图形变换操作
   实践与体验用Canvas画进度条
  5.3 Canvas绘制文本
   实践与体验用Canvas绘制文本
  5.4 Canvas图像操作
   5.4.1 图像绘制
   5.4.2 图像（纹理）平铺
   5.4.3 图像裁切
   实践与体验用Canvas处理图像
  5.5 Canvas像素操作
   实践与体验像素操作
  5.6 拓展与提高
  思考与训练
第6单元 微网站开发实例
  6.1 微网站规划
   6.1.1 网站主题
   6.1.2 网站素材准备
  6.2 微网站站点建设
   6.2.1 创建根目录
   6.2.2 新建站点
   6.2.3 管理站点
  6.3 微网站页面制作
   6.3.1 效果图分析
   6.3.2 制作头部和导航栏
   6.3.3 制作主体部分
   6.3.4 制作尾部
  6.4 页面表单验证
  思考与训练