2024年3月26日发(作者：)

《HTML+CSS+JavaScript网页

制作案例教程》（第2版）

教学教案

课题名称 第1章 HTML5+CSS3网页设计概述

计划

课时

2课时

内容分析

在学习网页制作之前，首先需要了解一些与网页相关的知识，为初学者学习后

面章节的内容打下坚实的基础。本章将从网页概述、网页制作技术入门以及

Dreamweaver工具的使用等几个方面详细讲解网页的基础知识。

 了解Web标准，明确HTML、CSS及JavaScript的作用。

 熟悉Dreamweaver工具的基本操作，能够使用Dreamweaver创建简单的网

页。

教学目标

教学重点： Dreamweaver初始化设置、Dreamweaver基本操作、创建第一个网

重点及措施 页。

措施：通过网页代码练习加强学习，并通过动手实践进行巩固。

难点及措施

教学难点：无。

措施：无。

教学采用教师课堂讲授为主，使用教学PPT讲解。

第一课时

（讲解网页的组成、网页名词解释、HTML、CSS、JavaScript等知识点）

本课时内容学习

 分组讨论

对新课进行讲解前，先让学生分组讨论以下问题：

教

学

过

程

什么是网页？你真的认识网页吗？

请小组代表对以上问题发表见解。

教师对上述问题进行解释：

答案：

说到网页，其实大家并不陌生，我们上网时浏览新闻、查询信息、看视频

等都是在浏览网页。网页可以看做承载各种网站应用和信息的容器，所有可视

化的内容都会通过网页展示给用户。

为了使初学者更好地认识网页，我们首先来看一下淘宝网站。打开谷歌浏

览器，在地址栏中输入淘宝网址“/”，单击“Enter”键，

此时浏览器中显示的页面即为淘宝网的首页

教学方式