HTML5+CSS3+JavaScript-第1章-教学设计.pdf

学IT有疑问，就找千问千知

千锋教育

HTML5+CSS3+JavaScript网页设计

基础与实战

教学设计

课程名称：HTML5+CSS3+JavaScript网页设

计基础与实战_____

授课年级：_______________________

授课学期：_______________________

教师姓名：_______________________

2022年08月22日

千里寻他众百度,锋自苦寒磨砺出

学IT有疑问，就找千问千知

计划

课程名称第1章初识Web前端4学时

学时

本章介绍了Web前端的发展历程，HTML5、CSS3、JavaScript3个Web核

内容分析

心技术的基础知识，以及webstorm开发工具的安装与使用

【知识目标】

1.了解web前端发展历程

2.认识HTML5的特点、新特性、文件结构

3.认识CSS3的特点、新特性、选择器与属性的分类

4.认识JavaScript的语言特性、构成、变量与数据类型、运算符、常

用事件

【技能目标】

教学目标

1.掌握HTML5标签和元素的使用方法

与

2.掌握CSS3的3种引入方式

教学要求

3.掌握JavaScript数据类型的转换方式

4.掌握webstorm开发工具的安装

5.熟悉webstorm开发工具的基本操作

【思政育人目标】

1.初步建立逻辑思维和软件版权意识。

2.引导学生在学习中健全职业道德的规范。

3.引导学生创新思维和探索的科学精神。

认识CSS3的选择器与属性的分类、认识JavaScript的变量与数据类型、掌

教学重点

握HTML5标签与元素的使用、熟悉webstorm开发工具的基本操作

教学难点创建第一个HTML5网页

教学方式课堂讲解配合ppt演示1学时

千里寻他众百度,锋自苦寒磨砺出

学IT有疑问，就找千问千知

第一学时

教

（web前端概述、web前端发展历程）

学一、提出需求，导入学习任务

过（1）思考HTML5+CSS3+JavaScript网页设计的学习应该从何入手。

互联网中的网页大多数都是使用HTML格式展示给浏览者，CSS

程

样式用于设计网页的排版，JavaScript语言则用于用户与网页进行