HTML5+CSS3网页设计与制作
¥52.00定价
作者: 吕麦丝
出版时间:2022-09
出版社:西安电子科技大学出版社
- 西安电子科技大学出版社
- 9787560666112
- 1-1
- 452168
- 69236031-6
- 平装
- 16开
- 2022-09
- 380
- 256
- TP312.8
- 自动化技术、计算机技术
- 高职
内容简介
本书以案例的方式讲述了用HTML5+CSS3设计构建网站的相关知识,搭配视频课程资源,为读者提供全方位的学习辅助。本书内容涵盖网页设计基础、HTML基础、CSS基础、设计文本样式、设计图像样式、设计表单样式、设计超链接样式、设计表格样式、设计列表样式、网页布局、CSS中的动画与特效等,最后结合所讲述的内容给出了一个网站页面综合设计实训,进一步夯实读者所学知识。
本书语言朴实,结构清晰,基础知识与实战案例紧密结合,配套的视频课程既包括对应章节的知识点讲解,也包括所讲案例的全部操作步骤,可作为HTML5+CSS3初学者的入门教材,也适合所有对网页设计感兴趣的读者阅读。
本书语言朴实,结构清晰,基础知识与实战案例紧密结合,配套的视频课程既包括对应章节的知识点讲解,也包括所讲案例的全部操作步骤,可作为HTML5+CSS3初学者的入门教材,也适合所有对网页设计感兴趣的读者阅读。
目录
第1章 网页设计基础 1
1.1 网页设计概念 1
1.1.1 网页设计的基本流程 1
1.1.2 网页的主要组成部分 2
1.2 网页开发工具简介 5
1.2.1 HBuilderX开发工具 5
1.2.2 Visual Studio Code开发工具 8
第2章 HTML基础 17
2.1 HTML概念 17
2.1.1 HTML简介 17
2.1.2 HTML发展历史 18
2.2 HTML文档基本结构 19
2.3 HTML文档标签属性 22
2.4 案例实战—第一个HTML网页设计文档 25
第3章 CSS基础 27
3.1 CSS的语法和用法 27
3.2 基本选择器 31
3.3 复合选择器 38
3.4 属性选择器 40
3.5 伪元素选择器和伪类选择器 44
3.6 案例实战—应用CSS样式实现“双周热门推荐”栏目列表样式 49
第4章 设计文本样式 53
4.1 设计字体样式 53
4.2 设计文本样式 62
4.3 案例实战—文本页面的排版 72
第5章 设计图像样式 76
5.1 网页中的图像 76
5.2 图像基本样式 78
5.3 定义背景图像 86
5.4 案例实战—背景页面布局 95
第6章 设计表单样式 99
6.1 设计表单 99
6.2 设计表单样式 108
6.3 案例实战—表单实现收货地址页面效果 113
第7章 设计超链接样式 117
7.1 定义超链接 117
7.2 定义超链接样式 124
7.3 案例实现—几何图形的导航菜单 129
第8章 设计表格样式 135
8.1 设计表格 135
8.2 定义表格样式 143
8.3 案例实战—应用表格布局网页 150
第9章 设计列表样式 154
9.1 设计列表 154
9.2 定义列表样式 160
9.3 案例实战—列表布局导航菜单 167
第10章 网页布局 175
10.1 盒子模型 175
10.2 网页布局的基本方法 184
10.3 案例实战—新闻页面的布局实现 196
第11章 CSS中的动画与特效 202
11.1 CSS中的动画与特效—transform 202
11.2 CSS中的动画与特效—transition 212
11.3 CSS中的动画与特效—animation 221
11.4 案例实战—纯CSS实现轮播图效果 229
第12章 网站页面综合设计实训 233
实战案例—仿小米官网首页设计 233
参考文献 250
1.1 网页设计概念 1
1.1.1 网页设计的基本流程 1
1.1.2 网页的主要组成部分 2
1.2 网页开发工具简介 5
1.2.1 HBuilderX开发工具 5
1.2.2 Visual Studio Code开发工具 8
第2章 HTML基础 17
2.1 HTML概念 17
2.1.1 HTML简介 17
2.1.2 HTML发展历史 18
2.2 HTML文档基本结构 19
2.3 HTML文档标签属性 22
2.4 案例实战—第一个HTML网页设计文档 25
第3章 CSS基础 27
3.1 CSS的语法和用法 27
3.2 基本选择器 31
3.3 复合选择器 38
3.4 属性选择器 40
3.5 伪元素选择器和伪类选择器 44
3.6 案例实战—应用CSS样式实现“双周热门推荐”栏目列表样式 49
第4章 设计文本样式 53
4.1 设计字体样式 53
4.2 设计文本样式 62
4.3 案例实战—文本页面的排版 72
第5章 设计图像样式 76
5.1 网页中的图像 76
5.2 图像基本样式 78
5.3 定义背景图像 86
5.4 案例实战—背景页面布局 95
第6章 设计表单样式 99
6.1 设计表单 99
6.2 设计表单样式 108
6.3 案例实战—表单实现收货地址页面效果 113
第7章 设计超链接样式 117
7.1 定义超链接 117
7.2 定义超链接样式 124
7.3 案例实现—几何图形的导航菜单 129
第8章 设计表格样式 135
8.1 设计表格 135
8.2 定义表格样式 143
8.3 案例实战—应用表格布局网页 150
第9章 设计列表样式 154
9.1 设计列表 154
9.2 定义列表样式 160
9.3 案例实战—列表布局导航菜单 167
第10章 网页布局 175
10.1 盒子模型 175
10.2 网页布局的基本方法 184
10.3 案例实战—新闻页面的布局实现 196
第11章 CSS中的动画与特效 202
11.1 CSS中的动画与特效—transform 202
11.2 CSS中的动画与特效—transition 212
11.3 CSS中的动画与特效—animation 221
11.4 案例实战—纯CSS实现轮播图效果 229
第12章 网站页面综合设计实训 233
实战案例—仿小米官网首页设计 233
参考文献 250