教案：使用记事本制作第一个网页(最新整理)

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

一、教学目标

1、知识与技能：

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

2、过程与方法：

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

深莫测。

3、情感态度与价值观：

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

二、教学重难点：

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

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

三、教学过程：

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

学生回答：不是

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

学生：FrontPage.

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

（在教师机上演示）

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

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

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

HELLO WORLD

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

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

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

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

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

四、提交作业。

五、教学反思：

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

“”

“”

At the end, Xiao Bian gives you a passage. Minand once said, "people who learn to learn are very happy people.". In every wonderful life, learning is an eternal theme. As a professional clerical and teaching position, I understand the importance of continuous learning, "life is diligent, nothing can be gained", only continuous learning can achieve better self. Only by constantly learning and mastering the latest relevant knowledge, can employees from all walks of life keep up with the pace of enterprise development and innovate to meet the needs of the market. This document is also edited by my studio professionals, there may be errors in the document, if there are errors, please correct, thank you!