本书是“1+X”职业技能等级证书系列教材，也是中等职业学校移动应用与服务专业“Web前端开发技术”课程的教学用书。
本书从用HTML组织页面内容，到用CSS样式添加页面表现，再到用HTML 5+CSS规划页面布局，最后用CSS3属性设计页面特效，循序渐进地介绍静态网站的制作方法与流程。全书主要内容包括“Web前端开发技术简介(Web基础知识)”“组织页面内容(HTML基础)”“添加页面表现(CSS样式)”“规划页面布局(HTML 5+CSS布局)”和“设计页面特效(CSS3应用)”。
本书注重教学过程设计，形式上制作成“活页式”，方便学生对操作流程、知识点链接以及学习评价表的灵活取用，能有效地指导教师的课堂教学过程以及激发学生学习兴趣。本书提供全书素材文件、二维码教学视频以及助教用的电子教案等网络教学资源，使用本书封底所附的学习卡，登录http://abook.hep.com.cn/sve，可获得相关资源，详见书末“郑重声明”页。
本书适合作为中高职学校Web前端开发技术课程的教学参考用书，也可作为“1+X”职业技能等级证书的培训教材，还可供Web前端开发爱好者自学使用。

1 Web前端开发技术简介(Web基础知识)
1.1 Web入门
1.1.1 什么是Web
1.1.2 Web的表现形式
1.2 网页与网站
1.2.1 网页
1.2.2 网站
1.2.3 浏览器
1.2.4 Web标准
1.3 建站流程
1.3.1 需求分析
1.3.2 注册域名
1.3.3 租用空间
1.3.4 设计开发
1.3.5 测试发布
1.3.6 维护推广
1.4 网站开发技术
1.4.1 Web前端技术
1.4.2 后端技术
1.5 技术相关
1.5.1 HTML文件路径
1.5.2 常用开发工具
1.6 学习检测
1.7 学习评价
2 组织页面内容(HTML基础)
2.1 案例分析
2.1.1 网站结构导图
2.1.2 学习目标
2.1.3 学习路线
2.2 预备知识
2.2.1 初识HTML代码
2.3 案例实施
2.3.1 任务1新建项目和页面
2.3.2 任务2添加文字
2.3.3 任务3制作表格
2.3.4 任务4插入图片
2.3.5 任务5创建表单和层
2.3.6 任务6添加超链接
2.4 学习检测
2.4.1 知识检测
2.4.2 技能检测
2.5 学习评价
3 添加页面表现(CSS样式)
3.1 案例分析
3.1.1 网站结构导图
3.1.2 学习目标
3.1.3 学习路线
3.2 预备知识
3.2.1 CSS简介
3.2.2 CSS语法规则
3.3 案例实施
3.3.1 任务1新建项目及样式表
3.3.2 任务2制作并美化内页
3.3.3 任务3制作并美化首页
3.4 学习检测
3.4.1 知识检测
3.4.2 技能检测
3.5 学习评价
4 规划页面布局(HTML5+CSS布局)
4.1 案例分析
4.1.1 网站结构导图
4.1.2 学习目标
4.1.3 学习路线
4.2 预备知识
4.2.1 HTML5简介
4.2.2 网页布局之文档流
43案例实施
4.3.1 任务1新建项目及布局首页
4.3.2 任务2制作首页内容并美化
4.3.3 任务3制作内页内容并美化
4.4 学习检测
4.4.1 知识检测
4.4.2 技能检测
4.5 学习评价
5 设计页面特效(CSS3应用)
5.1 案例分析
5.1.1 网站结构导图
5.1.2 学习目标
5.1.3 学习路线
5.2 预备知识
5.3 案例实施
5.3.1 任务1新建项目及布局首页
5.3.2 任务2制作首页内容并美化
5.3.3 任务3制作内页内容并美化
5.4 学习检测
5.4.1 知识检测
5.4.2 技能检测
5.5 学习评价
附录
附录1 常用HTML标签及属性速查表
附录2 常用CSS样式及属性速查表