HTML5+CSS3网站设计基础教程

　　全书将网页设计与制作知识分解为10个章节，第1～2章主要讲解HTML5的基础知识。第3～4章主要讲解CSS3入门及CSS3选择器。第5～7章分别讲解盒子模型、元素的浮动与定位和表单的应用。第8章主要讲解多媒体技术。第9章讲解CSS3的高级应用。第10章为跨平台移动Web技术，利用HTMl5和CSS3互相配合与支持的，实现响应式Web设计。 本书适合没有任何网页设计基础的初学者进行学习。

　　发表了《“职业院校学生顶岗实习评价指标体系研究与实践”》、《基于微信平台的高职院校移动学习平台的设计与实现》等多篇论文；出版了适合高职高专学生使用的《Office办公自动化高级应用》、《C语言程序设计》等多部教材；主讲了《网页设计与制作》、《办公自动化高级应用》等课程。参与建设的《模型制作》课程被教育部评审为***教学资源共享课程。主持湖北省教育科学“十二五”规划课题《高职院校现代学徒制实施方式与配套政策设计研究》、武汉市教育局高教处教学研究课题《基于微信平台高职学生移动学习资源的设计与开发》等立项课题的研究。多次指导学生参加湖北省高职院校技能大赛，多次获得市级一、二等奖项。

