书名：HTML5与CSS3程序设计
定*：59.8
ISBN：9787**5587*52
作者：李洪建，游学军
版次：第*版
出版时间：2022-06

内容提要：
本书按照Web前端工程师岗位技能要求，以真实项目组织内容，由浅入深地讲解了如何利用HTML5和CSS3等网页制作技术制作网站。本书共分为7个项目，项目*为Web前端基础的相关介绍；项目2和项目3*含HTML和CSS的基础知识、常用标签、CSS基础语法及选择器等内容；项目4和项目5介绍了HTML5语义化标签、CSS3的新*性等；项目6主要介绍JavaScript编程基础等；项目7为综合实践。*书以任务为导向，通过多个项目将知识点贯穿起来，并辅以实例，以此激发读者的学习兴趣。 本书可作为*等职业院校计算机相关*业的教材，也可作为计算机行业相关从业人员的自学参考书。



作者简介：
李洪建 副教授，山东省*等学校教师，*家技能鉴定*级考评员、***职计算机基础学会电子信息委员、山东省计算机职业教育教学指导委员会委员、山东省物联网职业教育集团副秘书长。近五年，获*家教学成果奖二等奖*项，省教学成果奖*等奖*项、*等奖2项，山东省教育科学研究*秀成果二等奖*项，指导学生获*赛*等奖2项，主持省教改、省软科学、省*校科技（人文）等课题7项，授权实用新型*利2项，软件*权2个。 游学军 硕士，毕业于南京邮电大学，现任职于江苏海事职业技术学院信息工程学院，主要研究方向为软件开发，*直承担Java开发、前端开发相关核心课程的教学工作。担任过移动互联网应用软件开发、Web应用开发等**职业院校技能大赛赛项裁判员，指导学生参加江苏省职业院校技能大赛获得*等奖、指导学生参加**蓝桥杯软件大赛获得二等奖，指导学生参加中*软件杯大赛获得三等奖等。主持完成江苏省教育技术研究重点课题2项，参与多项省级课题的研究。 李真 硕士研究生，山东科技职业学院信息工程系中级讲师，从教8年，所建课程入选20*7年度、20*9年度、2020年度“山东*身学习在线”资源库课程，其中20*9年度课程被评选为“山东省*秀课程资源”.曾获山东省第六届“*星杯”青年教师教学能力大赛二等奖，第八届“*星杯”青年教师教学能力大赛三等奖等等。 刘辉 计算机软件技术*业副教授。20*7年获辽宁省信息技术*秀科研成果二等奖、辽宁省职业院校技能大赛（*职组）软件测试赛项*等奖。参编计算机*业教材3本。 朱晓彦 安徽工业经济职业技术学院计算机与艺术学院副院长，具有美*红帽认证工程师、虚拟化工程师、微软认证*家、中*开源推进联盟Linux认证讲师、南京五十五所云计算*讲师、工信*云计算工程师等认证资格。2020年荣获省级技术技能*称号，并设立技术技能*工作室；20*4年荣获安徽省教育厅省级教坛新秀称号，并于20*3年获得美*红帽软件公司颁发的中*区*秀教育贡献奖；获得教科研奖励多项。长期担任安徽省职业技能大赛中职组企业网搭建与应用项目裁判长，并担任安徽省中小学现代教育技术装备技能大赛*家裁判。

目录：
目录

