-
内容大纲
本书从初学者的角度出发,详细介绍了使用HTML5+CSS3进行网页设计的基础知识与实战技巧。本书内容由浅入深,图文并茂,注重知识的综合应用。全书共9章,内容包括初识Web前端,使用HTML5构建基本网页,应用CSS3样式,使用列表、表格与表单,页面布局与设计,HTML5多媒体应用,实现CSS3动画,实现移动端布局,以及一个综合案例:智慧教辅。
本书可作为高等院校计算机及软件工程相关专业的教材,也可供Web前端开发相关培训使用,还可作为Web前端开发技术人员的参考书。 -
作者介绍
-
目录
第1章 初识Web前端
1.1 Web前端简介
1.1.1 Web前端的发展简史
1.1.2 W3C简介
1.2 了解Web标准
1.2.1 Web标准简介
1.2.2 HTML5简介
1.2.3 CSS3简介
1.3 前端基础知识
1.3.1 浏览器及其内核
1.3.2 CSS Hack
1.3.3 前端与后端的数据交互流程
1.3.4 编写规范
1.4 创建第一个HTML5网页
1.4.1 Web开发工具
1.4.2 VS Code的安装与使用
1.4.3 编写网页
1.5 本章小结
1.6 习题
第2章 使用HTML5构建基本网页
2.1 制作简单的文本网页
2.1.1 标题标签
2.1.2 段落标签
2.1.3 换行标签
2.1.4 特殊字符
2.1.5 案例:学习简述
2.1.6 本节小结
2.2 添加超链接
2.2.1 超链接标签
2.2.2 超链接的功能分类
2.2.3 超链接的伪类
2.2.4 扩展——文本格式化标签
2.2.5 案例:学习手册导航
2.2.6 本节小结
2.3 添加图片
2.3.1 图片标签
2.3.2 水平线标签
2.3.3 <div>块元素
2.3.4 HTML5的语义化元素
2.3.5 案例:学习小课堂
2.3.6 本节小结
2.4 本章小结
2.5 习题
第3章 应用CSS3样式
3.1 CSS3的引入方式
3.1.1 行内样式
3.1.2 内嵌样式
3.1.3 外链样式
3.1.4 本节小结
3.2 CSS3选择器
3.2.1 基础选择器
3.2.2 高级选择器
3.2.3 结构伪类选择器
3.2.4 伪元素选择器
3.2.5 属性选择器
3.2.6 本节小结
3.3 CSS3属性
3.3.1 字体属性
3.3.2 背景属性
3.3.3 文本属性
3.3.4 border-radius属性
3.3.5 box-shadow属性
3.3.6 background-size属性
3.3.7 案例:泰山赏鉴
3.3.8 本节小结
3.4 显示与隐藏属性
3.4.1 display属性
3.4.2 visibility属性
3.4.3 opacity属性
3.4.4 rgba()函数
3.4.5 overflow属性
3.4.6 显示与隐藏属性的总结
3.4.7 扩展——cursor属性
3.4.8 案例:横渠四句
3.4.9 本节小结
3.5 本章小结
3.6 习题
第4章 使用列表、表格与表单
4.1 制作列表
4.1.1 有序列表
4.1.2 无序列表
4.1.3 自定义列表
4.1.4 list-style属性
4.1.5 案例:热点新闻小卡片
4.1.6 本节小结
4.2 制作表格
4.2.1 表格的基本标签
4.2.2 语义化标签
4.2.3 单元格边距与间距
4.2.4 合并行与列
4.2.5 表格的其他属性
4.2.6 案例:班级成绩表
4.2.7 本节小结
4.3 制作表单
4.3.1 表单的组成
4.3.2 <form>标签
4.3.3 <input>标签
4.3.4 <label>标签
4.3.5 <select>标签
4.3.6 <textarea>标签
4.3.7 <fieldset>标签
4.3.8 新增表单控件
4.3.9 案例:信息录入表单
4.3.10 本节小结
4.4 本章小结
4.5 习题
第5章 页面布局与设计
5.1 引入盒模型
5.1.1 盒模型结构
5.1.2 padding属性
5.1.3 border属性
5.1.4 margin属性
5.1.5 怪异盒模型
5.1.6 案例:公告小卡片
5.1.7 本节小结
5.2 CSS3浮动
5.2.1 float属性
5.2.2 清除浮动
5.2.3 案例:运输服务流程
5.2.4 本节小结
5.3 CSS3定位
5.3.1 定位的概述
5.3.2 相对定位
5.3.3 绝对定位
5.3.4 固定定位
5.3.5 z-index属性
5.3.6 案例:单号查询界面
5.3.7 本节小结
5.4 本章小结
5.5 习题
第6章 HTML5多媒体应用
6.1 添加视频
6.1.1 <video>标签
6.1.2 视频格式
6.1.3 视频编码技术
6.1.4 案例:建军节宣传片
6.1.5 本节小结
6.2 添加音频
6.2.1 <audio>标签
6.2.2 音频格式
6.2.3 音频编码技术
6.2.4 案例:倾听音乐
6.2.5 本节小结
6.3 本章小结
6.4 习题
第7章 实现CSS3动画
7.1 实现transition过渡
7.1.1 transition属性
7.1.2 浏览器私有前缀
7.1.3 案例:元素平滑过渡
7.1.4 本节小结
7.2 实现2D transform变形
7.2.1 transform-origin属性
7.2.2 translate()位移
7.2.3 rotate()旋转
7.2.4 scale()缩放
7.2.5 skew()倾斜
7.2.6 案例:元素变形
7.2.7 本节小结
7.3 实现3D transform变形
7.3.1 3D变形的概述
7.3.2 perspective属性
7.3.3 transform-style属性
7.3.4 perspective-origin属性
7.3.5 backface-visibility属性
7.3.6 3D rotate()旋转
7.3.7 3D translate()位移
7.3.8 案例:正方体
7.3.9 本节小结
7.4 制作animation动画
7.4.1 @keyframes规则
7.4.2 animation属性
7.4.3 案例:加载动画
7.4.4 本节小结
7.5 本章小结
7.6 习题
第8章 实现移动端布局
8.1 流式布局
8.1.1 视口
8.1.2 流式布局的应用
8.1.3 案例:顶部链接广告
8.1.4 本节小结
8.2 Flex布局
8.2.1 概述
8.2.2 容器属性
8.2.3 项目属性
8.2.4 案例:图书搜索专区的Flex布局
8.2.5 本节小结
8.3 rem布局
8.3.1 rem单位
8.3.2 媒体查询
8.3.3 案例:图书官网首页的rem布局
8.3.4 本节小结
8.4 本章小结
8.5 习题
第9章 综合案例:智慧教辅
9.1 案例分析
9.1.1 案例概述
9.1.2 能力训练图
9.1.3 文件夹组织结构
9.2 设计与实现
9.2.1 网页的基础设置
9.2.2 头部导航模块
9.2.3 轮播图模块
9.2.4 关于我们模块
9.2.5 新闻中心模块
9.2.6 师资培训模块
9.2.7 视频教程模块
9.2.8 联系我们和页脚模块
9.3 本章小结
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...