Web前端技术项目式教程电子教案 第1章 初探Web前端技术 任务一教案.docxVIP

PAGE1

PAGE

第1章初探Web前端技术

课程名称

网页设计

项目名称

初探Web前端技术

任务名称

初探Web前端技术

课时

2

项目性质

□演示性□验证性□设计性√综合性

授课班级

授课日期

授课地点

教学目标

能力目标：

1.掌握使用软件创建网页的方法。

知识目标：

1.了解与网页相关的基本概念。

2.熟悉标准化网页的基本结构。

3.熟悉Web标准三要素。

素质目标：

1.培养学生标准化开发Web前端程序的意识。

2.培养学生严谨、规范的习惯。

教学内容

任务描述

某校宣传部需要制作一个介绍中华传统文化的网站，接到网站制作任务的是宣传部部长李明。宣传部干事张华想借此机会跟着李明学习。因为张华在网页制作方面没有基础，李明打算从网页制作基础知识开始，逐步教会张华制作网页的技能。

本任务的具体要求如下。

安装与使用网页开发工具。

制作并预览网页。任务展示与实现

（1）展示第一个网页效果

（2）利用编辑工具编写HTML代码并验证其效果

（3）学生动手操作

3.教师讲解本任务涉及的知识点

4.任务小结

教学重点

什么是Web前端开发

利用编辑工具编写HTML代码并使用浏览器预览

教学难点

利用编辑工具编写HTML代码、使用浏览器调试网页

教学准备

1.装有VScode的电脑

2.教学课件PPT

3.教材：《Web前