工业和信息化人才培养规划教材

HTML5+CSS3网站设计基础教程

网站开发教程 网站设计教程 网页开发教程 网页设计教程 网站制作教程 网页制作教程
分享 推荐 5 收藏 6 阅读 3.0K
传智播客高教产品研发部 (编著)

关于本书的内容有任何问题,请联系 范博涛

身边的营销人员:我们的营销人员都是分省就近为您提供服务的,请在个人信息中明确您的省份,好让我们能给您指派营销服务人员。去完善信息……
《HTML5+CSS3网站设计基础教程》是Web前端开发工程师的入门读物,本书涵盖了HTML5与CSS3制作网页的常用技术,提供了156个经典案例和10道动手实践题。
提供免费教学资源,包括10章精美教学PPT、80个辅助案例、1031道测试题、长达26小时的教学视频等。

内容摘要

HTML5与CSS3是下一代Web应用技术的基础,使互联网进入了一个崭新的时代。本书从HTML5和CSS3的基础知识入手,重点讲解HTML5和CSS3新增功能和最新前端技术,通过大量实例对HTML5和CSS3进行深入浅出的分析,使读者在学习技术的同时,掌握Web开发和设计的精髓,提高综合应用能力。
本书共10章,第1~2章主要讲解HTML5的基础知识,包括HTML5的发展历史、HTML5的优势及浏览器支持情况、HTML5语法及文档基本格式、HTML5的页面元素及属性等。第3~4章主要讲解CSS3入门及CSS3选择器,包括CSS3发展历史、CSS3浏览器支持情况、文本样式属性、属性选择器、关系选择器、伪类选择器等。第5~7章分别讲解盒子模型、元素的浮动与定位、表单的应用,它们是学习网页布局的核心。第8章主要讲解多媒体技术,包括HTML5多媒体的特性、多媒体的支持条件,以及如何在HTML 5中创建音频和视频。第9章讲解CSS3的高级应用,包括变形、过渡和动画等。第10章为实训项目,带领读者使用HTML5和CSS3等新技术制作一个炫丽的网页。
本书附有配套视频、源代码、习题、教学课件等资源,而且为了帮助初学者更好地学习本书讲解的内容,还提供了在线答疑,希望得到更多读者的关注。
本书系统地讲解了HTML5和CSS3的基础理论和实际应用技术,适合没有基础的读者进行学习。本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材,也可作为前端与移动开发的培训教材,对于广大网站开发人员来说,更是一本不可多得的阅读与参考的优秀读物。

目录

  
目 录 CONTENTS
第1章 初识HTML5 1
1.1 HTML5概述 1
1.1.1 HTML5发展历程 1
1.1.2 HTML5的优势 2
1.1.3 HTML5浏览器支持情况 3
1.1.4 创建第一个HTML5页面 4
1.2 HTML5基础 6
1.2.1 HTML5文档基本格式 6
1.2.2 HTML5语法 7
1.2.3 HTML标记 8
1.2.4 标记的属性 10
1.2.5 HTML5文档头部相关标记 12
1.3 文本控制标记 15
1.3.1 标题和段落标记 15
1.3.2 文本格式化标记 19
1.3.3 特殊字符标记 21

第2章 HTML5页面元素及属性 37
2.1 列表元素 37
2.1.1 ul元素 37
2.1.2 ol元素 38
2.1.3 dl元素 40
2.1.4 列表的嵌套应用 41
2.2 结构元素 42
2.2.1 header元素 42
2.2.2 nav元素 43
2.2.3 article元素 44
2.2.4 aside元素 45
2.2.5 section元素 46
2.2.6 footer元素 47
2.3 分组元素 48
2.3.1 figure元素和figcaption元素 48
2.3.2 hgroup元素 49
2.4 页面交互元素 51
2.4.1 details元素和summary元素 51

第3章 CSS3入门 68
3.1 CSS3简介 68
3.1.1 CSS概述 68
3.1.2 CSS3发展历史 69
3.1.3 CSS3浏览器支持情况 70
3.2 CSS核心基础 71
3.2.1 CSS样式规则 71
3.2.2 引入CSS样式表 72
3.2.3 CSS基础选择器 77
3.3 文本样式属性 82
3.3.1 字体样式属性 82

第4章 CSS3选择器 106
4.1 属性选择器 106
4.1.1 E[att^=value]属性选择器 106
4.1.2 E[att$=value]属性选择器 108
4.1.3 E[att*=value]属性选择器 109
4.2 关系选择器 110
4.2.1 子代选择器(>) 110
4.2.2 兄弟选择器(+、~) 111
4.3 结构化伪类选择器 113
4.3.1 :root选择器 113
4.3.2 :not选择器 115
4.3.3 :only-child?选择器 116
4.3.4 :first-child和:last-child选择器 117
4.3.5 :nth-child(n)和:nth-last-child(n)
 选择器 118
4.3.6 :nth-of-type(n)和:nth-last-of-type(n)

