{正版现货新书} 网页制作(HTML5+CSS3) 9787121494376 郑哲

项目1 开发前的准备

1.1 Web前端技术简介

1.1.1 Web前端开发职业技能等级标准

1.1.2 什么是全栈工程师

1.1.3 哪些人适合学Web前端

1.1.4 W3C组织与W3C标准

1.2 认识网页

1.2.1 网页与网站

1.2.2 网页的构成要素

1.3 网站工作原理

任务1-1 使用浏览器访问课程网站

任务1-2 使用域名访问课程网站

1.4 常用开发工具简介

任务1-3 安装Dreamweaver

任务1-4 安装HBuilderX

1.5 创建第一个HTML页面

任务1-5 使用Dreamweaver创建第一个HTML页面

任务1-6 使用HBuilderX创建第一个HTML页面

1.6 小结

1.7 作业

项目2 HTML基础

2.1 HTML简介

2.2 HTML页面的基本结构

2.3 HTML语法规则

2.4 认识更多语义化标签

2.4.1 文档结构标签

2.4.2 (div)标签

任务2-1 使用语义化标签构建HTML页面

2.4.3 常用的文本标签

2.4.4 锚点

任务2-2 常用

任务2-3 使用锚点

2.5 小结

2.6 作业

项目3 使用CSS基本选择器美化页面

3.1 CSS简介

3.1.1 CSS的来源

3.1.2 CSS的发展历程

3.1.3 CSS的点

3.2 CSS的基本语法

3.3 基本选择器

3.3.1 标签选择器

任务3-1 使用标签选择器

3.3.2 id选择器

3.3.3 类选择器

任务3-2 使用多个类选择器

3.3.4 字体属性

任务3-3 单行文字的垂直居中

任务3-4 字体综合练习

任务3-5 文字排版控制

3.3.5 自定义字体

任务3-6 使用自定义字体

3.3.6 伪类选择器

任务3-7 使用伪类

3.3.7 伪元素选择器

3.3.8 通用选择器

3.4 小结

3.5 作业

项目4 使用CSS高级选择器美化页面

4.1 复合选择器

4.1.1 交集选择器

4.1.2 并集选择器

4.1.3 后代选择器

4.1.4 子元素选择器

4.1.5 相邻兄弟选择器

4.1.6 属性选择器

4.2 应用样式的常用方式

4.2.1 行内式

4.2.2 内嵌式

4.2.3 式

任务4-1 将内嵌式改为式

4.3 解决CSS冲突的问题

4.4 使用Emmet语法

4.4.1 Emmet基础语法

4.4.2 多重性和项目编号

任务4-2 Emmet语法练习1：多重性和项目编号

4.4.3 分组

任务4-3 Emmet语法练习2：分组

4.5 使用LESS、SASS和SCSS

4.6 小结

4.7 作业

项目5 盒子模型

5.1 盒子模型

5.1.1 盒子模型的组成

任务5-1 使用工具查看盒子模型

5.1.2 值复制原则

5.1.3 内边距性

任务5-2 设置小程序中的padding

5.2 边框

5.2.1 边框风格

任务5-3 编写并查看边框风格

5.2.2 边框宽度

5.2.3 边框颜色

5.2.4 边框综合样式

任务5-4 边框的秘之旅

5.3 外边距

5.3.1 设置外边距

5.3.2 外边距性

任务5-5 相邻元素外边距合并

任务5-6 父子元素外边距合并

5.4 背景

5.4.1 背景颜色

5.4.2 背景图片

任务5-7 健康打卡功能的渐变背景

5.4.3 背景综合样式

任务5-8 图标

任务5-9 使用灵图

5.5 小结

5.6 作业

项目6 表格和表单

6.1 表格

6.2 表格标签

任务6-1 使用Emmet语法榜表格

6.3 CSS表格相关样式属性

任务6-2 导入数据创建表格

6.4 表单

6.5 表单标签

6.5.1 (input)标签

任务6-3 (input)标签的综合示例

6.5.2 (button)标签

6.5.3 (select)标签

6.5.4 (textarea)标签

6.5.5 表单新属性

6.5.6 表单美化

任务6-4 个性化表单控件美化

任务6-5 登录表单

6.6 小结

6.7 作业

项目7 浮动和定位

7.1 网页布局简介

7.1.1 标准流

7.1.2 浮动排版

任务7-1 浮动性1：脱离标准流

任务7-2 浮动性2：图文环绕

任务7-3 浮动性3：浮动对行内元素的影响

7.1.3 浮动

任务7-4 使用浮动解决父容器高度塌陷的问题

7.1.4 使用BFC解决高度塌陷的问题

任务7-5 触发BFC的3种常用方式

7.2 定位简介

7.2.1 定位属性

7.2.2 静态定位

7.2.3 固定定位

任务7-6 使用固定定位实现导航悬停

7.2.4 对定位

7.2.5 相对定位

任务7-7 品课程封面的

7.3 综合案例

任务7-8 杯布局

任务7-9 双飞翼布局

任务7-10 对居中布局

任务7-11 京东模块的

7.4 小结

7.5 作业

项目8 Flex布局

8.1 Flex布局简介

8.2 Flex布局的相关术语

8.3 Flex容器

8.3.1 Flex容器的相关属性

8.3.2 居中布局

任务8-1 块级元素居中布局

任务8-2 不定项居中布局

任务8-3 均分列布局

任务8-4 组合嵌套布局

8.4 Flex子项

任务8-5Flex布局案例:轮播图的制作

8.5小结

8.6作业

……

项目9过渡和动画

项目10多媒体应用

本书以静态网页制作所需的HTML5及CSS3语法为主要内容, 包括10个项目, 分别为开发前的准备、HTML基础、使用CSS基本选择器美化页面、使用CSS高级选择器美化页面、盒子模型、表格和表单、浮动和定位、Flex布局、过渡和动画、多媒体应用。通过学习本书, 学生能够掌握网页制作开发工具的使用方法、开发流程和实用技能, 为自己的职业发展打下坚实的基础。