网页设计教学做一体化教程（HTML5+CSS3）（第二版）
定价：￥48.00
作者： 王会颖，陈纪霞，陈良敏主编
出版社：高等教育出版社
- 高等教育出版社
- 9787040679045
- 2版
- 16开
- 496
内容简介
本书是“十四五”职业教育国家规划教材、技工教育和职业培训“十四五”规划教材、省级大规模在线开放课程配套教材，是省级高水平专业群、特色专业、技术技能型大师工作室建设成果。
本书编写采用“典型任务引领”“知识点讲解+案例操作+技能训练+综合项目”的模式，共10章，主要内容包括： 网页设计及HTML5基础，列表、表格与媒体元素，表单，CSS3基础，CSS3选择器，盒子模型，浮动和定位，响应式布局，网页动画，综合项目训练——制作云上商城网站。
本书是新形态教材，并配备专属AI学习助手，可实现AI答疑等智能互动，且每章设有AI专题。
本书适合作为高等职业教育计算机类相关专业的教材，也可作为网页设计爱好者的自学用书或培训教材。
目录
目录
前辅文
第1章 网页设计及HTML5基础
1.1 第一个HTML5文档
1.1.1 应用场景及HTML代码
1.1.2 HTML简介
1.1.3 网页开发工具
1.1.4 技能训练1-1
1.2 职业面向及前端开发技术路线
1.2.1 职业面向
1.2.2 前端开发技术路线
1.3 制作《春夜喜雨》诗词页面
1.3.1 应用场景及HTML代码
1.3.2 HTML5和W3C标准
1.3.3 网页基本信息
1.3.4 HTML元素及属性
1.3.5 AI在网页设计中的应用
1.4 制作《我和我的祖国》歌曲页面
1.4.1 应用场景及HTML代码
1.4.2 标题标签及水平线标签
1.4.3 段落标签及换行标签
1.4.4 技能训练1-2
1.5 制作欢乐网游戏导航列表页面
1.5.1 应用场景及HTML代码
1.5.2 图像标签
1.5.3 注释标签及特殊符号
1.5.4 技能训练1-3
1.6 制作数字敦煌资源库页面
1.6.1 应用场景及HTML代码
1.6.2 超链接标签
1.6.3 技能训练1-4
1.7 块级元素和行内元素
1.7.1 应用场景及HTML代码
1.7.2
前辅文
第1章 网页设计及HTML5基础
1.1 第一个HTML5文档
1.1.1 应用场景及HTML代码
1.1.2 HTML简介
1.1.3 网页开发工具
1.1.4 技能训练1-1
1.2 职业面向及前端开发技术路线
1.2.1 职业面向
1.2.2 前端开发技术路线
1.3 制作《春夜喜雨》诗词页面
1.3.1 应用场景及HTML代码
1.3.2 HTML5和W3C标准
1.3.3 网页基本信息
1.3.4 HTML元素及属性
1.3.5 AI在网页设计中的应用
1.4 制作《我和我的祖国》歌曲页面
1.4.1 应用场景及HTML代码
1.4.2 标题标签及水平线标签
1.4.3 段落标签及换行标签
1.4.4 技能训练1-2
1.5 制作欢乐网游戏导航列表页面
1.5.1 应用场景及HTML代码
1.5.2 图像标签
1.5.3 注释标签及特殊符号
1.5.4 技能训练1-3
1.6 制作数字敦煌资源库页面
1.6.1 应用场景及HTML代码
1.6.2 超链接标签
1.6.3 技能训练1-4
1.7 块级元素和行内元素
1.7.1 应用场景及HTML代码
1.7.2
标签及标签
1.7.3 块级元素及行内元素
本章小结
习题1
第2章 列表、表格与媒体元素
2.1 制作故宫博物院开放与购票页面
2.1.1 应用场景及HTML代码
2.1.2 无序列表
2.1.3 有序列表
2.1.4 嵌套列表
2.1.5 定义列表
2.1.6 技能训练2-1
2.2 制作课程表
2.2.1 应用场景、设计思路及HTML代码
2.2.2 表格的定义
2.2.3标签的属性
1.7.3 块级元素及行内元素
本章小结
习题1
第2章 列表、表格与媒体元素
2.1 制作故宫博物院开放与购票页面
2.1.1 应用场景及HTML代码
2.1.2 无序列表
2.1.3 有序列表
2.1.4 嵌套列表
2.1.5 定义列表
2.1.6 技能训练2-1
2.2 制作课程表
2.2.1 应用场景、设计思路及HTML代码
2.2.2 表格的定义
2.2.3
| 和 | 标签的属性 2.2.6 技能训练2-2 2.3 制作环境保护宣传视频页面 2.3.1 应用场景及HTML代码 2.3.2 HTML5媒体元素 2.3.3 音频元素audio 2.3.4 视频元素video 2.3.5 技能训练2-3 2.4 制作影视海报宣传页面 2.4.1 应用场景及设计思路 2.4.2 iframe嵌套页面技术 2.4.3 影视海报宣传页面详细设计 2.4.4 AI应用——用DeepSeek生成电影海报 2.5 制作HTML5结构元素布局页面 2.5.1 应用场景及HTML代码 2.5.2 HTML5结构元素 2.5.3 技能训练2-4 本章小结 习题2 第3章 表单 3.1 制作欢乐网注册页面 3.1.1 应用场景及HTML代码 3.1.2 表单及表单元素 3.1.3 文本框及密码框 3.1.4 单选按钮及复选框 3.1.5 下拉列表及按钮 3.1.6 颜色、日期、时间 3.1.7 技能训练3-1 3.2 制作招聘网用户信息修改页面 3.2.1 应用场景及HTML代码 3.2.2 多行文本域及文件域 3.2.3 滑块、搜索框及标注 3.2.4 隐藏域、只读及禁用 3.2.5 预定义选项列表、输出及任务进度 3.2.6 技能训练3-2 3.3 制作邮箱账号注册页面 3.3.1 应用场景及HTML代码 3.3.2 表单初级验证 3.3.3 邮箱输入框、电话输入框、网址输入框及数字输入框 3.3.4 placeholder、required、patten属性 3.3.5 AI应用——使用AI插件生成表单验证页面 3.3.6 技能训练3-3 本章小结 习题3 第4章 CSS3基础 4.1 制作诗词欣赏页面 4.1.1 应用场景及HTML代码 4.1.2 什么是CSS 4.1.3 CSS样式的语法格式 4.1.4 引入CSS样式 4.1.5 技能训练4-1 4.2 制作新能源汽车页面 4.2.1 应用场景及HTML代码 4.2.2 字体样式 4.2.3 文本外观样式 4.2.4 使用伪类定义超链接样式 4.2.5 列表的项目符号样式 4.2.6 技能训练4-2 4.3 制作网页设计课程介绍页面 4.3.1 应用场景及HTML代码 4.3.2 背景颜色 4.3.3 背景图片 4.3.4 背景尺寸 4.3.5 CSS3渐变 4.3.6 AI应用——使用AI工具调整诗词赏析《望岳》页面样式 4.3.7 技能训练4-3 本章小结 习题4 第5章 CSS3选择器 5.1 制作朱自清散文集页面 5.1.1 应用场景及HTML代码 5.1.2 基本的选择器 5.1.3 基本选择器的优先级 5.1.4 技能训练5-1 5.2 制作唐诗风貌页面 5.2.1 应用场景及HTML代码 5.2.2 层次选择器 5.2.3 结构伪类选择器 5.2.4 属性选择器 5.2.5 并集选择器 5.2.6 交集选择器 5.2.7 CSS3层叠性 5.2.8 CSS3继承性（Inheritance） 5.2.9 AI应用——使用AI工具批量修改个人博客页面样式 5.2.10 技能训练5-2 本章小结 习题5 第6章 盒子模型 6.1 制作风景相册 6.1.1 应用场景及HTML代码 6.1.2 盒子模型概述 6.1.3 边框 6.1.4 外边距 6.1.5 内边距 6.1.6 盒子模型的尺寸 6.1.7 技能训练6-1 6.2 制作故宫文物列表 6.2.1 应用场景及HTML代码 6.2.2 圆角边框 6.2.3 使用border-radius属性制作特殊图形 6.2.4 盒子阴影 6.2.5 AI应用——使用AI工具诊断盒子模型问题 6.2.6 技能训练6-2 本章小结 习题6 第7章 浮动和定位 7.1 制作畅销图书列表 7.1.1 应用场景及HTML代码 7.1.2 浮动 7.1.3 清除浮动 7.1.4 解决父元素高度塌陷的方法 7.1.5 技能训练7-1 7.2 制作网站栏目导航页面 7.2.1 应用场景及HTML代码 7.2.2 定位在网页中的应用 7.2.3 position属性 7.2.4 相对定位 7.2.5 绝对定位 7.2.6 固定定位 7.2.7 AI应用——使用AI工具优化浮动与定位布局 7.2.8 技能训练7-2 本章小结 习题7 第8章 响应式布局 8.1 制作绿色生态农产品页面 8.1.1 应用场景及HTML代码 8.1.2 弹性布局详解与应用 8.1.3 技能训练8-1 8.2 制作企业官网响应式首页 8.2.1 应用场景及HTML代码 8.2.2 响应式网页设计 8.2.3 响应式布局的优缺点 8.2.4 技能训练8-2 8.3 制作经典网页布局页面 8.3.1 应用场景及HTML代码 8.3.2 CSS Grid布局 8.3.3 AI应用——根据草图生成和布局网页 8.3.4 技能训练8-3 本章小结 习题8 第9章 网页动画 9.1 翻转放大的菜单 9.1.1 应用场景及HTML代码 9.1.2 认识变形 9.1.3 使用多个变形函数 9.1.4 定义变形原点 9.1.5 技能训练9-1 9.2 文字滑动展示效果 9.2.1 应用场景及HTML代码 9.2.2 认识过渡 9.2.3 技能训练9-2 9.3 CSS3翻滚动画 9.3.1 应用场景及HTML代码 9.3.2 @keyframes规则 9.3.3 animation属性 9.3.4 AI应用——AI动画创意生成 9.3.5 技能训练9-3 本章小结 习题9 第10章 综合项目训练——制作云上商城网站 10.1 项目需求描述 10.2 项目分析与设计 10.2.1 开发环境 10.2.2 问题分析 10.3 子任务1——制作首页顶部快速导航版块 10.3.1 任务及需求说明 10.3.2 布局结构 10.3.3 参考代码 10.3.4 代码解析 10.4 子任务2——制作首页头部版块 10.4.1 任务及需求说明 10.4.2 布局结构 10.4.3 参考代码 10.5 子任务3——制作首页主体部分的上部版块 10.5.1 任务及需求说明 10.5.2 布局结构 10.5.3 参考代码 10.6 子任务4——制作首页主体部分的秒杀版块 10.6.1 任务及需求说明 10.6.2 布局结构 10.6.3 参考代码 10.7 子任务5——制作首页主体部分的排行榜、品牌闪购版块 10.7.1 任务及需求说明 10.7.2 布局结构 10.7.3 参考代码 10.8 子任务6——制作首页页脚部分 10.8.1 任务及需求说明 10.8.2 布局结构 10.8.3 参考代码 10.9 子任务7——制作首页右侧固定导航栏 10.9.1 任务及需求说明 10.9.2 布局结构 10.9.3 参考代码 10.10 子任务8——制作云上商城登录页面 10.10.1 任务及需求说明 10.10.2 布局结构 10.10.3 参考代码 10.11 子任务9——制作云上商城注册页面 10.11.1 任务及需求说明 10.11.2 布局结构 10.11.3 参考代码 10.12 项目管理 10.12.1 团队人员分工与合作 10.12.2 项目开发计划、进度及完成情况 参考文献 前辅文 第1章 网页设计及HTML5基础 1.1 第一个HTML5文档 1.1.1 应用场景及HTML代码 1.1.2 HTML简介 1.1.3 网页开发工具 1.1.4 技能训练1-1 1.2 职业面向及前端开发技术路线 1.2.1 职业面向 1.2.2 前端开发技术路线 1.3 制作《春夜喜雨》诗词页面 1.3.1 应用场景及HTML代码 1.3.2 HTML5和W3C标准 1.3.3 网页基本信息 1.3.4 HTML元素及属性 1.3.5 AI在网页设计中的应用 1.4 制作《我和我的祖国》歌曲页面 1.4.1 应用场景及HTML代码 1.4.2 标题标签及水平线标签 1.4.3 段落标签及换行标签 1.4.4 技能训练1-2 1.5 制作欢乐网游戏导航列表页面 1.5.1 应用场景及HTML代码 1.5.2 图像标签 1.5.3 注释标签及特殊符号 1.5.4 技能训练1-3 1.6 制作数字敦煌资源库页面 1.6.1 应用场景及HTML代码 1.6.2 超链接标签 1.6.3 技能训练1-4 1.7 块级元素和行内元素 1.7.1 应用场景及HTML代码 1.7.2 标签及标签 1.7.3 块级元素及行内元素 本章小结 习题1 第2章 列表、表格与媒体元素 2.1 制作故宫博物院开放与购票页面 2.1.1 应用场景及HTML代码 2.1.2 无序列表 2.1.3 有序列表 2.1.4 嵌套列表 2.1.5 定义列表 2.1.6 技能训练2-1 2.2 制作课程表 2.2.1 应用场景、设计思路及HTML代码 2.2.2 表格的定义 2.2.3
|
|---|