第5章 CSS盒子模型 134
5.1 盒子模型概述 134
5.1.1 认识盒子模型 134
5.1.2 <div>标记 136
5.1.3 盒子的宽与高 138
5.2 盒子模型相关属性 139
5.2.1 边框属性 139
5.2.2 边距属性 148
5.2.3 box-shadow属性 152
5.3.7 设置背景图像的大小 161
5.3.8 设置背景的显示区域 163
5.3.9 设置背景图像的裁剪区域 164
5.3.10 设置多重背景图像 166
5.3.11 背景复合属性 167
5.4 CSS3渐变属性 169
5.4.1 线性渐变 169
5.4.2 径向渐变 171

第6章 浮动与定位 180
6.1 元素的浮动 180
6.1.1 元素的浮动属性float 180
6.1.2 清除浮动 184
6.2 overflow属性 190
6.3 元素的定位 192
6.3.1 元素的定位属性 192
6.3.2 静态定位static 193
6.3.3 相对定位relative 193
6.3.4 绝对定位absolute 195
6.3.5 固定定位fixed 198
6.3.6 z-index层叠等级属性 198

第7章 表单的应用 211
7.1 认识表单 211
7.1.1 表单的构成 211
7.1.2 创建表单 212
7.2 表单属性 213
7.3 input元素及属性 215
7.3.1 input元素的type属性 216
7.3.2 input元素的其他属性 224
7.4 其他表单元素 231
7.4.1 textarea元素 231
7.4.2 select元素 232

第8章 多媒体技术 249
8.1 HTML5多媒体的特性 249
8.2 多媒体的支持条件 250
8.2.1 视频和音频编解码器 250
8.2.2 多媒体的格式 251
8.3.3 音、视频中的source元素 255
8.3.4 调用网页多媒体文件 257
8.4 CSS控制视频的宽高 258
8.5 视频和音频的方法和事件 260
8.6 HTML5音、视频发展趋势 262
8.7 阶段案例——制作音乐播放界面 262

第9章 CSS3高级应用 269
9.1 过渡 269
9.1.1 transition-property属性 269
9.1.2 transition-duration属性 271
9.1.3 transition-timing-function属性 272
9.1.4 transition-delay属性 274
9.1.5 transition属性 274
9.2 变形 274
9.2.1 认识transform 274
9.2.2 2D转换 275
9.2.3 3D转换 282
9.3 动画 287
9.3.1 @keyframes 287
9.3.2 animation-name属性 288

第10章 实战开发——制作电商网站首页 308
10.1 准备工作 309
10.2 首页面详细制作 314

读者评论

  • 号外,本书最新扩展资源火热领取中,资源明细如图,加QQ 2011168841 申领。

    psb.png

    置顶 传智播客发表于 2016/10/19 10:18:38
  • 买了做教材的,下载个资源这费劲,连ppt都找不着,后悔死了

    端到端发表于 2017/2/18 21:07:14
    • @范博涛 好的,谢谢

      duanguiqin发表于 2017/2/20 9:19:32
    • 老师,已安排人员和您联系,帮您申请认证,认证通过后您可自行下载资源。

      范博涛发表于 2017/2/20 8:38:58

我要评论

作者介绍

传智播客成立于2006年,它是由中国Java培训第一人张孝祥老师发起,联合全球最大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机 构。办学至今,传智播客一直坚守着“为莘莘学子改变命运而讲课,为千万学生少走弯路而著书”的办学理念,坚持为中国培养优秀软件应用工程师群体为企业的宏 伟目标。为了迎合人才市场的需求,传智播客陆续开设了Java、Android、网页平面、PHP、iOS、C/C++、移动前端、电子商务等专业方向的 课程,并且还将逐渐开设其他专业方向的课程。随着传智播客的日益壮大,除了江苏总部,我们在北京、上海、广州、武汉、成都、深圳、南京、杭州、西安、哈尔 滨、长沙、济南、成都等地都创立了直营分支机构。传智播客俨然已成为了国内最具专业口碑的IT教育机构。

推荐用户

同系列书

相关图书

  • 网页制作案例教程(第2版)

    陈建孝、江玉珍、余晓春、陆锡聪

    本书是多位作者根据多年教学经验,通过分析总结第1版教材使用情况精心编写而成,介绍网页制作所必备的相关软件、技术...

    ¥45.00
  • HTML5游戏开发案例教程

    陈惠红 石坤泉 刘世明 谢建华 汤双霞

    本书是HTML5游戏开发课程教材。全书分为6章,内容包括构建Canvas开发环境、Canvas基本功能、Cre...

    ¥35.00
  • 网页设计与制作(第2版)

    王君学 牟建波

    本书以Dreamweaver CS6为开发平台,基本内容包括网页制作基础、在网页中使用文字和图片、建立超级链接...

    ¥52.00
  • JSP程序设计(慕课版)

    贾志城 王云 马俊 于晓强

    本书系统地介绍了有关JSP开发所涉及的各类知识。全书共分13章,内容包括JSP概述、JSP开发基础、JSP语法...

    ¥49.80
  • Dreamweaver CC网页设计与制作标准教程(微课版)

    马丹 张野 叶得学 王建芳 张润花

    本书全面系统地介绍了Dreamweaver CC的基本操作方法和网页设计制作技巧,包括网页设计基础知识、初识D...

    ¥45.00
欢迎加入高校教师IT群