本书是“1+X”职业技能等级证书系列教材，也是中等职业学校移动应用技术与服务专业“Web 前端开发技术”课程的教学用书。
本书从用HTML 组织页面内容，到用CSS 样式添加页面表现，再到用HTML5+CSS 规划页面布局，最后用CSS3 属性设计页面特效，循序渐进地介绍静态网站的制作方法与流程。全书主要内容包括“Web 前端开发技术简介（Web 基础知识）”“组织页面内容（HTML基础）”“添加页面表现（CSS 样式）”“规划页面布局（HTML5+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.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.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.5 学习评价
- 3 添加页面表现（CSS样式）
- 3.1 案例分析
- 3.1.1 网站结构导图
- 3.1.2 学习目标
- 3.1.3 学习路线
- 3.2 预备知识
- 3.3 案例实施
- 3.3.1 任务1 新建项目及样式表
- 3.3.2 任务2 制作并美化内页
- 3.3.3 任务3 制作并美化首页
- 3.4 学习检测
- 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 网页布局之文档流
- 4.3 案例实施
- 4.3.1 任务1 新建项目及布局首页
- 4.3.2 任务2 制作首页内容并美化
- 4.3.3 任务3 制作内页内容并美化
- 4.4 学习检测
- 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.5 学习评价
- 附录
- 附录1 常用HTML标签及属性速查表
- 附录2 常用CSS样式及属性速查表
Web前端开发技术基础案例教程数字课程与纸质教材一体化设计，紧密配合。数字课程包括课件、习题答案、电子教案和演示文稿。充分运用多种形式媒体资源，极大地丰富了知识的呈现形式，拓展了教材内容。在提升课程教学效果同时，为学生学习提供思维与探索的空间。
