(完整版)教案:使用记事本制作第一个网页
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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标记语言时,容易漏掉反斜杠,造成效果不出来。