在HTML5中，拖放是标准的一部分，任何元素都能拖放，拖放（Drag和Drop）是HTML5标准的组成部分，拖放是一种常见的特性，即抓取对象以后拖到另一个位置。

      在HTML5之前，网页当中实现拖拽要借助JS中的（onmousedown onmonousemove）,现在html5内部就支持了拖拽的功能，结合js能够极大的方便。

【 案例展示 】

学习任务

重点、难点

突破方法

1. 拖放概述。

1. 拖放概述。

2. 教学难点：拖放概述。

采用翻转课堂、项目导入的教学模式，采用分组讨论、案例教学、演示动画等教学方法，运用在线教学平台。

知识目标

能力目标

素质目标

1.掌握文件拖放的相关概念。

2.掌握图片拖放的相关概念。

1.能够熟练了解文件拖放。

2.能进熟练了解图片拖放。

1. 养成积极主动学习意识；

2. 养成勤于动手的习惯；

3. 培养团队合作能力。

课程思政——网络安全

【 视频讲解】

知识储备及案例实现

1、拖放概述1

2、拖放概述2

3、拖放概述3

【 资料下载 】

单元设计

拖放概述

课程教案

拖放概述

演示文稿

拖放概述

任务工单

拖放概述

案例源码下载

1、概述

2、拖放概述

课内同步项目

灰色质感商务咨询公司企业整站.rar  

课外扩展项目

蓝色海洋背景旅游冲浪CSS3主题.rar  

练习题

 1、练习1

疑难问题解答

1、H5拖放功能介绍。