编辑:高老师(zr)
QQ:1234090
电话:0411-84706671
邮箱:
HTML5+CSS3网站设计基础
作者:朱翠苗, 郑广成
出版时间:2019-09-01
定价:55.00元
HTML5跨平台开发基础与实战
作者:郑丽萍, 王志勃
出版时间:2021-08-01
定价:51.80元
HTML5+CSS3网站设计基础(第二版)
作者:朱翠苗, 郑广成
出版时间:2023-01-01
定价:59.80元
朱翠苗, 郑广成
978-7-5685-2333-2
①TP312.8②TP393.092.2
大连理工大学出版社
2019-09-01
55.00元
《HTML5+CSS3网站设计基础》是“十三五”职业教育国家规划教材,配有微课、电子课件、源代码、习题参考答案等配套资源。本教材深入浅出地讲解了HTML5、CSS3前端开发技术及其应用。本书共14个项目,包括HTML5入门、HTML5的基本标签、HTML5表单应用、表格应用和布局、HTML5中的音频和视频、CSS3概述和基本语法、CSS3美化网页、CSS盒子模型、浮动与定位、典型页面局部布局、JAVASCRIPT脚本编程以及三个完整的项目实战:个人博客制作、购物街网站制作、芙蓉商城制作。
《HTML5+CSS3网站设计基础》是“十三五”职业教育国家规划教材,也是新世纪高职高专教材编审委员会组编的软件专业系列规划教材之一。
为贯彻落实《国家职业教育改革实施方案》,积极推动学历证书+若干职业技能等级证书制度,教育部进一步完善计算机软件行业培养Web前端开发专业技术技能人才的需要,建立了“1+X”中针对Web前端开发职业技能等级证书,本教材的编写就是在教育部《Web前端开发职业技能等级标准》的指导下,对照课证融通,对应该证书HTML5、CSS3、JavaScript等技能点进行编写的。
网页技术层出不穷,日新月异,但不管是采用什么技术设计的网站,用户在客户端通过浏览器看到的网页都是静态网页,都是由HTML和CSS技术构成的。因此HTML5、CSS3是目前网页制作技术的基础和核心。本教材力图帮助读者在学习中快速进入实战状态,给专业教师一手参考资料,帮助读者提高页面设计技能。
本教材得到苏州吉耐特信息科技有限公司、创钛中科智能科技(苏州)有限公司大力支持,是一本校企合作教材。本教材得到江苏省高校“青蓝工程”项目资助(软件技术优秀教学团队)。
本教材根据典型项目设计内容载体,依据项目开发流程组织教材内容,教材具有实战性、可操作性、新颖性、通俗性和项目过程化等特点,激发学生的学习兴趣和主动性。从实际案例入手,重点讲解HTML5、CSS3的典型技术,让读者在学习应用技术的同时掌握其精髓。各案例与实例按照由浅入深、由易到难的顺序编排,即使是初学者也可以轻松掌握,制作出精美实用的网页作品。
全书共分14个项目,项目1主要介绍了HTML5文档声明和语法规范、HTML5废弃的标签和属性、HTML5新标签。项目2主要介绍了网页的基本标签,重点介绍了HTML5行级标签和块级标签的使用。项目3主要介绍了表单的基本语法,HTML5新的表单元素、表单属性以及各种表单元素的使用。项目4主要介绍了表格的基本用法,其中包括跨行和跨列的表格、使用表格实现图文布局,同时还介绍了框架的使用。项目5主要介绍了HTML5中的音频和视频。项目6介绍了CSS基本语法,CSS的应用方式,选择器的分类,CSS继承性、层叠性、特殊性,CSS3选择器的使用。项目7介绍了用CSS设置文字、背景、列表等样式,用CSS设置超链接伪类的样式。项目8重点介绍了盒子模型,以及CSS3的2D、3D等样式。项目9介绍了浮动和定位机制。项目10介绍了典型页面局部布局,重点讲解div-ul-li实现横向导航菜单、div-dl-dt-dd实现图文混排,并详细介绍了典型布局。项目11、项目12、项目13介绍了网页制作的综合实战,分别详细讲解了个人博客、购物街、网上商城网站的布局,样式的书写,通过综合实战训练学生技能,进一步提高学生应用实践能力,体现了“做中学、学中产”的实训教学思想。为了体现静态页面知识体系的完整性,项目14介绍了JavaScript的基础知识。
本教材提供了大量实例,需要用到IE、Chrome等主流浏览器的测试和预览。因此,为了测试示例或代码,读者需要安装上述浏览器的最新版本,各种浏览器在CSS3的表现上可能会稍有差异。
本教材每个项目都配备了习题,给读者提供了更多的练习资源,并且提供了完整习题答案和习题代码,可以边学边练,起到巩固和提高的目的。
在编写本教材的过程中,编者参考、引用和改编了国内外出版物中的相关资料以及网络资源,在此表示深深的谢意!相关著作权人看到本教材后,请与出版社联系,出版社将按照相关法律的规定支付稿酬。
由于时间仓促,再加上编者水平有限,书中难免有错误和疏漏之处,敬请广大读者批评指正。
项目1 认识HTML5 1
任务1.1 新的文档声明和语法规范 1
任务1.2 HTML5废弃的标签和属性 2
1.2.1 HTML5废弃的标签 3
1.2.2 HTML5废弃的属性 3
任务1.3 HTML5新标签 4
项目小结 7
习 题 7
项目2 使用HTML5的基本标签 8
任务2.1 初识 HTML 8
2.1.1 HTML文件的基本结构 8
2.1.2 编辑工具 10
任务2.2 “李清照宋词赏析”页面制作 13
2.2.1 标题标签<h1>~<h6> 15
2.2.2 段落标签<p> 16
2.2.3 水平线标签<hr/> 17
任务2.3 “商品信息”页面制作 19
2.3.1 有序列表标签<ol> 20
2.3.2 无序列表标签<ul> 22
2.3.3 定义列表标签<dl> 23
2.3.4 表格标签<table> 25
2.3.5 表单标签<form> 25
2.3.6 分区标签<div> 25
任务2.4 “相宜本草促销信息”页面制作 28
2.4.1 图像标签<img/> 28
2.4.2 范围标签<span> 30
2.4.3 换行标签<br/> 30
2.4.4 超链接标签<a> 31
任务2.5 注释和特殊符号 35
2.5.1 HTML注释 35
2.5.2 特殊符号 35
任务2.6 W3C标准 36
2.6.1 什么是W3C标准 36
2.6.2 W3C提倡的Web页结构 37
2.6.3 HTML5代码规范 38
项目小结 40
习 题 40
项目3 表单应用 42
任务3.1 “会员注册”页面制作 42
3.1.1 表单的基本语法 43
3.1.2 表单基本元素的介绍 44
任务3.2 HTML5 新的input 类型 50
任务3.3 HTML5 新的表单元素 53
项目小结 55
习 题 55
项目4 表格应用和布局 57
任务4.1 表格基础知识 57
4.1.1 表格的基本结构 58
4.1.2 表格的基本语法 58
任务4.2 跨行和跨列实现“商品分类” 60
4.2.1 跨 列 60
4.2.2 跨 行 61
4.2.3 跨行和跨列 62
任务4.3 表格布局化妆品页面 64
任务4.4 表格布局注册页面 67
任务4.5 “华人女歌手歌曲周排行榜”页面制作 74
任务4.6 iframe框架 76
项目小结 77
习 题 78
项目5 HTML5中音频和视频的应用 80
任务5.1 video视频元素 80
任务5.2 audio 音频元素 82
项目小结 83
习 题 83
项目6 CSS3基础应用 84
任务6.1 CSS基础知识 84
6.1.1 为什么使用CSS 84
6.1.2 CSS的基本语法 85
任务6.2 CSS的应用方式 87
任务6.3 选择器的分类 89
6.3.1 标签选择器 89
6.3.2 类选择器 90
6.3.3 id选择器 92
任务6.4 CSS继承性、层叠性、特殊性 95
6.4.1 继承性 95
6.4.2 层叠性 96
6.4.3 特殊性 98
任务6.5 CSS3新增选择器 99
6.5.1 属性选择器 99
6.5.2 结构(位置)伪类选择器 100
6.5.3 伪元素选择器 103
项目小结 104
习 题 104
项目7 CSS3美化网页 106
任务7.1 用CSS设置字体样式以及文本样式 106
7.1.1 用CSS设置字体样式 106
7.1.2 用CSS设置页面的文本样式 108
任务7.2 用CSS设置网页背景图片 112
任务7.3 CSS3新增背景样式 118
任务7.4 CSS3新增渐变背景 121
7.4.1 线性渐变 122
7.4.2 径向渐变 123
7.4.3 重复渐变 124
任务7.5 用CSS设置列表样式 124
任务7.6 用CSS设置超链接伪类样式 128
任务7.7 导航菜单制作 131
项目小结 132
习 题 133
项目8 CSS盒子模型应用与CSS3动画 134
任务8.1 盒子模型基础知识 134
任务8.2 盒子模型属性 136
8.2.1 边界(margin) 136
8.2.2 填充(padding) 138
8.2.3 边框(border) 139
8.2.4 CSS3新增圆角边框 146
任务8.3 CSS3动画效果 148
8.3.1 过 渡 148
8.3.2 2D转换 152
8.3.3 3D转换 158
8.3.4 动 画 160
任务8.4 网页版面分栏 167
项目小结 172
习 题 173
项目9 浮动与定位 174
任务9.1 浮 动 174
9.1.1 为什么需要浮动 174
9.1.2 浮动的含义及其在布局中的应用 176
任务9.2 定位机制 179
9.2.1 CSS的position属性 180
9.2.2 CSS静态定位 180
9.2.3 CSS相对定位 181
9.2.4 CSS绝对定位 184
9.2.5 CSS固定定位 187
9.2.6 CSS的z-index属性 187
任务9.3 制作垂直导航菜单和实现顶部布局 188
9.3.1 制作垂直导航菜单 188
9.3.2 实现顶部布局 191
项目小结 194
习 题 194
项目10 典型页面局部布局 195
任务10.1 div-ul-li实现横向导航菜单 195
任务10.2 div-dl-dt-dd实现图文混排 201
项目小结 210
习 题 210
项目11 个人博客制作 211
任务11.1 利用Dreamweaver搭建站点 211
任务11.2 制作博客首页 213
任务11.3 制作博客分支页 221
项目小结 224
习 题 224
项目12 购物街网站制作 225
任务12.1 设置通用样式 225
任务12.2 设计网页结构 228
任务12.3 设计页面内容和样式 230
项目小结 237
习 题 237
项目13 芙蓉商城制作 238
任务13.1 分块制作商城网站首页 238
13.1.1 利用Dreamweaver搭建站点 238
13.1.2 制作商城网站首页的总体布局 242
13.1.3 实现顶部布局 248
13.1.4 实现左部商品分类 251
13.1.5 实现中部主题布局 253
13.1.6 实现右部布局 256
13.1.7 实现底部信息 258
任务13.2 制作商城分支页——注册页面 259
任务13.3 制作商城分支页——登录页面 264
任务13.4 制作商城分支页——商品具体介绍页面 266
任务13.5 建立页面之间的链接和相关测试 268
13.5.1 建立页面间的链接 269
13.5.2 网页的兼容性测试 269
项目小结 270
习 题 270
项目14 JavaScript脚本编程 271
任务14.1 初识JavaScript 271
任务14.2 JavaScript数据类型和数据基本操作 272
14.2.1 数据类型 272
14.2.2 数据基本操作 274
任务14.3 JavaScript流程控制 274
14.3.1 条件语句 275
14.3.2 循环语句 276
任务14.4 JavaScript函数 279
任务14.5 JavaScript对象 281
任务14.6 JavaScript事件 282
任务14.7 JavaScript完成图片轮番播放 284
项目小结 286
习 题 287
参考文献 288
课件《HTML5+CSS3网站设计基础》朱翠苗
素材图片《HTML5+CSS3网站设计基础》朱翠苗
源代码《HTML5+CSS3网站设计基础》朱翠苗
习题参考答案《HTML5+CSS3网站设计基础》朱翠苗
扫码关注
返回顶部