Web前端设计基础教案教学设计.docxVIP

序号：1

教学项目

初识Web与HTML5基础页面

教学时数

2学时

教学地点

B506-1

教学对象

大数据2501

教学时间

9月

教学目标

1.了解Web基础、HTML发展历史及Web标准

2.熟悉主流浏览器特性及域名与网站的工作原理

3.掌握HTML5标准文档结构（DOCTYPE、html、head、title、body）

4.学会安装HBuilderX并编写第一个HTML5页面

5.掌握HTML实体nbsp;与br标签的排版应用

教学重点

HTML5文档结构

HTML5页面主体内容区（body标签）

使用IDE工具编写HTML页面

教学难点

HTML5文档结构的规范性

HTML实体与文本排版标签的灵活运用

教学手段

讲授法、演示法、任务驱动

教学准备

1.多媒体设备检查

2.实训设备检查

3.实训材料的检查、准备

4.实训文档下发

教学策略

含设计思路和教学流程安排

设计思路：Web前端设计基础是前端开发的第一课，通过“Helloworld”案例让学生零基础入门。先讲解Web基础常识与标准，再演示HBuilderX的安装与页面开发，最后通过任务实操让学生完成第一个HTML5页面，采用任务驱动+小组互助的方式夯实基础。

教学过程

教学环节

时间分配

教学活动

教学方法

教师

学生

复习、新课导入

5min

提问“我们每天浏览的网页是怎么做出来的