-
内容大纲
本书以“采用网页新标准技术、突破传统知识体系结构、基于工作能力培养、置身真实工作情境”为标准,通过任务驱动的教学方式讲解HTML5、CSS3、JavaScript等Web前端开发技术。
本书包含8个单元、18个任务、18个实战演练、18个强化训练和18个课后实训,每个项目任务又以“知识准备→实战演练→强化训练→课后实训”为主线,介绍了Web基础知识、HTML5语言基础、HTML5新增标签及属性、CSS3基础、盒子模型、HTML5表单的应用、网页多媒体和JavaScript基础。本书将Web前端开发技术贯穿所有的项目任务和实训中,深入剖析了网页布局及样式美化的思路和方法,使学生掌握Web前端核心技术,启发并引导学生自主学习,并形成良好的职业素养。
本书既可以作为高等院校、高等职业院校“Web前端开发”课程的教材,也可以作为前端与移动开发的培训教材,还可以供从事网页制作、网站开发、网页编程和美工设计等方面工作的人员参考。 -
作者介绍
-
目录
第一单元 Web基础知识
任务1 搭建开发环境
1.1 知识准备
1.1.1 Web与Internet
1.1.2 Web的工作原理
1.1.3 Web页的类型
1.1.4 HTML5概述
1.2 实战演练——搭建开发环境
1.2.1 网页编辑软件的安装
1.2.2 浏览器的安装
1.3 强化训练——创建第一个HTML5页面
1.3.1 创建和管理站点
1.3.2 创建和保存HTML5文档
1.4 课后实训
第二单元 HTML5语言基础
任务2 文字与段落排版
2.1 知识准备
2.1.1 HTML5文档格式
2.1.2 标签的属性
2.1.3 文本标签
2.1.4 分隔标签
2.1.5 序列标签
2.2 实战演练——制作“科技馆参观须知”网页
2.2.1 网页效果图
2.2.2 制作过程
2.2.3 代码分析
2.3 强化训练——制作“我家菜馆”点菜单网页
2.3.1 网页效果图
2.3.2 制作过程
2.3.3 代码分析
2.4 课后实训
任务3 图像和超链接
3.1 知识准备
3.1.1 图像标签
3.1.2 绝对路径和相对路径
3.1.3 超链接标签
3.1.4 锚点链接
3.2 实战演练——制作“网页技术介绍”网页
3.2.1 网页效果图
3.2.2 制作过程
3.2.3 代码分析
3.3 强化训练——制作“文章故事网”网页
3.3.1 网页效果图
3.3.2 制作过程
3.3.3 代码分析
3.4 课后实训
第三单元 HTML5新增标签及属性
任务4 结构标签和分组标签
4.1 知识准备
4.1.1 结构标签
4.1.2 分组标签
4.2 实战演练——制作“唐诗欣赏”网页
4.2.1 网页效果图
4.2.2 制作过程
4.2.3 代码分析
4.3 强化训练——制作“温州地标性建筑”网页
4.3.1 网页效果图
4.3.2 制作过程
4.3.3 代码分析
4.4 课后实训
任务5 页面交互标签、层次语义标签和全局属性
5.1 知识准备
5.1.1 页面交互标签
5.1.2 层次语义标签
5.1.3 全局属性
5.2 实战演练——制作“书评网”网页
5.2.1 网页效果图
5.2.2 制作过程
5.2.3 代码分析
5.3 强化训练——制作“面试应答技巧”网页
5.3.1 网页效果图
5.3.2 制作过程
5.3.3 代码分析
5.4 课后实训
第四单元 CSS3基础
任务6 标记选择器和类选择器
6.1 知识准备
6.1.1 CSS简介
6.1.2 CSS样式规则
6.1.3 CSS样式的引入
6.1.4 CSS样式的优先级
6.1.5 标记选择器
6.1.6 类选择器
6.2 实战演练——制作“美化文章”网页
6.2.1 网页效果图
6.2.2 制作过程
6.2.3 代码分析
6.3 强化训练——制作“图文混排”网页
6.3.1 网页效果图
6.3.2 制作过程
6.3.3 代码分析
6.4 课后实训
任务7 链接伪类和CSS样式面板
7.1 知识准备
7.1.1 链接伪类
7.1.2 CSS样式面板
7.2 实战演练——制作“散文欣赏”网页
7.2.1 网页效果图
7.2.2 制作过程
7.2.3 代码分析
7.3 强化训练——制作“热点新闻”列表
7.3.1 网页效果图
7.3.2 制作过程
7.3.3 代码分析
7.4 课后实训
任务8 id选择器、伪选择器和表格样式
8.1 知识准备
8.1.1 id选择器
8.1.2 伪选择器
8.1.3 表格
8.2 实战演练——制作“鞋子尺码对照单”网页
8.2.1 网页效果图
8.2.2 制作过程
8.2.3 代码分析
8.3 强化训练——制作“婴儿身高体重标准表”网页
8.3.1 网页效果图
8.3.2 制作过程
8.3.3 代码分析
8.4 课后实训
任务9 复合选择器和通配符选择器
9.1 知识准备
9.1.1 复合选择器
9.1.2 通配符选择器
9.1.3 同时应用多个样式
9.2 实战演练——制作“寓言故事”网页
9.2.1 网页效果图
9.2.2 制作过程
9.2.3 代码分析
9.3 强化训练——制作“诗词欣赏”网页
9.3.1 网页效果图
9.3.2 制作过程
9.3.3 代码分析
9.4 课后实训
第五单元 盒子模型
任务10 盒子模型及应用
10.1 知识准备
10.1.1 盒子模型的概念
10.1.2 边框的设置
10.1.3 内边距的设置
10.1.4 外边距的设置
10.2 实战演练——制作“古诗文欣赏”网页
10.2.1 网页效果图
10.2.2 制作过程
10.2.3 代码分析
10.3 强化训练——制作“散文赏析”网页
10.3.1 网页效果图
10.3.2 制作过程
10.3.3 代码分析
10.4 课后实训
任务11 元素的浮动
11.1 知识准备
11.1.1 元素的类型及转换
11.1.2 overflow属性
11.1.3 元素的浮动
11.1.4 清除浮动
11.2 实战演练——制作“网站导航条”网页
11.2.1 网页效果图
11.2.2 制作过程
11.2.3 代码分析
11.3 强化训练——制作“浪漫花语百科网”网页
11.3.1 网页效果图
11.3.2 制作过程
11.3.3 代码分析
11.4 课后实训
任务12 元素的定位
12.1 知识准备
12.1.1 元素的定位模式与边偏移
12.1.2 静态定位
12.1.3 相对定位
12.1.4 绝对定位
12.1.5 固定定位
12.1.6 z-index层叠等级属性
12.2 实战演练——制作“旅游景点推荐网”banner
12.2.1 网页效果图
12.2.2 制作过程
12.2.3 代码分析
12.3 强化训练——制作“个人博客首页”网页
12.3.1 网页效果图
12.3.2 制作过程
12.3.3 代码分析
12.4 课后实训
任务13 阴影与渐变属性
13.1 知识准备
13.1.1 box-shadow属性
13.1.2 box-sizing属性
13.1.3 线性渐变
13.1.4 径向渐变
13.1.5 重复渐变
13.1.6 Web字体图标
13.2 实战演练——制作“网站广告栏”网页
13.2.1 网页效果图
13.2.2 制作过程
13.2.3 代码分析
13.3 强化训练——制作“旅游攻略网”网页
13.3.1 网页效果图
13.3.2 制作过程
13.3.3 代码分析
13.4 课后实训
任务14 过渡与变形属性
14.1 知识准备
14.1.1 过渡属性
14.1.2 变形属性
14.2 实战演练——制作“产品展示”网页
14.2.1 网页效果图
14.2.2 制作过程
14.2.3 代码分析
14.3 强化训练——制作“商品评论”网页
14.3.1 网页效果图
14.3.2 制作过程
14.3.3 代码分析
14.4 课后实训
第六单元 HTML5表单的应用
任务15 表单与input元素
15.1 知识准备
15.1.1 认识表单
15.1.2 创建表单
15.1.3 input元素及属性
15.2 实战演练——制作“登录界面”网页
15.2.1 网页效果图
15.2.2 制作过程
15.2.3 代码分析
15.3 强化训练——制作“简历”表单
15.3.1 网页效果图
15.3.2 制作过程
15.3.3 代码分析
15.4 课后实训
任务16 其他表单元素与表单验证
16.1 知识准备
16.1.1 其他表单元素
16.1.2 表单验证方法
16.1.3 正则表达式
16.2 实战演练——制作“商品订购”表单
16.2.1 网页效果图
16.2.2 制作过程
16.2.3 代码分析
16.3 强化训练——制作“会员注册”表单
16.3.1 网页效果图
16.3.2 制作过程
16.3.3 代码分析
16.4 课后实训
第七单元 网页多媒体
任务17 视频与音频
17.1 知识准备
17.1.1 嵌入视频
17.1.2 嵌入音频
17.1.3
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...