教案：使用记事本制作第一个网页-豆柴文库

您所在位置：网站首页 / 教案：使用记事本制作第一个网页.doc / 文档详情

在线预览结束，喜欢就下载吧，查找使用更方便

10 金币

下载文档

/ 1

下载提示

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

文本预览

使用记事本制作第一个网页
教学目标
知识与技能：
掌握使用记事本制作网页的过程。
过程与方法：
通过让学生亲手使用记事本创作一个简单的网页，让学生意识到网页制作并非高深莫测。
情感态度与价值观：
体验网页制作的乐趣，增强学生对网页制作的学习兴趣。
教学重难点：
教学重点：使用记事本制作网页的方法；
教学难点：理解HTML语言的结构。
教学过程：
教师：通过前面几节课的学习，大家学习了如何在dreamweaver中创建网页的方法，那么请大家思考一个问题：制作网页只能使用DW软件吗？
学生回答：不是
教师：那你们还指导还有哪些制作网页的软件吗？
学生：FrontPage.
教师：制作网页的软件有很多，但我今天想交给大家一个最简单的办法。
（在教师机上演示）
先右键点击桌面新建一个记事本，如果右键点击桌面没有新建记事本选项我们可以一次打开“开始”→“程序”→“附件”又“记事本”！
2、然后在记事本里面输入HTML代码。
<HTML>
<HEAD>
<TITLE>我的第一个网页</TITLE>
</HEAD>
<BODY>
HELLOWORLD
</BODY>
</HTML>
3、单击记事本菜单栏中的“文件→保存”菜单，弹出“另存为”对话框，在对话框中选择存盘的文件。然后在“保存类型”下拉列表框中选择“所有文件”选项，在“编码”下拉列表框中选择“ANSI”选项。保存文件名为你的姓名.html。
4、然后在回到存盘的文件夹。打开my_fiestPage.html就能看到效果啦。一个普通的页面就这么制作完成了。
教师把HTML代码做成截图，发送给学生。
学生上机实践任务：根据代码截图，制作网页。
提交作业。
教学反思：
学生对于记事本制作网页的方法感到很惊奇，通过亲手制作一个简单的网页，拉近了学生与网页制作的距离。不过学生写HTML标记语言时，容易漏掉反斜杠，造成效果不出来。