- 电子工业出版社
- 9787121483318
- 1-2
- 540577
- 68260240-4
- 平塑
- 16开
- 2025-12
- 492
- 300
- 电子与信息大类
- 计算机类
- 高职
内容简介
本书以"采用网页新标准技术,基于地域产教融合人才需求,将传统知识体系结构与工作实景需求相结,通过任务驱动的教学方式讲解了HTML5、CSS3、JavaScript等Web前端开发技术。本书包含十个知识单元,多个教学任务、实践案例和课后延伸实训。每个项目以引入学习、理论梳理、实例演练、强化实训和延伸课后实训的方式展示,介绍了Web基础知识、HTML5语言基础、HTML5新增标签及属性、CSS基础、盒子模型及应用、HTML5的表单及应用、网页多媒体元素及应用、JavaScript基础、综合案例。本书将Web前端开发技术贯穿于项目实例中,深入剖析了网页布局及样式美化的思路和方法,使学生掌握Web核心技术,启发并引导学生自主学习,并形成良好的职业素养。本书配有源代码、电子课件、教案、教学大纲等教学资源。
目录
模块 1 Web 基础知识
任 务 1 寻找家乡记忆网页 制 作 的 准 备 …… …… …… … ……
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
1.1 网页与网站基础………………………………………………………
1.1.1 认识网页…………………………………………………
1.1.2 网页与网站…………………………………………………
1.1.3 网页的基本构成元素…………………………………………
1.2 搭建开发环境…………………………………………………………
1.2. 1 H T M L 5 概述……………………………………………
1.2.2 常用开发工具及安装……………………………………………
1.2.3 网站建设流程……………………………………………………
1.2.4 站点的创建和素材的整理………………………………………
1.2.5 网页文档创建与保存……………………………………………
练习与实践……………………………………………………………
实战演练……………………………………………………………
课后实训……………………………………………………………
模块 2 HTML5 语言基础
任务 2-1 校史馆参观需知网页的制作…………………………………
项目描述………………………………………………………………
项目分析………………………………………………………………
相关知识………………………………………………………………
2.1 文字与段落排版………………………………………………………
2.1.1 HTML5 文档格式…………………………………………………
2.1.2 基本标签…………………………………………………………
2.1.3 序列标签…………………………………………………………
任务规划………………………………………………………………
任务实施………………………………………………………………
任务验证………………………………………………………………
任务 2-2 家乡美食及制作流程展示网页的制作……………………
项目描述………………………………………………………………
项目分析………………………………………………………………
相关知识………………………………………………………………
2 . 2 . 1 图像类型及图像标签 … … … … … … … … … … … …
2.2.2 路径分类……………………………………………………………
2.2.3 超链接标签…………………………………………………………
2.2.4 链接的分类…………………………………………………………
任务规划………………………………………………………………
任务实施………………………………………………………………
任务验证………………………………………………………………
练习与实践……………………………………………………………
实战演练……………………………………………………………
课后实训……………………………………………………………
模块 3 HTML5 新增标签及属性
任务 3-1 古都花城洛阳代表性古迹网页的制作………………………
项目描述………………………………………………………………
项目分析………………………………………………………………
相关知识………………………………………………………………
3.1.1 语义化标签…………………………………………………………
3.1.2 分组标签…………………………………………………………
任务 3-2 主旋律影视剧推介网页的制作………………………………
项目描述………………………………………………………………
项目分析………………………………………………………………
相关知识………………………………………………………………
3.2.1 页面交互标签………………………………………………………
3.2.2 层次标签……………………………………………………………
3.2.3 全局属性……………………………………………………………
练习与实践……………………………………………………………
实战演练……………………………………………………………
课后实训……………………………………………………………
模块 4 CSS 基础
任务 4-1 美文赏析网页的制作…………………………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
4.1.1 CSS 简介……………………………………………………………
4.1.2 CSS 样式分类………………………………………………………
4.1.3 CSS 引入方法………………………………………………………
任务 4-2 大学生身高体重标准表网页的制作………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
4.2.1 id 选择器…………………………………………………………
4.2.2 标签选择器和类选择器……………………………………………
4.2.3伪类选择器…………………………………………………………
4.2.4 表格…………………………………………………………………
任务 4-3 历史文化名人故事网页的制作……………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
4.3.1复合选择器…………………………………………………………
4.3.2 通配符选择器………………………………………………………
4.3.3 多样式同时应用……………………………………………………
练习与实践……………………………………………………………
实战演练……………………………………………………………
课后实训……………………………………………………………
模块 5 盒子模型及应用
任务 5-1 学习日用百科网页的制作………………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
5.1.1 盒子模型的概念……………………………………………………
5.1.2 边框的设置…………………………………………………………
5.1.3 内边距和外边距的设置……………………………………………
5.1.4 CSS 布局模型 ……………………………………………………
任务 5-2 网页导航条的制作……………………………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
5.2.1 元素的类型和转换………………………………………………
5.2.2 overflow 属性用法………………………………………………
5.2.3 浮动的应用及清除………………………………………………
任务 5-3 地域特产推介网页的制作……………………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
5.3.1 元素的定位和偏移…………………………………………………
5.3.2 静态定位和相
任 务 1 寻找家乡记忆网页 制 作 的 准 备 …… …… …… … ……
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
1.1 网页与网站基础………………………………………………………
1.1.1 认识网页…………………………………………………
1.1.2 网页与网站…………………………………………………
1.1.3 网页的基本构成元素…………………………………………
1.2 搭建开发环境…………………………………………………………
1.2. 1 H T M L 5 概述……………………………………………
1.2.2 常用开发工具及安装……………………………………………
1.2.3 网站建设流程……………………………………………………
1.2.4 站点的创建和素材的整理………………………………………
1.2.5 网页文档创建与保存……………………………………………
练习与实践……………………………………………………………
实战演练……………………………………………………………
课后实训……………………………………………………………
模块 2 HTML5 语言基础
任务 2-1 校史馆参观需知网页的制作…………………………………
项目描述………………………………………………………………
项目分析………………………………………………………………
相关知识………………………………………………………………
2.1 文字与段落排版………………………………………………………
2.1.1 HTML5 文档格式…………………………………………………
2.1.2 基本标签…………………………………………………………
2.1.3 序列标签…………………………………………………………
任务规划………………………………………………………………
任务实施………………………………………………………………
任务验证………………………………………………………………
任务 2-2 家乡美食及制作流程展示网页的制作……………………
项目描述………………………………………………………………
项目分析………………………………………………………………
相关知识………………………………………………………………
2 . 2 . 1 图像类型及图像标签 … … … … … … … … … … … …
2.2.2 路径分类……………………………………………………………
2.2.3 超链接标签…………………………………………………………
2.2.4 链接的分类…………………………………………………………
任务规划………………………………………………………………
任务实施………………………………………………………………
任务验证………………………………………………………………
练习与实践……………………………………………………………
实战演练……………………………………………………………
课后实训……………………………………………………………
模块 3 HTML5 新增标签及属性
任务 3-1 古都花城洛阳代表性古迹网页的制作………………………
项目描述………………………………………………………………
项目分析………………………………………………………………
相关知识………………………………………………………………
3.1.1 语义化标签…………………………………………………………
3.1.2 分组标签…………………………………………………………
任务 3-2 主旋律影视剧推介网页的制作………………………………
项目描述………………………………………………………………
项目分析………………………………………………………………
相关知识………………………………………………………………
3.2.1 页面交互标签………………………………………………………
3.2.2 层次标签……………………………………………………………
3.2.3 全局属性……………………………………………………………
练习与实践……………………………………………………………
实战演练……………………………………………………………
课后实训……………………………………………………………
模块 4 CSS 基础
任务 4-1 美文赏析网页的制作…………………………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
4.1.1 CSS 简介……………………………………………………………
4.1.2 CSS 样式分类………………………………………………………
4.1.3 CSS 引入方法………………………………………………………
任务 4-2 大学生身高体重标准表网页的制作………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
4.2.1 id 选择器…………………………………………………………
4.2.2 标签选择器和类选择器……………………………………………
4.2.3伪类选择器…………………………………………………………
4.2.4 表格…………………………………………………………………
任务 4-3 历史文化名人故事网页的制作……………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
4.3.1复合选择器…………………………………………………………
4.3.2 通配符选择器………………………………………………………
4.3.3 多样式同时应用……………………………………………………
练习与实践……………………………………………………………
实战演练……………………………………………………………
课后实训……………………………………………………………
模块 5 盒子模型及应用
任务 5-1 学习日用百科网页的制作………………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
5.1.1 盒子模型的概念……………………………………………………
5.1.2 边框的设置…………………………………………………………
5.1.3 内边距和外边距的设置……………………………………………
5.1.4 CSS 布局模型 ……………………………………………………
任务 5-2 网页导航条的制作……………………………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
5.2.1 元素的类型和转换………………………………………………
5.2.2 overflow 属性用法………………………………………………
5.2.3 浮动的应用及清除………………………………………………
任务 5-3 地域特产推介网页的制作……………………………………
项目描述…………………………………………………………………
项目分析…………………………………………………………………
相关知识…………………………………………………………………
5.3.1 元素的定位和偏移…………………………………………………
5.3.2 静态定位和相















