(完整版)教案:使用记事本制作第一个网页

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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

一、教学目标

1、知识与技能:

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

2、过程与方法:

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

3、情感态度与价值观:

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

二、教学重难点:

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

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

三、教学过程:

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

学生回答:不是

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

学生:FrontPage.

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

(在教师机上演示)

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

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

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

我的第一个网页

HELLO WORLD

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

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

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

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

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

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

四、提交作业。

五、教学反思:

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

相关文档
最新文档