HTML5网页前端设计第3版 教案 第5、6章 HTML5拖放API、HTML5表单API.docx

《HTML5网页前端设计》教案

第5章HTML5拖放API

一、教学目标：

了解拖放的概念；

熟悉拖放事件DragEvent；

熟悉DataTransfer对象；

掌握拖放HTML元素的方法；

掌握拖放本地文件的方法。

二、教学重点和难点：

重点：熟悉DataTransfer对象；

难点：掌握拖放HTML元素和本地文件的方法。

三、教学方法与手段：

采取互动式教学方法，理论教学使用多媒体投影教室。

四、课程简介：

本章主要介绍HTML5拖放API的功能与应用。HTML5拖放API可以用于拖拽网页中的元素并放置到页面上的指定区域，也可以直接将本地电脑上的文件拖放到网页中。HTML5拖放API增