本书旨在为初学者提供一套全面、系统的学习方案,内容涵盖从HTML5的基本语法到CSS3的高级特性,具体包括:项目一 介绍网页制作软件的使用,HTML5的基础语法和常用标签;项目二 深入HTML5的新特性,如结构化标签、全局属性等;项目三至项目八 逐步讲解CSS3的基础到进阶知识,包括选择器、布局、动效等;项目九 综合运用前面所学,完成一个完整的网站项目。 本书可作为职业院校网页设计或网站开发课程的初学教材,也可作为网页设计零基础人员的参考用书。
王宁娟,珠海市技师学院,高级讲师,专业教学经验18年,计算机科学与技术专业高级讲师,现主要从事web前端开发方向相关课程、python程序设计方面的教学,并负责学院计算机程序设计员(Web前端开发方向)工种的考工鉴定工作。
项目1 利用HTML5制作图文混排页面 1
任务1 第一个网页的创建 3
任务2 页面格式化标签的应用 9
任务3 HTML5标签属性的应用 11
任务4 文本样式标签的应用 12
任务5 文本格式化标签的应用 14
任务6 文本语义标签的应用 15
任务7 图像标签的应用 16
任务8 超链接标签的应用 19
任务9 音频和视频标签的应用 21
项目实战 制作杭州亚运会精彩赏析 23
课后习题 28
项目2 利用HTML5搭建网页结构 30
任务1 ul元素的应用 32
任务2 ol元素的应用 34
任务3 dl元素的应用 35
任务4 列表的嵌套应用 36
任务5 header元素的应用 38
任务6 nav元素的应用 39
任务7 article、section、aside、footer元素的应用 40
任务8 figure和figcaption元素的应用 43
任务9 hgroup元素的应用 44
任务10 details和summary元素的应用 46
项目实战 制作“青少年心理健康教育”页面 48
课后习题 53
项目3 利用CSS3美化网页文本 56
任务1 行内式的应用 57
任务2 内嵌式的应用 59
任务3 链入式的应用 61
任务4 导入式的应用 63
任务5 标签选择器和类选择器的应用 64
任务6 ID选择器的应用 66
任务7 通配符选择器的应用 67
任务8 标签指定式选择器的应用 69
任务9 后代选择器的应用 70
任务10 并集选择器的应用 72
任务11 字体样式属性的应用 73
任务12 @font-face的应用 75
任务13 文本外观属性的应用 77
任务14 文本装饰与文本阴影属性的应用 80
任务15 文本溢出属性的应用 82
任务16 CSS3层叠性和继承性的应用 83
任务17 CSS3优先级的应用 85
项目实战 制作“反诈小课堂”页面 87
课后习题 91
项目4 利用CSS3新增的选择器制作网页 93
任务1 属性选择器的应用 94
任务2 子代选择器的应用 97
任务3 兄弟选择器的应用 99
任务4 :root选择器的应用 101
任务5 :not选择器的应用 102
任务6 :only-child选择器的应用 104
任务7 :first-child和:last-child选择器的应用 106
任务8 :nth-child(n)和:nth-last-child(n)选择器的应用 107
任务9 :nth-of-type(n)和:nth-last-of-type(n)选择器的应用 109
任务10 :before选择器的应用 111
任务11 :after选择器的应用 112
任务12 链接伪类选择器的应用 113
项目实战 制作“安全教育”页面 115
课后习题 118
项目5 利用盒子模型布局网页 120
任务1 盒子模型基本属性的应用 121
任务2 border属性的应用 123
任务3 border-radius属性的应用 126
任务4 padding和margin属性的应用 128
任务5 box-sizing属性的应用 131
任务6 box-shadow属性的应用 133
任务7 float属性的应用 134
任务8 盒子模型清除浮动的应用 136
任务9 position属性的应用 140
任务10 背景属性的应用 144
任务11 opacity属性的应用 148
任务12 渐变属性的应用 150
任务13 重复渐变属性的应用 152
任务14 使用盒子模型布局网页 154
项目实战 制作“消防安全知识教育”页面 157
课后习题 161
项目6 利用CSS3美化列表样式 164
任务1 设置列表项目符号 165
任务2 制作横向导航 167
任务3 制作立体导航 170
任务4 制作下拉式菜单导航 172
任务5 制作下拉式面板导航 176
任务6 制作旅游攻略栏目 179
任务7 设计图片列表版式 181
项目实战 制作“青年教育宣传”页面 185
课后习题 190
项目7 利用CSS3美化表格和表单样式 192
任务1 设置表格的背景颜色 193
任务2 设置表格的边框样式 195
任务3 设置单元格的边框样式 198
任务4 设置表头的样式 201
任务5 制作网页通讯录 205
任务6 制作用户登录表单 208
任务7 制作并美化用户注册表单 211
任务8 制作并美化用户信息注册表单 214
项目实战 制作“景点排行榜”页面 220
课后习题 228
项目8 利用CSS3制作网页特效 230
任务1 定义平移效果 231
任务2 定义缩放效果 233
任务3 定义倾斜效果 235
任务4 定义2D旋转效果 236
任务5 定义变形原点 238
任务6 定义3D旋转效果 240
任务7 定义过渡效果 244
任务8 设置过渡效果持续时间 246
任务9 定义过渡效果速度曲线 248
任务10 制作CSS3动画效果 250
项目实战 制作“旋转的3D相册”页面 254
课后习题 260
项目9 实战开发——制作信息技术网站首页 261