HTML5+CSS3网页设计基础教程（）

作者: 王莹相成久史迎新

出版社: 中国人民大学出版社

出版时间: 2022-01

版次: 1

ISBN: 9787300300771

定价: 33.00

装帧: 其他

开本: 16开

纸张: 胶版纸

页数: 184页

字数: 228千字

丛书: 21世纪技能创新型人才培养系列教材·计算机系列；“十四五”新工科应用型教材建设项目成果

分类: 教材教辅考试>教材>大学教材>工程技术

6人买过

本教材从基础知识入手，以教学标准为依据，用实例引导学生深入学习，采取“HTML 5网页设计-CSS 3美化网页-高级提升技能-综合案例实战”的讲解模式，深入浅出地讲解HTML 5和CSS 3的各项技术及实战技能。本教材对应课程为计算机网络技术专业必修课，具体体现如下特色。1.教材编写特色：（1）教材由教授网页设计相关课程的多名教学经验丰富的教师与企业有实战经验的技术开发人员共同编写，结构合理、完整，构思由浅入深，符合初学者可以接受的难易程度。（2）以项目任务的形式带入学生汲取知识，在任务分析中，全面细化并巩固所需要学习的知识点，实例丰富、典型，并简单基础、易于理解，力争使学生从简单的实践任务中抓住重点、举一反三，达到自主学习、搜集学习资料、查询知识点、扩展知识的目的。王莹，辽宁农业职业技术学院副教授，主要讲授《静态网站建设与网页设计》《Web程序设计》《平面图形设计》《C语言程序设计》《计算机专业英语》等专业课，担任过《网站建设项目化教程》《Java Web程序设计任务驱动教程》《计算机专业英语》《OFFICE2010计算机应用项目式教程》主编或副主编。2019全国教育教学信息化交流展示活动微课二等奖。相成久，辽宁农业职业技术学院教师。史迎新，辽宁农业职业技术学院教师。单元1　网页设计基本知识

1.1　网站、网页简介

1.2　网页的常见元素

1.3　网页的常见布局

1.4　网站制作的基本流程

1.5　常用浏览器介绍

1.6　制作网站的常用工具

单元实训

任务　浏览网页

技能检测

单元2　HtML 基础

2.1　 HTML 简介

2.2　 HTML5 的特点

2.3　基本HTML 标记

单元实训

任务1　制作张网页

任务2　使用Sublime Text 工具制作网页页面

任务3　使用Dreamweaver CS5 软件制作网页页面

任务4　认识标题标签

任务5　段落元素

和换行元素

的使用

任务6　图片的插入

任务7　超级链接的使用

任务8　列表的使用

任务9　

元素和元素的使用

技能检测

单元3　HtML 进阶

3.1　表格元素（块级元素） 3.2　表单元素（块级元素）

单元实训

任务1　利用标签制作积分查询表任务2　制作个人简历表格任务3　制作用户登录表单任务4　制作用户注册表单任务5　利用标签为表单分组

技能检测

单元4　HtML5 的新增元素

4.1　HTML5 的布局元素

4.2　HTML5 的页面元素

4.3　HTML5 表单

单元实训

任务1　HTML5 布局标签体验

任务2　利用

标签在文档中插入图像

任务3　利用

标签在文档中制作标题组

任务4　利用

元素高亮显示关键内容

任务5　利用HTML5 表单功能制作注册表单

技能检测

单元5　Css3 基础

5.1　CSS3 简介

5.2　CSS 样式的3 种使用方式

5.3　CSS3 初级选择器

5.4　CSS3 高级选择器

5.5　CSS 伪类选择器和伪元素选择器

5.6　CSS 优先级

5.7　CSS3 常用属性

单元实训

任务1　CSS 样式实例体验

任务2　内联样式的使用

任务3　内嵌样式表的使用

任务4　外部样式表的使用

任务5　类选择器的使用

任务6　ID 选择器的使用

任务7　后代选择器的使用

任务8　群组选择器的使用

任务9　通配符选择器的使用

任务10　子元素选择器的使用

任务11　相邻兄弟选择器的使用

任务12　兄弟选择器的使用

任务13　属性选择器的使用

任务14　伪类选择器的使用

任务15　伪元素选择器的使用

任务16　文字属性与背景属性的运用

任务17　利用列表制作超级链接导航栏

任务18　利用border-radius 制作圆角画框

任务19　用图像制作边框

任务20　为卡片制作阴影效果

任务21　利用阴影制作书页彩页效果

技能检测

单元6　盒模型

6.1　盒模型的概念

6.2　盒模型的宽和高

6.3　盒模型的边框

6.4　盒模型的内边距

6.5　盒模型的外边距

6.6　两种重要的盒模型

单元实训

任务1　计算盒模型的大小和所占空间

任务2　制作并比较盒模型

任务3　文字属性、背景属性及盒模型的综合运用

技能检测

单元7　Css 布局

7.1　显示

7.2　浮动

7.3　元素定位

单元实训

任务1　利用display 属性制作超级链接水平导航条

任务2　利用float 属性制作水平排列的优惠券

任务3　利用float 属性进行简单页面布局

任务4　利用HTML5 新增的布局标签进行任务3 的页面的布局

任务5　利用float 属性进行页面布局

