《Web前端开发(HTML5+CSS3+JavaScript)》 教案 严健武 第1--9次课：Web前端开发概述及HTML基础--- 盒子模型、文本与背景.docx

XXX学院

教案

二0二～二0二学年第学期

课程名称

课程类别公共基础课大类平台课通识课

专业课实验课集中实践课

课程性质必修□选修

授课专业及班级

任课教师

系（教研室）

Web前端开发(HTML5+CSS3+JavaScript)

主教材信息

严健武主编中国铁道出版社

（教材名称、出版社及出版时间）

2024年8月出版

总学时起始周理论课时数实验课时数习题课时数机动

48321600

W1第1次课：Web前端开发概述及HTML基础

第次课1课题web前端开发概述及HTML基础

教学目标与要求：

1.理解Web前端开发及技术相关概念

2.掌握开发环境搭建和使用

3.掌握HTML基本结构、HTML编写规范

4.掌握HTML常用标记及其属性

通过本章节内容的学习，能够使用VSCode制作简单排版功能的HTML文档。

授课类型(请打√)：理论课讨论课□实验课□习题课□上机□辅导□其他□

教学重点：

VSCode的安装和使用

HTML基础标记和属性

教学难点：

对静态页面与动态页面执行过程的理解。

图片浮动

教学方法和手段：

教学方法：课堂讲授、实例演示与实操

教学手段：多媒体课件

教学内容及课堂设计(可续页)：拟融入课程思

政/劳动教育/创

教学内容主要包括：Web相关概念；环境安装和使用；HTML结构；

新创业内容：

HTML常用标记及其属性。

分析Web开发

的技术栈，明确

一、Web前端开发概述

学习目标和职

1.1web前端开发是什么

业规划。

前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通

过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，

来实现互联网产品的用户界面交互。

由于Web页面日益复杂，不再是简单的内容呈现，而是桌面化软件

的交互方式，及呈现后端化倾向，因此在WEB2.0后，作为独立前端开发

工程范畴。

1.2web前端核心技术

（