项目*　Web前端基础 *
任务* 认识Web前端 *
*.*.*　Web前端发展历史和前端主要技术简介 *
*.*.2　Web前端学习路线 2
任务2　开发准备 3
*.2.*　主流浏览器 3
*.2.2　开发工具 3
小　　结 6
习　　题 6
项目2　HTML快速入门 8
任务* 我的第 *个页面 8
2.*.*　案例描述 8
2.*.2　知识储备 9
2.*.3　需求分析 *3
2.*.4　案例实施 *4
任务2　每日新闻列表 *5
2.2.*　案例描述 *5
2.2.2　知识储备 *5
2.2.3　需求分析 22
2.2.4　案例实施 22
任务3　课程信息表 24
2.3.*　案例描述 24
2.3.2　知识储备 25
2.3.3　需求分析 27
2.3.4　案例实施 28
任务4　校园调查表 29
2.4.*　案例描述 29
2.4.2　知识储备 30
2.4.3　需求分析 35
2.4.4　案例实施 35
任务5　项目实战——网站登录页 37
2.5.*　案例描述 37
2.5.2　效果展示 37
2.5.3　需求分析 37
2.5.4　案例实施 38
小　　结 39
习　　题 39
项目3　CSS（层迭样式表） 4*
任务* 新闻详情页制作 4*
3.*.*　案例描述 4*
3.*.2　知识储备 4*
3.*.3　需求分析 65
3.*.4　案例实施 66
任务2　个人相册制作 70
3.2.*　案例描述 70
3.2.2　知识储备 7*
3.2.3　需求分析 77
3.2.4　案例实施 77
任务3　商城列表布局 79
3.3.*　案例描述 79
3.3.2　知识储备 80
3.3.3　需求分析 83
3.3.4　案例实施 83
任务4　常见网站侧边导航栏的制作 88
3.4.*　案例描述 88
3.4.2　知识储备 89
3.4.3　需求分析 9*
3.4.4　案例实施 9*
任务5　项目实战——商城*页制作 95
3.5.*　案例描述 95
3.5.2　需求分析 96
3.5.3　案例实施 97
小　　结 *04
习　　题 *04
项目4　HTML5构建网站 *06
任务* 视频/音频展示网 *06
4.*.*　案例描述 *06
4.*.2　知识储备 *07
4.*.3　需求分析 **0
4.*.4　案例实施 **0
任务2　员工入职信息录入 **3
4.2.*　案例描述 **3
4.2.2　知识储备 **4
4.2.3　需求分析 **6
4.2.4　案例实施 **7
任务3　项目实战——学校网站 *23
4.3.*　案例描述 *23
4.3.2　需求分析 *24
4.3.3　案例实施 *25
小　　结 *33
习　　题 *33
项目5　CSS3新*性 *35
任务* 照片墙 *35
5.*.*　案例描述 *35
5.*.2　知识储备 *36
5.*.3　需求分析 *39
5.*.4　案例实施 *40
任务2　旅游网*页（响应式） *42
5.2.*　案例描述 *42
5.2.2　知识储备 *44
5.2.3　需求分析 *46
5.2.4　案例实施 *47
任务3　个人相册 *57
5.3.*　案例描述 *57
5.3.2　知识储备 *57
5.3.3　需求分析 *59
5.3.4　案例实施 *60
任务4　暴怒的小猪 *62
5.4.*　案例描述 *62
5.4.2　知识储备 *62
5.4.3　需求分析 *64
5.4.4　案例实施 *64
任务5　3D相册环 *68
5.5.*　案例描述 *68
5.5.2　知识储备 *68
5.5.3　需求分析 *69
5.5.4　案例实施 *69
任务6　项目实战——艺展网站 *72
5.6.*　案例描述 *72
5.6.2　效果展示 *72
5.6.3　需求分析 *72
5.6.4　案例实施 *73
小　　结 *8*
习　　题 *8*
项目6　JavaScript编程基础 *83
任务* 抽奖活动 *83
6.*.*　案例描述 *83
6.*.2　知识储备 *84
6.*.3　需求分析 *89
6.*.4　案例实施 *89
任务2　公司数据加密 *92
6.2.*　案例描述 *92
6.2.2　知识储备 *92
6.2.3　需求分析 *95
6.2.4　案例实施 *95
任务3　找色块游戏 *96
6.3.*　案例描述 *96
6.3.2　知识储备 *96
6.3.3　需求分析 *98
6.3.4　案例实施 *98
任务4　用户信息录入 200
6.4.*　案例描述 200
6.4.2　知识储备 20*
6.4.3　需求分析 204
6.4.4　案例实施 204
任务5　项目实战——宠物*网站 209
6.5.*　案例描述 209
6.5.2　需求分析 209
6.5.3　案例实施 209
小　　结 220
习　　题 220
项目7　综合项目——环*网站 222
7.* 项目介绍 222
7.2　需求分析 222
7.3　页面设计 224
7.4　项目实施 224