前端html5 css3 教案,Web前端开发任务驱动式教程（HTML5+CSS3+JavaScript）

本书以“采用网页新标准技术、突破传统知识体系结构、基于工作能力培养、置身真实工作情境”为标准，通过任务驱动的教学方式讲解HTML5、CSS3、JavaScript等Web前端开发技术。本书包含“8个知识单元、18个项目任务、36个实战案例、18个课后实训”，每个项目任务又以“知识准备→实战演练→强化训练→课后实训”为主线，介绍了Web基础知识、HTML5语言基础、HTML5新增标签及属性、CSS3基础、盒子模型、HTML5表单的应用、网页多媒体和JavaScript基础。本书将Web前端开发技术贯穿所有的项目任务和实训中，深入剖析了网页布局及样式美化的思路和方法，使学生掌握Web前端核心技术，启发并引导学生自主学习，并形成良好的职业素养。本书附有源代码、电子课件、教案等教学资源。本书既可以作为高等院校、高等职业院校“网页设计与制作”课程的教材，也可以作为前端与移动开发的培训教材，还可以供网页制作、网站开发、网页编程、美工设计等人员参考。

汪婵婵，副教授，2011年毕业于同济大学计算机技术工程硕士。工作十多年来，一直从事网站设计类课程的教学，积累了一定的经验。曾主持省课题一项，市课题一项，院课题多项。参与多项省部级课题、市厅级课题和院级课题。主编教材两本，副主编一本。

第一单元 Web基础知识

任务1 搭建开发环境1

1.1 知识准备1

1.1.1 Web与Internet1

1.1.2 Web的工作原理2

1.1.3 Web页的类型3

1.1.4 HTML5概述3

1.2 实战演练——搭建开发环境3

1.2.1 网页编辑软件的安装3

1.2.2 浏览器的安装5

1.3 强化训练——创建第一个HTML5页面5

1.3.1 创建和管理站点5

1.3.2 创建和保存HTML5文档7

1.4 课后实训8

第二单元 HTML5语言基础

任务2 文字与段落排版10

2.1 知识准备10

2.1.1 HTML5文档格式10

2.1.2 标签的属性11

2.1.3 文本标签12

2.1.4 分隔标签14

2.1.5 序列标签16

2.2 实战演练——制作“科技馆参观须知”网页18

2.2.1 网页效果图18

2.2.2 制作过程19

2.2.3 代码分析19

2.3 强化训练——制作“我家菜馆”点菜单网页20

2.3.1 网页效果图20

2.3.2 制作过程20

2.3.3 代码分析21

2.4 课后实训21

任务3 图像和超链接22

3.1 知识准备22

3.1.1 图像标签22

3.1.2 绝对路径和