目录
第 一章 网站概述与HTML语言\t2
1．1 HTML概述\t2
1．1．1 HTML发展历程\t2
1．1．2 HTML5的优势\t3
1．1．3 HTML5浏览器支持情况\t4
1．1．4 创建第 一个HTML5页面\t5
1．2 HTML5基础\t10
1．2．1 HTML5文档基本格式\t10
1．2．2 HTML5语法\t11
1．2．3 HTML标记\t12
1．2．4 标记的属性\t14
1．2．5 HTML5文档头部相关标记\t16
1．3 文本控制标记\t20
1．3．1 标题和段落标记\t20
1．3．2 文本格式化标记\t25
1．3．3 特殊标记字符\t26
1．4 图像标记\t27
1．4．1 常用图像格式\t27
1．4．2 图像标记\t28
1．4．3 绝对路径和相对路径\t33
1．5 超链接标记\t33
1．5．1 创建超链接\t33
1．5．2 锚点链接\t35
1．6阶段案例——制作HTML5百科页面\t37
1．6．1 分析效果图\t39
1．6．2 制作页面\t39
1．6．3 制作页面链接\t43
本章小节\t43
第二章 HTML5页面元素及属性\t2
2．1 列表元素\t2
2．1．1 无序列表元素\t2
2．1．2 有序列表元素\t4
2．1．3 定义列表元素\t6
2．1．4 列表的嵌套应用\t7
2．2 结构元素\t8
2．2．1 header元素\t8
2．2．2 nav元素\t9
2．2．3 article元素\t10
2．2．4 aside元素\t11
2．2．5 section元素\t13
2．2．6 footer元素\t14
2．3 分组元素\t15
2．3．1 figure元素和figcaption元素\t15
2．3．2 hgroup元素\t16
2．4页面交互元素\t18
2．4．1 details元素和summary元素\t18
2．4．2 progress元素\t20
2．4．3 meter元素\t21
2．5 文本层次语义元素\t22
2．5．1 time元素\t22
2．5．2 mark 元素\t23
2．5．3 cite 元素\t24
2．6 全局属性\t25
2．6．1 draggable 属性\t25
2．6．2 hidden 属性\t26
2．6．3 spellcheck属性\t26
2．6．4 contenteditable属性\t27
2．7 阶段案例--制作电影影评网\t28
2．7．1 分析效果图\t29
2．7．2 制作页面\t30
本章小结\t35
第三章 CSS3入门\t2
3．1 CSS3 简介\t2
3．1．1 CSS概述\t2
3．1．2 CSS3发展历史\t3
3．1．3 CSS3浏览器支持情况\t4
3．2 CSS核心基础\t5
3．2．1 CSS样式规则\t5
3．2．2 引入CSS样式表\t6
3．2．3 CSS基础选择器\t11
3．3 文本样式属性\t18
3．3．1 字体样式属性\t18
3．3．2 文本外观属性\t24
3．4\t CSS高级特性\t35
3．4．1 CSS层叠性和继承性\t35
3．4．2 CSS优先级\t37
3．5 阶段案例——制作服装推广软文\t41
3．5．1 分析结果图\t42
3．5．2 制作页面结构\t42
3．5．3 定义CSS样式\t43
本章小结\t45
第四章 CSS3选择器\t2
4．1 属性选择器\t2
4．1．1 E[att^=value]属性选择器\t2
4．1．2 E[att$=value]属性选择器\t4
4．1．3 E[att*=value]属性选择器\t6
4．2 关系选择器\t7
4．2．1 子代选择器（>）\t7
4．2．2 兄弟选择器（+、~）\t8
4．3 结构化伪类选择器\t11
4．3．1 ：root选择器\t11
4．3．2 ：not选择器\t12
4．3．3 ：only-child选择器\t13
4．3．4 ：first-child 和 ：last-child选择器\t15
4．3．5 ：nth-child(n)和：nth-last-child(n)选择器\t16
4．3．6 ：nth-of-type(n)和：nth-last-of-type(n)选择器\t17
4．3．7 ：empty选择器\t19
4．3．8 ：target选择器\t20
4．4 伪元素选择器\t22
4．4．1 ：before选择器\t22
4．4．2 ：after选择器\t23
4．5 链接伪类\t24
4．6 阶段案例——制作网页设计软件列表\t26
4．6．1 分析效果图\t27
4．6．2 制作页面结构\t28
4．6．3 定义CSS样式\t30
本章小结\t32
第五章 CSS盒子模型\t2
5．1盒子模型概述\t2
5．1．1 认识盒子模型\t2
5．1．2 标记\t4
5．1．3 盒子的宽与高\t6
5．2盒子模型相关属性\t8
5．2．1 边框属性\t8
5．2．2 边距属性\t19
5．2．3 box-shadow属性\t24
5．2．4 box-sizing属性\t25
5．3背景属性\t27
5．3．1 设置背景颜色\t27
5．3．2 设置背景图片\t29
5．3．3 背景与图片不透明度设置\t29
5．3．4 设置背景图像平铺\t31
5．3．5 设置背景图像的位置\t32
5．3．6 设置背景图像固定\t34
5．3．7 设置背景图像的大小\t35
5．3．8 设置背景的显示区域\t37
5．3．9 设置背景图像的裁剪区域\t39
5．3．10 设置多重背景图像\t40
5．3．11 背景复合属性\t42
5．4\tCSS渐变属性\t44
5．4．1 线性渐变\t44
5．4．2 径向渐变\t46
5．4．3 重复渐变\t48
5．5阶段案例——制作音乐排行榜\t51
5．5．1 分析效果图\t51
5．5．2 制作页面结构\t52
5．5．3 定义CSS样式\t53
本章小结\t55
第六章 浮动与定位\t3
6．1 元素浮动\t3
6．1．1 元素的浮动属性float\t3
6．1．2 清除浮动\t7
6．2 overflow属性\t15
6．3 元素的定位\t17
6．3．1 元素的定位属性\t17
6．3．2 静态定位static\t18
6．3．3 相对定位 relative\t18
6．3．4 绝对定位 absolute\t20
6．3．5 固定定位fixed\t23
6．3．6 z-index层叠等级属性\t23
6．4 元素的类型与转换\t24
6．4．1 元素的类型\t24
6．4．2 标记\t27
6．4．3 元素的转换\t28
6．5 阶段案例--制作网页焦点图\t30
6．5．1 分析效果图\t31
6．5．2 制作页面结构\t31
6．5．3 定义CSS样式\t33
本章小结\t36
第七章 表单的应用\t2
7．1 认识表单\t2
7．1．1 表单的构成\t2
7．1．2 创建表单\t3
7．2 表单属性\t4
7．3 input元素及属性\t7
7．3．1 input元素的type属性\t8
7．3．2 input元素的其他属性\t17
7．4 其他表单元素\t25
7．4．1 textarea元素\t25
7．4．2 select元素\t26
7．4．3 datalist元素\t30
7．4．4 keygen元素\t31
7．4．5 output元素\t33
7．5 CSS控制表单样式\t33
7．6 阶段案例——制作信息登记表\t38
7．6．1 分析效果图\t39
7．6．2 制作页面结构\t40
7．6．3 定义CSS样式\t42
本章小结\t45
第八章 多媒体技术\t2
8．1 HTML5多媒体的特性\t2
8．2 多媒体的支持条件\t3
8．2．1 视频和音频编解码器\t3
8．2．2 多媒体的格式\t4
8．2．3 支持视频和音频的浏览器\t4
8．3 嵌入视频和音频\t6
8．3．1 在HTML5中嵌入视频\t6
8．3．2 在HTML5中嵌入音频\t8
8．3．3 音、视频中的source元素\t9
8．3．4 调用网页多媒体文件\t10
8．4 CSS控制视频的宽高\t13
8．5 视频和音频的方法和事件\t15
8．6 HTML5音、视频发展趋势\t16
8．7 阶段案例-------制作音乐播放界面\t17
8．7．1 分析效果图\t17
8．7．2 制作页面结构\t18
8．7．3 定义CSS样式\t19
本章小结\t22
第九章 CSS高级应用\t2
9．1\t过渡\t2
9．1．1\ttransition-property属性\t2
9．1．2\ttransition-duration属性\t4
9．1．3\ttransition-timing-function属性\t5
9．1．4\ttransition-delay属性\t7
9．1．5\ttransition属性\t8
9．2\t变形\t8
9．2．1认识transform\t8
9．2．2 D转换\t9
9．2．3 3D转换\t17
9．3 动画\t23
9．3．1 @keyframes\t23
9．3．2 animation-name属性\t24
9．3．3 animation-duration属性\t24
9．3．4 animation-timing-function属性\t26
9．3．5 animation-delay属性\t27
9．3．6 animation-iteration-count属性\t28
9．3．7 animation-direction属性\t28
9．3．8 animation属性\t30
9．4\t阶段案例——制作工作日天气预报\t30
9．4．1 分析效果图\t31
9．4．2 制作页面结构\t32
9．4．3 定义CSS样式\t33
9．4．4 制作CSS3动画\t37
本章小结\t43
第十章 跨平台移动Web技术\t1
10．1\t响应式Web设计\t1
10．1．1\t响应式Web设计简介\t2
10．1．2\t响应式Web设计相关技术\t3
10．2\t媒体查询\t4
10．3\t栅格系统\t7
10．4\t弹性盒布局\t11
本章小结\t20