- 电子工业出版社
- 9787121494376
- 1-1
- 540630
- 16开
- 计算机类
- 高职
内容简介
基于工业和信息化部1+X职业技能等级证书《Web前端开发职业技能等级标准》（初级），本书以静态网页制作所需的HTML5及CSS3语法为主要内容，包括10个项目，分别为开发前的准备、HTML基础、使用CSS 基本选择器美化页面、使用 CSS 高级选择器美化页面、盒子模型、表格和表单、浮动和定位、Flex 布局、过渡和动画、多媒体应用。通过学习本书，学生能够掌握网页制作开发工具的使用方法、开发流程和实用技能，为自己的职业发展打下坚实的基础。
目录
项目1 开发前的准备 1__eol__1.1 Web前端技术简介 1__eol__1.1.1 Web前端开发职业技能等级标准 2__eol__1.1.2 什么是全栈工程师 2__eol__1.1.3 哪些人适合学Web前端 2__eol__1.1.4 W3C组织与W3C标准 3__eol__1.2 认识网页 3__eol__1.2.1 网页与网站 3__eol__1.2.2 网页的构成要素 4__eol__1.3 网站工作原理 4__eol__任务1-1 使用浏览器访问课程网站 5__eol__任务1-2 使用域名访问课程网站 6__eol__1.4 常用开发工具简介 7__eol__任务1-3 安装Dreamweaver 10__eol__任务1-4 安装HBuilderX 12__eol__1.5 创建第一个HTML页面 13__eol__任务1-5 使用Dreamweaver创建第一个HTML页面 13__eol__任务1-6 使用HBuilderX创建第一个HTML页面 17__eol__1.6 小结 18__eol__1.7 作业 18__eol__项目2 HTML基础 20__eol__2.1 HTML简介 21__eol__2.2 HTML页面的基本结构 21__eol__2.3 HTML语法规则 24__eol__2.4 认识更多语义化标签 26__eol__2.4.1 文档结构标签 26__eol__2.4.2
标签 29__eol__任务2-1 使用语义化标签构建HTML页面 29__eol__2.4.3 常用的文本标签 30__eol__2.4.4 链接和锚点 38__eol__任务2-2 制作常用链接 42__eol__任务2-3 使用锚点链接 44__eol__2.5 小结 49__eol__2.6 作业 49__eol__项目3 使用CSS基本选择器美化页面 51__eol__3.1 CSS简介 51__eol__3.1.1 CSS的来源 52__eol__3.1.2 CSS的发展历程 52__eol__3.1.3 CSS的优点 52__eol__3.2 CSS的基本语法 53__eol__3.3 基本选择器 54__eol__3.3.1 标签选择器 54__eol__任务3-1 使用标签选择器 56__eol__3.3.2 id选择器 57__eol__3.3.3 类选择器 59__eol__任务3-2 使用多个类选择器 60__eol__3.3.4 字体属性 61__eol__任务3-3 单行文字的垂直居中 67__eol__任务3-4 字体综合练习 69__eol__任务3-5 文字排版控制 72__eol__3.3.5 自定义字体 75__eol__任务3-6 使用自定义字体 75__eol__3.3.6 伪类选择器 77__eol__任务3-7 使用伪类 77__eol__3.3.7 伪元素选择器 79__eol__3.3.8 通用选择器 81__eol__3.4 小结 81__eol__3.5 作业 82__eol__项目4 使用CSS高级选择器美化页面 83__eol__ 4.1 复合选择器 84__eol__4.1.1 交集选择器 84__eol__4.1.2 并集选择器 85__eol__4.1.3 后代选择器 86__eol__4.1.4 子元素选择器 88__eol__4.1.5 相邻兄弟选择器 91__eol__4.1.6 属性选择器 93__eol__4.2 应用样式的常用方式 95__eol__4.2.1 行内式 95__eol__4.2.2 内嵌式 96__eol__4.2.3 链接式 97__eol__任务4-1 将内嵌式改为链接式 98__eol__ 4.3 解决CSS冲突的问题 99__eol__4.4 使用Emmet语法 105__eol__4.4.1 Emmet基础语法 105__eol__4.4.2 多重性和项目编号 106__eol__任务4-2 Emmet语法练习1：多重性和项目编号 107__eol__4.4.3 分组 107__eol__任务4-3 Emmet语法练习2：分组 108__eol__4.5 使用LESS、SASS和SCSS 108__eol__4.6 小结 110__eol__4.7 作业 110__eol__项目5 盒子模型 112__eol__5.1 盒子模型 112__eol__5.1.1 盒子模型的组成 113__eol__任务5-1 使用开发者工具查看盒子模型 114__eol__5.1.2 值复制原则 116__eol__5.1.3 内边距特性 117__eol__任务5-2 设置支付宝小程序中的padding 117__eol__5.2 边框 119__eol__5.2.1 边框风格 119__eol__任务5-3 编写并查看边框风格 121__eol__5.2.2 边框宽度 123__eol__5.2.3 边框颜色 123__eol__5.2.4 边框综合样式 124__eol__任务5-4 边框的神秘之旅 124__eol__5.3 外边距 129__eol__5.3.1 设置外边距 129__eol__5.3.2 外边距特性 130__eol__任务5-5 相邻元素外边距合并 131__eol__任务5-6 父子元素外边距合并 133__eol__5.4 背景 135__eol__5.4.1 背景颜色 135__eol__5.4.2 背景图片 135__eol__任务5-7 制作健康打卡功能的渐变背景 142__eol__5.4.3 背景综合样式 150__eol__任务5-8 制作图标 150__eol__任务5-9 使用精灵图 152__eol__5.5 小结 154__eol__5.6 作业 154__eol__项目6 表格和表单 156__eol__6.1 表格 157__eol__6.2 表格标签 158__eol__任务6-1 使用Emmet语法制作金牌榜表格 160__eol__6.3 CSS表格相关样式属性 164__eol__任务6-2 导入数据创建表格 164__eol__6.4 表单 169__eol__6.5 表单标签 170__eol__6.5.1 标签 171__eol__任务6-3 标签的综合示例 177__eol__6.5.2