Web前端开发(初级HTML5+CSS3+JavaScript1+X Web前端开发职业技能等级水平考核教材)

本书以就业为导向，面 向Web前端工程师岗位，结 合“1+X”证书“Web前端开 发初级”职业资格取证要求 ，将内容分为四部分：Web 前端基础知识——Web思想 、环境配置、开发流程； HTML内容实现——HTML标 签、块级元素、行内元素等 ；页面表现形式——CSS基 础知识、盒子模型、CSS布 局规划、文字和背景设计、 列表和超链接、表格与表单 ；JavaScript应用—— JavaScript基础应用、DOM 与BOM应用案例。 本书精选北斗卫星导航 系统等思政元素，依据任务 需求将知识技能和思政元素 渗透到教学各环节，设计了 26个课堂实训，由浅入深， 循序渐进，切合实际，实训 过程详细，利于培养学生的 工匠精神。 本书可作为高等职业教 育、中等职业教育计算机相 关专业的Web前端技术、网 页设计与开发、网页制作等 网页设计课程的教材，也可 作为从事Web开发相关工作 的工程技术人员的参考书。

马蕾，副教授，北京电子科技职业学院电信工程学院计算机技术系教师。在国家“移动应用开发”资源库建设、双高建设、1+X职业资格取证和新版人才培养方案中，积极进行教学改革，取得了良好效果，带领专业教师团队进行《web前端技术》的在线精品课程和新形态教材建设工作，打通课上课后学习环节，曾多次主编副主编全国职业技能培训教材。

第1章 Web前端开发概述 1.1 Web前端开发基础 1.1.1 初识Web前端技术 1.1.2 Web前端技术开发流程 1.1.3 Web标准一结构、样式和行为的分离 1.1.4 常用的浏览器介绍 1.2 HTML5基本框架 1.2.1 HTML发展历程 1.2.2 HTML编码标准 1.2.3 HTML文档基本格式 1.2.4 开发工具的选择 课堂实训1-1 中国奥运奖牌网页策划与设计 习题 第2章 HTML简单标签 2.1 HTML基础 2.1.1 HTML文档基本组成 2.1.2 头部标签 2.1.3 特殊字符 2.1.4 注释 课堂实训2-1 制作“神舟一号——飞天梦之起点”网页 2.2 标签分类 2.2.1 按闭合特征分类 2.2.2 按显示模式分类 课堂实训2-2 制作“神舟二号——中国第一艘正样无人飞船”网页 2.3 块级标签 2.3.1 段落标签 2.3.2 盒子标签 2.3.3 水平线标签 2.3.4 块级引用标签 2.3.5 标题标签 2.3.6 其他块级标签 2.3.7 语义化标签 课堂实训2-3 制作“神舟五号——圆梦飞天”网页 2.4 内联标签 2.4.1 图像标签 2.4.2 换行标签 2.4.3 超链接标签 2.4.4 其他内联标签 课堂实训2-4 制作“神舟九号——首次载人交会对接”网页 2.5 多媒体标签 2.5.1 音频标签 2.5.2 视频标签 课堂实训2-5 制作“神舟十三号——新的航天纪录”网页 习题 第3章 CSS核心基础 3.1 CSS基础知识 3.1.1 初识CSS 3.1.2 基本选择器 3.1.3 使用方法 3.1.4 复合选择器 课堂实训3-1 制作红旗轿车客户服务网页 3.2 CSS 3选择器 3.2.1 属性选择器 3.2.2 关系选择器 3.2.3 结构化伪类选择器 3.2.4 伪元素选择器 3.2.5 元素状态伪类选择器 课堂实训3-2 制作红旗轿车研发成果网页 3.3 CSS的特性和优先级 3.3.1 继承和层叠 3.3.2 优先级 课堂实训3-3 制作“中国骄傲红旗CA770”网页 习题 第4章 文本和背景样式 4.1 CSS文本样式 4.1.1 字体样式属性 4.1.2 文本外观属性 课堂实训4-1 制作中国高铁多彩效果网页 4.2 图像样式 4.2.1 图像边框 4.2.2 图像缩放 4.2.3 图像对齐 课堂实训4-2 制作复兴号网页——CSS背景属性 4.3.1 背景颜色属性 4.3.2 背景图像和布局属性 4.3.3 简写背景属性 4.3.4 渐变属性 课堂实训4-3 制作新中国铁路发展史网页 习题 第5章 盒子模型和网页布局 5.1 认识盒子模型 5.1.1 CSS盒子模型结构 5.1.2 盒子模型的属性 5.1.3 垂直外边距合并问题 课堂实训5-1 制作北斗卫星导航系统版块内容列表 5.2 语义化标签 5.2.1 结构标签 5.2.2 分组标签 5.2.3 页面交互标签 5.2.4 行内标签 课堂实训5-2 制作北斗卫星导航首页 5.3 布局 5.3.1 块级元素和内联元素的转换 5.3.2 元素浮动 5.3.3 清除元素浮动 5.3.4 元素定位 5.3.5 多列布局 5.3.6 弹性布局 课堂实训5-3 制作北斗卫星导航展示页面 习题 第6章 列表和超链接 6.1 列表 6.1.1 列表标签 6.1.2 CSS控制列表 课堂实训6-1 制作中国航海科技成就列表 6.2 超链接 6.2.1 超链接标签 6.2.2 CSS控制超链接标签 课堂实训6-2 制作大国航海梦网页 习题 第7章 表格和表单 7.1 表格 7.1.1 表格标签 7.1.2 CSS控制表格 课堂实训7-1 制作中国自主CPU产品谱网页 7.2 表单 7.2.1 表单基础 7.2.2 表单属性 7.2.3 表单控件 7.2.4 CSS控制表单 课堂实训7-2 制作麒麟软件产品试用申请网页 习题 第8章 CSS特殊效果的实现 8.1 CSS 3转换 8.1.1 2D转换 8.1.2 更改旋转中心点 8.1.3 3D转换 8.1.4 浏览器私有前缀 课堂实训8-1 制作中国高铁多彩文字2D转换网页 8.2 动画 8.2.1 过渡属性 8.2.2 动画 课堂实训8-2 制作复兴号动画网页 习题 第9章 JavaScript语法基础 9.1 JavaScript概述 9.1.1 初识JavaScript 9.1.2 JavaScript特点 9.1.3 JavaScript与HTML 9.1.4 JavaScript与CSS 9.1.5 代码书写位置 课堂实训9-1 制作石油发展网页 9.2 JavaScript基本语法 9.2.1 数据类型和变量 9.2.2 运算符和表达式 9.2.3 常用对象 9.2.4 流程控制语句 9.2.5 函数 课堂实训9-2 制作石油发展内容介绍网页 习题 第10章 JavaScript网页交互的实现 10.1 浏览器对象模型 10.1.1 初识浏览器对象 10.1.2 window对象 10.1.3 history对象 10.1.4