HTML5+CSS3网页制作案例教程(双色)(含微课)
定价:¥59.80
作者: 曹玉婵,向魏
出版时间:2025-05
最新印次日期:2025-5
出版社:江苏大学出版社
- 江苏大学出版社
- 9787568424790
- 1-1
- 569576
- 2025-05
- 工学
- 计算机类
- 电子与信息大类
- 计算机类
- 计算机类
- 本科 高职 高职本科(应用型本科) 中职
内容简介
本书采用项目式编写方式,以合理的结构、通俗易懂的语言、丰富实用的案例、学练结合的讲解方式,全面系统、循序渐进地介绍了使用HTML5和CSS3进行网页制作需要掌握的相关知识。全书共10个项目,内容涵盖网页制作基础,HTML5基础,文本、图像和多媒体,列表和超链接,表格和表单,CSS3基础,CSS3常用属性,CSS3布局,变形、过渡和动画,制作“童装品牌店”网站。
本书可作为各类院校软件技术、计算机应用技术等相关专业学生的专用教材,也可作为Web前端开发相关从业人员的参考用书。
本书可作为各类院校软件技术、计算机应用技术等相关专业学生的专用教材,也可作为Web前端开发相关从业人员的参考用书。
目录
项目1 网页制作基础
项目导读
项目目标
项目准备
1.1 网页简介
1.1.1 网页构成
1.1.2 网页类型
1.2 网页制作技术
1.2.1 HTML
1.2.2 CSS
1.2.3 JavaScript
1.2.4 Java
1.2.5 PHP
1.3 网页制作工具
1.3.1 常用开发工具
1.3.2 AI编程助手
1.4 浏览器
项目实施1——使用HBuilder X创建“学校网站”项目
项目实施2——使用VS Code和AI编程助手生成第一个HTML页面
项目实训
项目考核
项目评价
项目2 HTML5基础
项目导读
项目目标
项目准备
2.1 HTML5的基本语法
2.1.1 标签的分类
2.1.2 标签的属性
2.2 HTML5的结构标签
2.2.1 文档结构标签
2.2.2 其他结构标签
2.3 HTML5的无语义标签
2.3.1 标签
2.3.2
项目导读
项目目标
项目准备
1.1 网页简介
1.1.1 网页构成
1.1.2 网页类型
1.2 网页制作技术
1.2.1 HTML
1.2.2 CSS
1.2.3 JavaScript
1.2.4 Java
1.2.5 PHP
1.3 网页制作工具
1.3.1 常用开发工具
1.3.2 AI编程助手
1.4 浏览器
项目实施1——使用HBuilder X创建“学校网站”项目
项目实施2——使用VS Code和AI编程助手生成第一个HTML页面
项目实训
项目考核
项目评价
项目2 HTML5基础
项目导读
项目目标
项目准备
2.1 HTML5的基本语法
2.1.1 标签的分类
2.1.2 标签的属性
2.2 HTML5的结构标签
2.2.1 文档结构标签
2.2.2 其他结构标签
2.3 HTML5的无语义标签
2.3.1 标签
2.3.2
标签
项目实施——构建“学校网站”主页的结构
项目实训
项目考核
项目评价
项目3 文本、图像和多媒体
项目导读
项目目标
项目准备
3.1 文本
3.1.1 标题和段落标签
3.1.2 文本格式化标签
3.1.3 特殊字符
3.2 图像
3.2.1 网页中的图像格式
3.2.2 相对路径和绝对路径
3.2.3 图像和图标标签
3.2.4 流标签
3.3 多媒体
3.3.1 音频标签
3.3.2 视频标签
项目实施——制作“学校网站”主页的“学校融媒”模块和“学校宣传”模块
项目实训
项目考核
项目评价
项目4 列表和超链接
项目导读
项目目标
项目准备
4.1 列表
4.1.1 无序列表
4.1.2 有序列表
4.1.3 定义列表
4.1.4 嵌套列表
4.2 超链接
4.2.1 超链接标签
4.2.2 常见的超链接类型
项目实施——制作“学校网站”主页的“学校资讯”模块和导航栏
项目实训
项目考核
项目评价
项目5 表格和表单
项目导读
项目目标
项目准备
5.1 表格
5.1.1 表格的基本结构
5.1.2 表头和标题
5.1.3 表格分组
5.1.4 单元格跨行或跨列显示
5.2 表单
5.2.1 表单的基本结构
5.2.2 表单域
5.2.3 常用表单控件
5.2.4 其他表单控件
5.2.5 表单控件的常用属性
5.2.6 提示信息
5.2.7 表单对象分组
项目实施1——制作“学校网站”的“学科概况”页面
项目实施2——制作“学校网站”的注册页面
项目实施3——制作“学校网站”的登录页面
项目实训
项目考核
项目评价
项目6 CSS3基础
项目导读
项目目标
项目准备
6.1 CSS3样式的基本格式
6.2 在HTML5页面中引入CSS3样式
6.2.1 行内样式
6.2.2 内嵌样式表
6.2.3 外部样式表
6.3 CSS3选择器
6.3.1 基本选择器
6.3.2 复合选择器
6.3.3 伪类选择器
6.3.4 伪元素选择器
6.3.5 属性选择器
6.4 CSS3的继承性和层叠性
6.4.1 继承性
6.4.2 层叠性
项目实施——为“学校网站”的注册页面链接样式表
项目实训
项目考核
项目评价
项目7 CSS3常用属性
项目导读
项目目标
项目准备
7.1 文本属性
7.1.1 字体样式
7.1.2 文本格式
7.2 图像属性
7.2.1 图像大小
7.2.2 图像边框
7.2.3 不透明度
7.2.4 阴影样式
7.3 背景属性
7.3.1 背景颜色
7.3.2 背景图像
7.4 列表属性
7.5 超链接属性
7.5.1 超链接样式
7.5.2 鼠标指针样式
7.6 表格属性
7.7 表单属性
项目实施1——美化“学校网站”的“学科概况”页面
项目实施2——美化“学校网站”的登录页面
项目实训
项目考核
项目评价
项目8 CSS3布局
项目导读
项目目标
项目准备
8.1 盒子模型
8.1.1 盒子模型的基本结构
8.1.2 盒子模型的属性
8.1.3 不同类型元素的盒子模型
8.2 常用的布局方式
8.2.1 标准流布局
8.2.2 浮动布局
8.2.3 定位布局
8.2.4 弹性布局
8.2.5 网格布局
8.3 常见的网页版式
8.3.1 单栏版式
8.3.2 双栏版式
8.3.3 三栏版式
8.3.4 综合版式
8.4 响应式布局
8.4.1 视口
8.4.2 媒体查询
项目实施1——布局“学校网站”PC端主页
项目实施2——布局“学校网站”移动端主页
项目实训
项目考核
项目评价
项目9 变形、过渡和动画
项目导读
项目目标
项目准备
9.1 变形效果
9.1.1 2D变形
9.1.2 3D变形
9.2 过渡效果
9.2.1 过渡效果的相关属性
9.2.2 过渡效果的触发方式
9.3 动画效果
9.3.1 创建动画
9.3.2 动画效果的相关属性
项目实施——为“学校网站”主页设置变形、过渡和动画效果
项目实训
项目考核
项目评价
项目10 制作“童装品牌店”网站
项目导读
项目目标
项目准备
10.1 准备工作
10.2 制作“童装品牌店”网站首页
10.2.1 分析页面
10.2.2 制作首页
10.3 制作“童装品牌店”网站的全部商品页面
10.3.1 分析页面
10.3.2 制作全部商品页面
10.4 制作“童装品牌店”网站的注册和登录页面
10.4.1 分析页面
10.4.2 制作注册页面
项目评价
参考文献
项目实施——构建“学校网站”主页的结构
项目实训
项目考核
项目评价
项目3 文本、图像和多媒体
项目导读
项目目标
项目准备
3.1 文本
3.1.1 标题和段落标签
3.1.2 文本格式化标签
3.1.3 特殊字符
3.2 图像
3.2.1 网页中的图像格式
3.2.2 相对路径和绝对路径
3.2.3 图像和图标标签
3.2.4 流标签
3.3 多媒体
3.3.1 音频标签
3.3.2 视频标签
项目实施——制作“学校网站”主页的“学校融媒”模块和“学校宣传”模块
项目实训
项目考核
项目评价
项目4 列表和超链接
项目导读
项目目标
项目准备
4.1 列表
4.1.1 无序列表
4.1.2 有序列表
4.1.3 定义列表
4.1.4 嵌套列表
4.2 超链接
4.2.1 超链接标签
4.2.2 常见的超链接类型
项目实施——制作“学校网站”主页的“学校资讯”模块和导航栏
项目实训
项目考核
项目评价
项目5 表格和表单
项目导读
项目目标
项目准备
5.1 表格
5.1.1 表格的基本结构
5.1.2 表头和标题
5.1.3 表格分组
5.1.4 单元格跨行或跨列显示
5.2 表单
5.2.1 表单的基本结构
5.2.2 表单域
5.2.3 常用表单控件
5.2.4 其他表单控件
5.2.5 表单控件的常用属性
5.2.6 提示信息
5.2.7 表单对象分组
项目实施1——制作“学校网站”的“学科概况”页面
项目实施2——制作“学校网站”的注册页面
项目实施3——制作“学校网站”的登录页面
项目实训
项目考核
项目评价
项目6 CSS3基础
项目导读
项目目标
项目准备
6.1 CSS3样式的基本格式
6.2 在HTML5页面中引入CSS3样式
6.2.1 行内样式
6.2.2 内嵌样式表
6.2.3 外部样式表
6.3 CSS3选择器
6.3.1 基本选择器
6.3.2 复合选择器
6.3.3 伪类选择器
6.3.4 伪元素选择器
6.3.5 属性选择器
6.4 CSS3的继承性和层叠性
6.4.1 继承性
6.4.2 层叠性
项目实施——为“学校网站”的注册页面链接样式表
项目实训
项目考核
项目评价
项目7 CSS3常用属性
项目导读
项目目标
项目准备
7.1 文本属性
7.1.1 字体样式
7.1.2 文本格式
7.2 图像属性
7.2.1 图像大小
7.2.2 图像边框
7.2.3 不透明度
7.2.4 阴影样式
7.3 背景属性
7.3.1 背景颜色
7.3.2 背景图像
7.4 列表属性
7.5 超链接属性
7.5.1 超链接样式
7.5.2 鼠标指针样式
7.6 表格属性
7.7 表单属性
项目实施1——美化“学校网站”的“学科概况”页面
项目实施2——美化“学校网站”的登录页面
项目实训
项目考核
项目评价
项目8 CSS3布局
项目导读
项目目标
项目准备
8.1 盒子模型
8.1.1 盒子模型的基本结构
8.1.2 盒子模型的属性
8.1.3 不同类型元素的盒子模型
8.2 常用的布局方式
8.2.1 标准流布局
8.2.2 浮动布局
8.2.3 定位布局
8.2.4 弹性布局
8.2.5 网格布局
8.3 常见的网页版式
8.3.1 单栏版式
8.3.2 双栏版式
8.3.3 三栏版式
8.3.4 综合版式
8.4 响应式布局
8.4.1 视口
8.4.2 媒体查询
项目实施1——布局“学校网站”PC端主页
项目实施2——布局“学校网站”移动端主页
项目实训
项目考核
项目评价
项目9 变形、过渡和动画
项目导读
项目目标
项目准备
9.1 变形效果
9.1.1 2D变形
9.1.2 3D变形
9.2 过渡效果
9.2.1 过渡效果的相关属性
9.2.2 过渡效果的触发方式
9.3 动画效果
9.3.1 创建动画
9.3.2 动画效果的相关属性
项目实施——为“学校网站”主页设置变形、过渡和动画效果
项目实训
项目考核
项目评价
项目10 制作“童装品牌店”网站
项目导读
项目目标
项目准备
10.1 准备工作
10.2 制作“童装品牌店”网站首页
10.2.1 分析页面
10.2.2 制作首页
10.3 制作“童装品牌店”网站的全部商品页面
10.3.1 分析页面
10.3.2 制作全部商品页面
10.4 制作“童装品牌店”网站的注册和登录页面
10.4.1 分析页面
10.4.2 制作注册页面
项目评价
参考文献
友情链接
中国出版集团公司
新华书店总店
中国出版协会
中国编辑学会
高等教育出版社
机械工业出版社
科学出版社
化学工业出版社
中国电力出版社
电子工业出版社
人民交通出版社
中国人民大学出版社
北京大学出版社
清华大学出版社
人民邮电出版社
中国农业出版社
中国建筑工业出版社
人民卫生出版社
大连理工大学出版社
北京理工大学出版社
郑州大学出版社
北京师范大学出版社
南开大学出版社
武汉大学出版社
北京出版社
地质出版社
东北财经大学出版社有限责任公司
法律出版社有限公司
中国农业科学技术出版社
中国科学技术大学出版社
重庆大学出版社
西南大学出版社
上海交通大学出版社
中国水利水电出版社
华东师范大学出版社
外语教学与研究出版社
复旦大学出版社
中国中医药出版社















