顶部
  1. 首页
  2. 图书产品
  3. 网页设计教学做一体化教程（HTML5+CSS3）（第二版）
收藏

网页设计教学做一体化教程（HTML5+CSS3）（第二版）

“十四五”职业教育国家规划教材
样章
作者：
王会颖 陈纪霞 陈良敏 主编
定价：
48.00 元
版面字数：
496.00千字
开本：
16开
装帧形式：
平装
页数：
348
最新
印次时间：
暂无
ISBN：
978-7-04-067904-5
物料号：
67904-00
出版时间：
2026-08-03
读者对象：
高等职业教育

本书是“十四五”职业教育国家规划教材、技工教育和职业培训“十四五”规划教材、省级大规模在线开放课程配套教材，是省级高水平专业群、特色专业、技术技能型大师工作室建设成果。

本书编写采用“典型任务引领”“知识点讲解+案例操作+技能训练+综合项目”的模式，共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 <div>标签及<span>标签
                                                          • 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 <table>标签的属性
                                                                                  • 2.2.4 <tr>标签的属性
                                                                                    • 2.2.5 <td>和<th>标签的属性
                                                                                      • 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 项目开发计划、进度及完成情况
                                                                                                                                                                                                                                                                                                                                                                                                                        • 参考文献

                                                                                                                                                                                                                                                                                                                                                                                                                        相关图书

                                                                                                                                                                                                                                                                                                                                                                                                                        植物生理学实验教程（附数字课程）

                                                                                                                                                                                                                                                                                                                                                                                                                        苍晶 赵会杰

                                                                                                                                                                                                                                                                                                                                                                                                                        27.50 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        Visual Basic程序设计教程

                                                                                                                                                                                                                                                                                                                                                                                                                        暂无作者

                                                                                                                                                                                                                                                                                                                                                                                                                        24.00 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        小学英语教学法教程

                                                                                                                                                                                                                                                                                                                                                                                                                        王蔷

                                                                                                                                                                                                                                                                                                                                                                                                                        22.80 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        网页设计与制作实用教程

                                                                                                                                                                                                                                                                                                                                                                                                                        刘艳丽

                                                                                                                                                                                                                                                                                                                                                                                                                        26.00 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        速写教程

                                                                                                                                                                                                                                                                                                                                                                                                                        张春新

                                                                                                                                                                                                                                                                                                                                                                                                                        14.60 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        音乐教学论

                                                                                                                                                                                                                                                                                                                                                                                                                        陈玉丹

                                                                                                                                                                                                                                                                                                                                                                                                                        19.60 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        FrontPage XP 基础与案例教程

                                                                                                                                                                                                                                                                                                                                                                                                                        沈大林 卢正明

                                                                                                                                                                                                                                                                                                                                                                                                                        20.00 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        CorelDRAW 11设计与制作案例教程(附光盘）

                                                                                                                                                                                                                                                                                                                                                                                                                        沈大林

                                                                                                                                                                                                                                                                                                                                                                                                                        32.30 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        Word XP 基础与案例教程

                                                                                                                                                                                                                                                                                                                                                                                                                        沈大林 主编

                                                                                                                                                                                                                                                                                                                                                                                                                        19.40 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        3ds max专业动画教程——角色篇

                                                                                                                                                                                                                                                                                                                                                                                                                        白英伯

                                                                                                                                                                                                                                                                                                                                                                                                                        49.80 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        视唱练耳分级教程 第六级

                                                                                                                                                                                                                                                                                                                                                                                                                        中国音乐学院作曲系视唱练耳教研

                                                                                                                                                                                                                                                                                                                                                                                                                        34.50 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        经济法

                                                                                                                                                                                                                                                                                                                                                                                                                        王晓明 李国本 主编

                                                                                                                                                                                                                                                                                                                                                                                                                        42.00 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        平面构成教学与应用

                                                                                                                                                                                                                                                                                                                                                                                                                        华乐功 潘强 李燕

                                                                                                                                                                                                                                                                                                                                                                                                                        23.00 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        小学数学课程与教学（新封面）（改定价）

                                                                                                                                                                                                                                                                                                                                                                                                                        杨庆余

                                                                                                                                                                                                                                                                                                                                                                                                                        35.00 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        色彩构成教学与应用

                                                                                                                                                                                                                                                                                                                                                                                                                        潘强 栗军 戴永恒

                                                                                                                                                                                                                                                                                                                                                                                                                        25.00 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        相关数字化产品

                                                                                                                                                                                                                                                                                                                                                                                                                        24365大学生就业创业大讲堂

                                                                                                                                                                                                                                                                                                                                                                                                                        全国高等学校学生信息咨询与就业指导中心

                                                                                                                                                                                                                                                                                                                                                                                                                        4800.00 元 收藏

                                                                                                                                                                                                                                                                                                                                                                                                                        心理健康微课资源库（第一节）

                                                                                                                                                                                                                                                                                                                                                                                                                        学银通融《北京)教育科技有限公司

                                                                                                                                                                                                                                                                                                                                                                                                                        暂无单价 收藏