- 电子工业出版社
- 9787121528415
- 1-1
- 16开
- 2026-06
- 370
- 电子与信息大类
- 计算机类
- 计算机类
- 中职
内容简介
本书是职业院校网页设计相关专业课的教材，为网页设计与制作零基础读者量身打造，以“项目驱动 + 实战赋能”为核心，构建从入门到精通的完整学习体系。全书通过8个递进式项目，系统覆盖网页设计与制作核心技能：从HTML5基础语法、常用标签与网页结构搭建，到CSS3选择器、盒子模型、表格和表单美化，再到变形、过渡、动画等高级特效，层层深入，逐步拆解知识点。每个项目均配套具体任务案例，通过“知识先导 + 代码实现 + 效果展示”的模式，让读者直观掌握网页设计与制作逻辑。书中案例涵盖图文混排页面、导航、数据表格、交互表单、3D相册等实用场景，兼顾理论深度与实践价值。
目录
项目1 利用HTML5制作图文混排页面 1
任务1 第一个网页的创建 4
任务2 页面格式化标签的应用 8
任务3 HTML标签属性的应用 10
任务4 文本样式标签的应用 12
任务5 文本格式化标签的应用 13
任务6 文本语义标签的应用 14
任务7 图像标签的应用 16
任务8 链接标签的应用 18
任务9 音频和视频标签的应用 20
项目实战 制作成都大运会精彩赏析 23
项目2 利用HTML5搭建网页结构 27
任务1 ul元素的应用 29
任务2 ol元素的应用 30
任务3 dl元素的应用 31
任务4 列表的嵌套应用 33
任务5 header元素的应用 34
任务6 nav元素的应用 35
任务7 其他结构元素的综合应用 37
任务8 figure和figcaption元素的应用 39
任务9 hgroup元素的应用 40
任务10 details和summary元素的应用 42
项目实战 制作青少年体育锻炼指南页面 43
项目3 利用CSS美化网页字体 47
任务1 行内式的应用 48
任务2 内嵌式的应用 50
任务3 链入式的应用 53
任务4 导入式的应用 55
任务5 类选择器和标签选择器的应用 57
任务6 ID选择器的应用 60
任务7 通配符选择器的应用 62
任务8 标签指定式选择器的应用 64
任务9 后代选择器的应用 65
任务10 并集选择器的应用 67
任务11 字体样式属性的基础应用 69
任务12 @font-face规则的应用 71
任务13 文本样式属性的应用 73
任务14 文本装饰与文本阴影属性的应用 76
任务15 文本溢出属性的应用 78
任务16 CSS层叠性和继承性的应用 80
任务17 CSS优先级的应用 83
项目实战 制作汽车保养知识页面 85
项目4 利用CSS3新增选择器制作网页 88
任务1 属性选择器的应用 89
任务2 子代选择器的应用 92
任务3 兄弟选择器的应用 94
任务4 :root选择器的应用 96
任务5 :not选择器的应用 97
任务6 :only-child选择器的应用 99
任务7 :first-child和:last-child选择器的应用 101
任务8 :nth-child(n)和:nth-last-child(n) 选择器的应用 102
任务9 :nth-of-type(n)和:nth-last-of-type(n)选择器的应用 104
任务10 :before选择器的应用 106
任务11 :after选择器的应用 107
任务12 链接伪类选择器的应用 108
项目实战 制作健康生活页面 110
项目5 利用盒子模型布局网页 113
任务1 盒子模型基本属性的应用 114
任务2 盒子模型边框属性的应用 117
任务3 盒子模型圆角边框属性的应用 119
任务4 盒子模型内/外边距属性的应用 121
任务5 盒子模型box-sizing属性的应用 124
任务6 盒子模型box-shadow属性的应用 127
任务7 元素浮动属性的应用 128
任务8 盒子模型清除浮动的应用 130
任务9 元素定位属性的应用 134
任务10 背景属性的应用 138
任务11 图像透明度属性的应用 143
任务12 渐变属性的应用 146
任务13 重复渐变属性的应用 149
任务14 使用盒子模型布局网页 151
项目实战 制作交通安全知识教育页面 154
项目6 利用CSS美化列表样式 158
任务1 设置列表项目符号 159
任务2 制作导航 162
任务3 制作立体导航 166
任务4 制作下拉式菜单导航 168
任务5 制作下拉式面板导航 172
任务6 制作编程学习资源栏目 177
任务7 设计图片列表版式 181
项目实战 制作科技资讯平台页面 185
项目7 利用CSS美化表格和表单样式 190
任务1 设置表格背景颜色 191
任务2 设置表格边框样式 194
任务3 设置表格单元格边框样式 196
任务4 设置表格表头样式 199
任务5 制作项目组成员信息表 202
任务6 制作用户登录表单 205
任务7 制作并美化会员登录表单 210
任务8 制作并美化会员信息登记表单 213
项目实战 制作图书畅销榜页面 219
项目8 利用CSS3制作网页动态特效 226
任务1 定义平移效果 227
任务2 定义缩放效果 229
任务3 定义倾斜效果 231
任务4 定义2D旋转效果 233
任务5 定义变形中心点 234
任务6 定义3D旋转效果 237
任务7 设置过渡效果 241
任务8 设置过渡效果持续时间 243
任务9 定义过渡效果速度曲线 245
任务10 制作CSS3动画效果 248
项目实战 制作旋转的3D相册页面 251
任务1 第一个网页的创建 4
任务2 页面格式化标签的应用 8
任务3 HTML标签属性的应用 10
任务4 文本样式标签的应用 12
任务5 文本格式化标签的应用 13
任务6 文本语义标签的应用 14
任务7 图像标签的应用 16
任务8 链接标签的应用 18
任务9 音频和视频标签的应用 20
项目实战 制作成都大运会精彩赏析 23
项目2 利用HTML5搭建网页结构 27
任务1 ul元素的应用 29
任务2 ol元素的应用 30
任务3 dl元素的应用 31
任务4 列表的嵌套应用 33
任务5 header元素的应用 34
任务6 nav元素的应用 35
任务7 其他结构元素的综合应用 37
任务8 figure和figcaption元素的应用 39
任务9 hgroup元素的应用 40
任务10 details和summary元素的应用 42
项目实战 制作青少年体育锻炼指南页面 43
项目3 利用CSS美化网页字体 47
任务1 行内式的应用 48
任务2 内嵌式的应用 50
任务3 链入式的应用 53
任务4 导入式的应用 55
任务5 类选择器和标签选择器的应用 57
任务6 ID选择器的应用 60
任务7 通配符选择器的应用 62
任务8 标签指定式选择器的应用 64
任务9 后代选择器的应用 65
任务10 并集选择器的应用 67
任务11 字体样式属性的基础应用 69
任务12 @font-face规则的应用 71
任务13 文本样式属性的应用 73
任务14 文本装饰与文本阴影属性的应用 76
任务15 文本溢出属性的应用 78
任务16 CSS层叠性和继承性的应用 80
任务17 CSS优先级的应用 83
项目实战 制作汽车保养知识页面 85
项目4 利用CSS3新增选择器制作网页 88
任务1 属性选择器的应用 89
任务2 子代选择器的应用 92
任务3 兄弟选择器的应用 94
任务4 :root选择器的应用 96
任务5 :not选择器的应用 97
任务6 :only-child选择器的应用 99
任务7 :first-child和:last-child选择器的应用 101
任务8 :nth-child(n)和:nth-last-child(n) 选择器的应用 102
任务9 :nth-of-type(n)和:nth-last-of-type(n)选择器的应用 104
任务10 :before选择器的应用 106
任务11 :after选择器的应用 107
任务12 链接伪类选择器的应用 108
项目实战 制作健康生活页面 110
项目5 利用盒子模型布局网页 113
任务1 盒子模型基本属性的应用 114
任务2 盒子模型边框属性的应用 117
任务3 盒子模型圆角边框属性的应用 119
任务4 盒子模型内/外边距属性的应用 121
任务5 盒子模型box-sizing属性的应用 124
任务6 盒子模型box-shadow属性的应用 127
任务7 元素浮动属性的应用 128
任务8 盒子模型清除浮动的应用 130
任务9 元素定位属性的应用 134
任务10 背景属性的应用 138
任务11 图像透明度属性的应用 143
任务12 渐变属性的应用 146
任务13 重复渐变属性的应用 149
任务14 使用盒子模型布局网页 151
项目实战 制作交通安全知识教育页面 154
项目6 利用CSS美化列表样式 158
任务1 设置列表项目符号 159
任务2 制作导航 162
任务3 制作立体导航 166
任务4 制作下拉式菜单导航 168
任务5 制作下拉式面板导航 172
任务6 制作编程学习资源栏目 177
任务7 设计图片列表版式 181
项目实战 制作科技资讯平台页面 185
项目7 利用CSS美化表格和表单样式 190
任务1 设置表格背景颜色 191
任务2 设置表格边框样式 194
任务3 设置表格单元格边框样式 196
任务4 设置表格表头样式 199
任务5 制作项目组成员信息表 202
任务6 制作用户登录表单 205
任务7 制作并美化会员登录表单 210
任务8 制作并美化会员信息登记表单 213
项目实战 制作图书畅销榜页面 219
项目8 利用CSS3制作网页动态特效 226
任务1 定义平移效果 227
任务2 定义缩放效果 229
任务3 定义倾斜效果 231
任务4 定义2D旋转效果 233
任务5 定义变形中心点 234
任务6 定义3D旋转效果 237
任务7 设置过渡效果 241
任务8 设置过渡效果持续时间 243
任务9 定义过渡效果速度曲线 245
任务10 制作CSS3动画效果 248
项目实战 制作旋转的3D相册页面 251