任务6　标准流布局

任务7　相对定位布局

任务8　定位布局1

任务9　定位布局2

任务10　固定定位布局

技能检测

单元8　Css3 变形与动画

8.1　 transform 变形动画

8.2　 transition 过渡动画
内容简介:
本教材从基础知识入手，以教学标准为依据，用实例引导学生深入学习，采取“HTML 5网页设计-CSS 3美化网页-高级提升技能-综合案例实战”的讲解模式，深入浅出地讲解HTML 5和CSS 3的各项技术及实战技能。本教材对应课程为计算机网络技术专业必修课，具体体现如下特色。1.教材编写特色：（1）教材由教授网页设计相关课程的多名教学经验丰富的教师与企业有实战经验的技术开发人员共同编写，结构合理、完整，构思由浅入深，符合初学者可以接受的难易程度。（2）以项目任务的形式带入学生汲取知识，在任务分析中，全面细化并巩固所需要学习的知识点，实例丰富、典型，并简单基础、易于理解，力争使学生从简单的实践任务中抓住重点、举一反三，达到自主学习、搜集学习资料、查询知识点、扩展知识的目的。
作者简介:
王莹，辽宁农业职业技术学院副教授，主要讲授《静态网站建设与网页设计》《Web程序设计》《平面图形设计》《C语言程序设计》《计算机专业英语》等专业课，担任过《网站建设项目化教程》《Java Web程序设计任务驱动教程》《计算机专业英语》《OFFICE2010计算机应用项目式教程》主编或副主编。2019全国教育教学信息化交流展示活动微课二等奖。相成久，辽宁农业职业技术学院教师。史迎新，辽宁农业职业技术学院教师。
目录:
单元1　网页设计基本知识

1.1　网站、网页简介

1.2　网页的常见元素

1.3　网页的常见布局

1.4　网站制作的基本流程

1.5　常用浏览器介绍

1.6　制作网站的常用工具

单元实训

任务　浏览网页

技能检测

单元2　HtML 基础

2.1　 HTML 简介

2.2　 HTML5 的特点

2.3　基本HTML 标记

单元实训

任务1　制作张网页

任务2　使用Sublime Text 工具制作网页页面

任务3　使用Dreamweaver CS5 软件制作网页页面

任务4　认识标题标签

任务5　段落元素

和换行元素

的使用

任务6　图片的插入

任务7　超级链接的使用

任务8　列表的使用

任务9　

元素和元素的使用

技能检测

单元3　HtML 进阶

3.1　表格元素（块级元素） 3.2　表单元素（块级元素）

单元实训

任务1　利用标签制作积分查询表任务2　制作个人简历表格任务3　制作用户登录表单任务4　制作用户注册表单任务5　利用标签为表单分组

技能检测

单元4　HtML5 的新增元素

4.1　HTML5 的布局元素

4.2　HTML5 的页面元素

4.3　HTML5 表单

单元实训

任务1　HTML5 布局标签体验

任务2　利用

标签在文档中插入图像

任务3　利用

标签在文档中制作标题组

任务4　利用

元素高亮显示关键内容

任务5　利用HTML5 表单功能制作注册表单

技能检测

单元5　Css3 基础

5.1　CSS3 简介

5.2　CSS 样式的3 种使用方式

5.3　CSS3 初级选择器

5.4　CSS3 高级选择器

5.5　CSS 伪类选择器和伪元素选择器

5.6　CSS 优先级

5.7　CSS3 常用属性

单元实训

任务1　CSS 样式实例体验

任务2　内联样式的使用

任务3　内嵌样式表的使用

任务4　外部样式表的使用

任务5　类选择器的使用

任务6　ID 选择器的使用

任务7　后代选择器的使用

任务8　群组选择器的使用

任务9　通配符选择器的使用

任务10　子元素选择器的使用

任务11　相邻兄弟选择器的使用

任务12　兄弟选择器的使用

任务13　属性选择器的使用

任务14　伪类选择器的使用

任务15　伪元素选择器的使用

任务16　文字属性与背景属性的运用

任务17　利用列表制作超级链接导航栏

任务18　利用border-radius 制作圆角画框

任务19　用图像制作边框

任务20　为卡片制作阴影效果

任务21　利用阴影制作书页彩页效果

技能检测

单元6　盒模型

6.1　盒模型的概念

6.2　盒模型的宽和高

6.3　盒模型的边框

6.4　盒模型的内边距

6.5　盒模型的外边距

6.6　两种重要的盒模型

单元实训

任务1　计算盒模型的大小和所占空间

任务2　制作并比较盒模型

任务3　文字属性、背景属性及盒模型的综合运用

技能检测

单元7　Css 布局

7.1　显示

7.2　浮动

7.3　元素定位

单元实训

任务1　利用display 属性制作超级链接水平导航条

任务2　利用float 属性制作水平排列的优惠券

任务3　利用float 属性进行简单页面布局

任务4　利用HTML5 新增的布局标签进行任务3 的页面的布局

任务5　利用float 属性进行页面布局

任务6　标准流布局

任务7　相对定位布局

任务8　定位布局1

任务9　定位布局2

任务10　固定定位布局

技能检测

单元8　Css3 变形与动画

8.1　 transform 变形动画

8.2　 transition 过渡动画