顶部
收藏

Web前端开发基础(HTML5+CSS3+JavaScript|AI辅助版)(第2版)

“十四五”职业教育国家规划教材

作者:
李洪建 王晓华 朱元忠
定价:
55.00 元
版面字数:
380.00千字
开本:
16开
装帧形式:
平装
页数:
292
最新
印次时间:
2026年10月
ISBN:
978-7-04-067287-9
物料号:
67287-00
出版时间:
2026年10月
读者对象:
高等职业教育
一级分类:
计算机大类
二级分类:
计算机类
三级分类:
计算机类专业基础课程

本书为“十四五”职业教育国家规划教材,也是职业教育国家在线精品课程“Web前端开发基础”的配套教材。 本次修订全面融入AIGG辅助开发工具,更新数字资源,强化课程思政设计,满足数智时代高技能人才能力结构新要求。 本书按照“搭建网页结构→美化网页效果→添加网页交互”工作过程,设计7个递进式教学模块:Web前端开发基础、HTML5基础、CSS3基础、表格和表单、页面布局、JavaScript编程基础和综合实训项目。全书采用“案例导入、任务驱动、AIGC辅助”的模块化设计,以真实项目串联知识点,强化实战能力培养。 本书配有微课视频、教学设计、授课用PPT、案例素材、习题答案等数字化教学资源,配套的职业教育国家在线精品课程已上线“智慧职教”平台(www.icve.com.cn),支持学生在线学习与教师SPOC课程构建。授课教师如需获得本书配套教辅资源,请登录“高等教育出版社产品信息检索系统”(xuanshu.hep.com.cn)搜索下载。 本书可作为职业本科及高等职业院校Web前端开发类课程的教材,也可作为网站开发、网页编程从业人员的自学参考书。
  • 目录
    • 前辅文
      • 理论篇
        • 模块1 Web前端技术简介
          • 1.1 前端开发技术简介
            • 1.1.1 什么是Web前端技术
              • 1.1.2 前端技术能做什么
                • 1.1.3 前端技术发展历程
                  • 1.1.4 前端核心技术
                    • 1.1.5 前端框架技术
                      • 1.1.6 前端开发技术就业前景
                      • 1.2 前端开发准备
                        • 1.2.1 前端开发工具
                          • 1.2.2 Web浏览器
                          • 1.3 Web前端开发知识体系
                            • 1.4 创建第一个HTML页面
                              • 1.4.1 任务探究
                                • 1.4.2 AI辅助任务探究
                                  • 1.4.3 AI辅助拓展探究
                                  • 1.5 习题作业
                                • 实践篇
                                  • 模块2 网站页面搭建(HTML5)
                                    • 2.1 个人介绍网页制作
                                      • 2.1.1 任务描述
                                        • 2.1.2 AI辅助任务探究
                                          • 2.1.3 知识准备
                                            • 1.HTML的基本格式
                                              • 2.HTML专业术语及语法介绍
                                                • 3.head标签
                                                  • 4.标题标签
                                                    • 5.段落标签
                                                      • 6.文本修饰标签
                                                        • 7.空标签
                                                          • 8.行内标签与块标签
                                                          • 2.1.4 任务实现
                                                            • 2.1.5 AI辅助任务拓展
                                                            • 2.2 个人相册制作
                                                              • 2.2.1 任务描述
                                                                • 2.2.2 AI辅助任务探究
                                                                  • 2.2.3 知识准备
                                                                    • 1.超链接简介
                                                                      • 2.图片标签简介
                                                                      • 2.2.4 任务实现
                                                                        • 2.2.5 AI辅助任务拓展
                                                                        • 2.3 地域分级列表制作
                                                                          • 2.3.1 任务描述
                                                                            • 2.3.2 AI辅助任务探究
                                                                              • 2.3.3 知识准备
                                                                                • 1.有序列表
                                                                                  • 2.无序列表
                                                                                    • 3.自定义列表
                                                                                      • 4.列表的嵌套应用
                                                                                      • 2.3.4 任务实现
                                                                                        • 2.3.5 AI辅助任务拓展
                                                                                        • 2.4 个人主页制作
                                                                                          • 2.4.1 任务描述
                                                                                            • 2.4.2 AI辅助任务探究
                                                                                              • 2.4.3 知识准备
                                                                                                • 1.<header>标签
                                                                                                  • 2.<nav>标签
                                                                                                    • 3.<article>标签
                                                                                                      • 4.<aside>标签
                                                                                                        • 5.<section>标签
                                                                                                          • 6.<footer>标签
                                                                                                          • 2.4.4 任务实现
                                                                                                            • 2.4.5 AI辅助任务拓展
                                                                                                            • 2.5 视频播放页面制作
                                                                                                              • 2.5.1 任务描述
                                                                                                                • 2.5.2 AI辅助任务探究
                                                                                                                  • 2.5.3 知识准备
                                                                                                                    • 1.视频编解码器
                                                                                                                      • 2.音频编解码器
                                                                                                                        • 3.视频格式
                                                                                                                          • 4.音频格式
                                                                                                                            • 5.在HTML5中嵌入视频
                                                                                                                              • 6.在HTML5中嵌入音频
                                                                                                                                • 7.调用网页多媒体文件
                                                                                                                                • 2.5.4 任务实现
                                                                                                                                  • 2.5.5 AI辅助任务拓展
                                                                                                                                  • 2.6 模块实训
                                                                                                                                    • 2.6.1 实训目标
                                                                                                                                      • 2.6.2 需求分析
                                                                                                                                        • 2.6.3 设计思路
                                                                                                                                          • 2.6.4 结构拆解
                                                                                                                                            • 2.6.5 HTML5框架智能搭建及代码实现
                                                                                                                                            • 2.7 习题作业
                                                                                                                                            • 模块3 网站页面美化(CSS3)
                                                                                                                                              • 3.1 变化文字制作
                                                                                                                                                • 3.1.1 任务描述
                                                                                                                                                  • 3.1.2 AI辅助任务探究
                                                                                                                                                    • 3.1.3 知识准备
                                                                                                                                                      • 1.CSS3简介
                                                                                                                                                        • 2.初步了解CSS3
                                                                                                                                                          • 3.CSS3基础语法
                                                                                                                                                            • 4.CSS3注释
                                                                                                                                                              • 5.CSS3引用方式
                                                                                                                                                                • 6.CSS3选择器
                                                                                                                                                                  • 7.CSS3选择器优先级
                                                                                                                                                                  • 3.1.4 任务完成
                                                                                                                                                                    • 3.1.5 AIGC辅助任务拓展
                                                                                                                                                                    • 3.2 艺术字体设计制作
                                                                                                                                                                      • 3.2.1 任务描述
                                                                                                                                                                        • 3.2.2 AI辅助任务探究
                                                                                                                                                                          • 3.2.3 知识准备
                                                                                                                                                                            • 1.字体样式简介
                                                                                                                                                                              • 2.字体类型font-family
                                                                                                                                                                                • 3.字体大小font-size
                                                                                                                                                                                  • 4.单位
                                                                                                                                                                                    • 5.字体粗细font-weight
                                                                                                                                                                                      • 6.字体颜色color
                                                                                                                                                                                        • 7.文字特效
                                                                                                                                                                                        • 3.2.4 任务完成
                                                                                                                                                                                          • 3.2.5 AIGC辅助任务拓展
                                                                                                                                                                                          • 3.3 科技新闻网页制作
                                                                                                                                                                                            • 3.3.1 任务描述
                                                                                                                                                                                              • 3.3.2 AI辅助任务探究
                                                                                                                                                                                                • 3.3.3 知识准备
                                                                                                                                                                                                  • 文本样式简介
                                                                                                                                                                                                  • 3.3.4 任务完成
                                                                                                                                                                                                    • 3.3.5 AIGC辅助任务拓展
                                                                                                                                                                                                    • 3.4 “同心圆”班徽设计制作
                                                                                                                                                                                                      • 3.4.1 任务描述
                                                                                                                                                                                                        • 3.4.2 AI辅助任务探究
                                                                                                                                                                                                          • 3.4.3 知识准备
                                                                                                                                                                                                            • 1.边框属性
                                                                                                                                                                                                              • 2.边框属性设置方式
                                                                                                                                                                                                              • 3.4.4 任务完成
                                                                                                                                                                                                                • 3.4.5 AIGC辅助任务拓展
                                                                                                                                                                                                                • 3.5 网页背景设计制作
                                                                                                                                                                                                                  • 3.5.1 任务描述
                                                                                                                                                                                                                    • 3.5.2 AI辅助任务探究
                                                                                                                                                                                                                      • 3.5.3 知识准备
                                                                                                                                                                                                                        • 1.背景颜色
                                                                                                                                                                                                                          • 2.背景图片
                                                                                                                                                                                                                            • 3.背景图片大小
                                                                                                                                                                                                                              • 4.背景图片平铺
                                                                                                                                                                                                                                • 5.背景图片平铺样式
                                                                                                                                                                                                                                  • 6.背景图片剪切
                                                                                                                                                                                                                                    • 7.背景图片固定或滚动
                                                                                                                                                                                                                                      • 8.背景图片位置
                                                                                                                                                                                                                                        • 9.背景属性设置复合写法
                                                                                                                                                                                                                                        • 3.5.4 任务实现
                                                                                                                                                                                                                                          • 3.5.5 AIGC辅助任务拓展
                                                                                                                                                                                                                                          • 3.6 模块实训 一盏茶社新闻资讯模块制作
                                                                                                                                                                                                                                            • 3.6.1 实训目标
                                                                                                                                                                                                                                              • 3.6.2 需求分析
                                                                                                                                                                                                                                                • 3.6.3 设计思路
                                                                                                                                                                                                                                                  • 3.6.4 结构拆解
                                                                                                                                                                                                                                                  • 3.7 习题作业
                                                                                                                                                                                                                                                  • 模块4 网站表格和表单页面制作
                                                                                                                                                                                                                                                    • 4.1 课程信息表制作
                                                                                                                                                                                                                                                      • 4.1.1 任务描述
                                                                                                                                                                                                                                                        • 4.1.2 AI辅助任务探究
                                                                                                                                                                                                                                                          • 4.1.3 知识准备
                                                                                                                                                                                                                                                            • 1.表格简介
                                                                                                                                                                                                                                                              • 2.表格结构
                                                                                                                                                                                                                                                                • 3.常用标签
                                                                                                                                                                                                                                                                  • 4.基本属性
                                                                                                                                                                                                                                                                    • 5.单元格之间的合并
                                                                                                                                                                                                                                                                    • 4.1.4 任务实现
                                                                                                                                                                                                                                                                      • 4.1.5 AIGC辅助任务拓展
                                                                                                                                                                                                                                                                      • 4.2 学生信息表制作
                                                                                                                                                                                                                                                                        • 4.2.1 任务描述
                                                                                                                                                                                                                                                                          • 4.2.2 AI辅助任务探究
                                                                                                                                                                                                                                                                            • 4.2.3 知识准备
                                                                                                                                                                                                                                                                              • 表格样式属性
                                                                                                                                                                                                                                                                              • 4.2.4 任务实现
                                                                                                                                                                                                                                                                                • 4.2.5 AIGC辅助任务拓展
                                                                                                                                                                                                                                                                                • 4.3 登录注册页面制作
                                                                                                                                                                                                                                                                                  • 4.3.1 任务描述
                                                                                                                                                                                                                                                                                    • 4.3.2 AI辅助任务探究
                                                                                                                                                                                                                                                                                      • 4.3.3 知识准备
                                                                                                                                                                                                                                                                                        • 1.表单简介
                                                                                                                                                                                                                                                                                          • 2.表单的构成
                                                                                                                                                                                                                                                                                            • 3.<form>标签
                                                                                                                                                                                                                                                                                              • 4.<input>标签
                                                                                                                                                                                                                                                                                              • 4.3.4 任务实现
                                                                                                                                                                                                                                                                                                • 4.3.5 AIGC辅助任务拓展
                                                                                                                                                                                                                                                                                                • 4.4 模块实训 一盏茶社注册页面制作
                                                                                                                                                                                                                                                                                                  • 4.4.1 实训目标
                                                                                                                                                                                                                                                                                                    • 4.4.2 需求分析
                                                                                                                                                                                                                                                                                                      • 4.4.3 设计思路
                                                                                                                                                                                                                                                                                                        • 4.4.4 结构拆解
                                                                                                                                                                                                                                                                                                        • 4.5 习题作业
                                                                                                                                                                                                                                                                                                        • 模块5 网站页面布局
                                                                                                                                                                                                                                                                                                          • 5.1 电子礼盒设计制作
                                                                                                                                                                                                                                                                                                            • 5.1.1 任务描述
                                                                                                                                                                                                                                                                                                              • 5.1.2 AI辅助任务探究
                                                                                                                                                                                                                                                                                                                • 5.1.3 知识准备
                                                                                                                                                                                                                                                                                                                  • 1.宽度和高度
                                                                                                                                                                                                                                                                                                                    • 2.内边距
                                                                                                                                                                                                                                                                                                                      • 3.外边距
                                                                                                                                                                                                                                                                                                                        • 4.边框
                                                                                                                                                                                                                                                                                                                          • 5.CSS3轮廓
                                                                                                                                                                                                                                                                                                                          • 5.1.4 任务实现
                                                                                                                                                                                                                                                                                                                            • 5.1.5 AIGC辅助任务拓展
                                                                                                                                                                                                                                                                                                                            • 5.2 九宫格设计制作
                                                                                                                                                                                                                                                                                                                              • 5.2.1 任务描述
                                                                                                                                                                                                                                                                                                                                • 5.2.2 AI辅助任务探究
                                                                                                                                                                                                                                                                                                                                  • 5.2.3 知识准备
                                                                                                                                                                                                                                                                                                                                    • 1.元素的类型
                                                                                                                                                                                                                                                                                                                                      • 2.元素的类型转换
                                                                                                                                                                                                                                                                                                                                        • 3.文档流简介
                                                                                                                                                                                                                                                                                                                                          • 4.浮动属性
                                                                                                                                                                                                                                                                                                                                            • 5.浮动的作用
                                                                                                                                                                                                                                                                                                                                              • 6.清除浮动属性
                                                                                                                                                                                                                                                                                                                                              • 5.2.4 任务完成
                                                                                                                                                                                                                                                                                                                                                • 5.2.5 任务拓展
                                                                                                                                                                                                                                                                                                                                                • 5.3 购物车图标的制作
                                                                                                                                                                                                                                                                                                                                                  • 5.3.1 任务描述
                                                                                                                                                                                                                                                                                                                                                    • 5.3.2 AI辅助任务探究
                                                                                                                                                                                                                                                                                                                                                      • 5.3.3 知识准备
                                                                                                                                                                                                                                                                                                                                                        • 1.相对定位
                                                                                                                                                                                                                                                                                                                                                          • 2.绝对定位
                                                                                                                                                                                                                                                                                                                                                            • 3.固定定位
                                                                                                                                                                                                                                                                                                                                                            • 5.3.4 任务完成
                                                                                                                                                                                                                                                                                                                                                              • 5.3.5 任务拓展
                                                                                                                                                                                                                                                                                                                                                              • 5.4 购物车商品列表制作
                                                                                                                                                                                                                                                                                                                                                                • 5.4.1 任务描述
                                                                                                                                                                                                                                                                                                                                                                  • 5.4.2 AI辅助任务探究
                                                                                                                                                                                                                                                                                                                                                                    • 5.4.3 知识准备
                                                                                                                                                                                                                                                                                                                                                                      • 1.移动端单位
                                                                                                                                                                                                                                                                                                                                                                        • 2.布局方式
                                                                                                                                                                                                                                                                                                                                                                        • 5.4.4 任务实现
                                                                                                                                                                                                                                                                                                                                                                          • 5.4.5 任务拓展
                                                                                                                                                                                                                                                                                                                                                                          • 5.5 模块实训 一盏茶社首页礼盒专区模块设计
                                                                                                                                                                                                                                                                                                                                                                            • 5.5.1 实训目标
                                                                                                                                                                                                                                                                                                                                                                              • 5.5.2 需求分析
                                                                                                                                                                                                                                                                                                                                                                                • 5.5.3 设计思路
                                                                                                                                                                                                                                                                                                                                                                                  • 5.5.4 结构拆解
                                                                                                                                                                                                                                                                                                                                                                                  • 5.6 习题作业
                                                                                                                                                                                                                                                                                                                                                                                  • 模块6 网站页面交互(JavaScript)
                                                                                                                                                                                                                                                                                                                                                                                    • 6.1 简单计算器设计制作
                                                                                                                                                                                                                                                                                                                                                                                      • 6.1.1 任务描述
                                                                                                                                                                                                                                                                                                                                                                                        • 6.1.2 AI辅助任务探究
                                                                                                                                                                                                                                                                                                                                                                                          • 6.1.3 知识准备
                                                                                                                                                                                                                                                                                                                                                                                            • 1.JavaScript 的引入方式
                                                                                                                                                                                                                                                                                                                                                                                              • 2.标识符、关键字与保留字
                                                                                                                                                                                                                                                                                                                                                                                                • 3.常量、变量与数据类型
                                                                                                                                                                                                                                                                                                                                                                                                  • 4.运算符
                                                                                                                                                                                                                                                                                                                                                                                                    • 5.表达式
                                                                                                                                                                                                                                                                                                                                                                                                      • 6.程序运行结构
                                                                                                                                                                                                                                                                                                                                                                                                      • 6.1.4 任务实现
                                                                                                                                                                                                                                                                                                                                                                                                        • 6.1.5 AIGC辅助任务拓展
                                                                                                                                                                                                                                                                                                                                                                                                        • 6.2 选座位小程序制作
                                                                                                                                                                                                                                                                                                                                                                                                          • 6.2.1 任务描述
                                                                                                                                                                                                                                                                                                                                                                                                            • 6.2.2 AI辅助任务探究
                                                                                                                                                                                                                                                                                                                                                                                                              • 6.2.3 知识准备
                                                                                                                                                                                                                                                                                                                                                                                                                • 1.函数定义
                                                                                                                                                                                                                                                                                                                                                                                                                  • 2.函数应用
                                                                                                                                                                                                                                                                                                                                                                                                                    • 3.常用的内置的函数
                                                                                                                                                                                                                                                                                                                                                                                                                      • 4.数组操作
                                                                                                                                                                                                                                                                                                                                                                                                                      • 6.2.4 任务实现
                                                                                                                                                                                                                                                                                                                                                                                                                        • 6.2.5 AIGC辅助任务拓展
                                                                                                                                                                                                                                                                                                                                                                                                                        • 6.3 记账本小程序制作
                                                                                                                                                                                                                                                                                                                                                                                                                          • 6.3.1 任务描述
                                                                                                                                                                                                                                                                                                                                                                                                                            • 6.3.2 AI辅助任务探究
                                                                                                                                                                                                                                                                                                                                                                                                                              • 6.3.3 知识准备
                                                                                                                                                                                                                                                                                                                                                                                                                                • 1.元素获取
                                                                                                                                                                                                                                                                                                                                                                                                                                  • 2.元素新增
                                                                                                                                                                                                                                                                                                                                                                                                                                    • 3.元素删除
                                                                                                                                                                                                                                                                                                                                                                                                                                      • 4.元素替换
                                                                                                                                                                                                                                                                                                                                                                                                                                      • 6.3.4 任务实现
                                                                                                                                                                                                                                                                                                                                                                                                                                        • 6.3.5 AIGC辅助任务拓展
                                                                                                                                                                                                                                                                                                                                                                                                                                        • 6.4 学生随机提问小程序制作
                                                                                                                                                                                                                                                                                                                                                                                                                                          • 6.4.1 任务描述
                                                                                                                                                                                                                                                                                                                                                                                                                                            • 6.4.2 AI辅助任务探究
                                                                                                                                                                                                                                                                                                                                                                                                                                              • 6.4.3 知识准备
                                                                                                                                                                                                                                                                                                                                                                                                                                                • 1.事件操作
                                                                                                                                                                                                                                                                                                                                                                                                                                                  • 2.定时器
                                                                                                                                                                                                                                                                                                                                                                                                                                                    • 3.BOM浏览器对象模型
                                                                                                                                                                                                                                                                                                                                                                                                                                                    • 6.4.4 任务实现
                                                                                                                                                                                                                                                                                                                                                                                                                                                      • 6.4.5 AIGC辅助任务拓展
                                                                                                                                                                                                                                                                                                                                                                                                                                                      • 6.5 模块实训 一盏茶社购物车页面制作
                                                                                                                                                                                                                                                                                                                                                                                                                                                        • 6.5.1 实训目标
                                                                                                                                                                                                                                                                                                                                                                                                                                                          • 6.5.2 需求分析
                                                                                                                                                                                                                                                                                                                                                                                                                                                            • 6.5.3 设计思路
                                                                                                                                                                                                                                                                                                                                                                                                                                                              • 6.5.4 结构拆解
                                                                                                                                                                                                                                                                                                                                                                                                                                                                • 6.5.5 HTML5框架智能搭建及代码实现
                                                                                                                                                                                                                                                                                                                                                                                                                                                                • 6.6 习题作业
                                                                                                                                                                                                                                                                                                                                                                                                                                                                • 模块7 综合实训案例:一盏茶社网站制作
                                                                                                                                                                                                                                                                                                                                                                                                                                                                  • 7.1 项目实训目标
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    • 7.2 项目需求分析
                                                                                                                                                                                                                                                                                                                                                                                                                                                                      • 7.3 项目设计思路
                                                                                                                                                                                                                                                                                                                                                                                                                                                                        • 7.4 项目任务实现

                                                                                                                                                                                                                                                                                                                                                                                                                                                                    相关图书