教案：使用记事本制作第一个网页

使用记事本制作第一个网页

一、教学目标

1、知识与技能：

掌握使用记事本制作网页的过程。

2、过程与方法：

通过让学生亲手使用记事本创作一个简单的网页，让学生意识到网页制作并非高深莫测。

3、情感态度与价值观：

体验网页制作的乐趣，增强学生对网页制作的学习兴趣。

二、教学重难点：

教学重点：使用记事本制作网页的方法；

教学难点：理解HTML语言的结构。

三、教学过程：

教师：通过前面几节课的学习，大家学习了如何在dreamweaver中创建网页的方法，那么请大家思考一个问题：制作网页只能使用DW软件吗？

学生回答：不是

教师：那你们还指导还有哪些制作网页的软件吗？

学生：FrontPage.

教师：制作网页的软件有很多，但我今天想交给大家一个最简单的办法。

（在教师机上演示）

1、先右键点击桌面新建一个记事本，如果右键点击桌面没有新建记事本选项我们可以

一次打开“开始”→“程序”→“附件”又“记事本”！

2、然后在记事本里面输入HTML代码。

HELLO WORLD

3、单击记事本菜单栏中的“文件→保存”菜单，弹出“另存为”对话框，在对话框中

选择存盘的文件。然后在“保存类型”下拉列表框中选择“所有文件”选项，在“编码”

下拉列表框中选择“ANSI”选项。保存文件名为你的姓名.html。

4、然后在回到存盘的文件夹。打开my_fiestPage.html就能看到效果啦。一个普通的页面就这么制作完成了。

教师把HTML代码做成截图，发送给学生。

学生上机实践任务：根据代码截图，制作网页。

四、提交作业。

五、教学反思：

学生对于记事本制作网页的方法感到很惊奇，通过亲手制作一个简单的网页，拉近了学生与网页制作的距离。不过学生写HTML标记语言时，容易漏掉反斜杠，造成效果不出来。