浙教版信息科技八上第7课 网页的数据组织 教案.docx
-
资源ID：890600
资源大小：24.33KB
全文页数：3页
- 资源格式： DOCX
下载积分：10金币
快捷下载
账号登录下载
微信登录下载
三方登录下载：
|
友情提示
2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。
3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。
5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。
|
浙教版信息科技八上第7课 网页的数据组织 教案.docx
第7课网页的数据组织教学设计课题网页的数据组织教学目标1 .通过观察和探究网页代码，认识HTM1语言，掌握HTM1文档的基本结构，能初步编辑HTM1网页代码。2 .在浏览网页的过程中，能理解超链接的作用。重难点教学重点：掌握HTM1文档的基本结构。教学难点：理解超链接的作用。课前准备1.网络教室。2.在线应用相关软件或平台。课时安排2课时教师活动学生活动设计意图引入话题引入：你知道网页是如何实现图片呈现的?超链接能链接哪些类型的文件？参与讨论通过话题引导，激发学生学习兴趣，引出本课课题。二、新授一、HTM1语言（一）你知道编写网页的语言吗？网页设计常用的编程语言主要是HTM1、CSS.JavaScript,其他还有JAVA、PHP、PYTHON>SQ1、CC+语言等。（二）什么是HTM1语言吗？HTM1（HyperTextMarked1anguage）即超文本标记语言，定义了网页内容的结构和内容。用HTM1编写的超文本文件称为HTM1文件，HTM1文件一般通过浏览器解释执行。在使用浏览器访问网页时，浏览器读取并分析HTM1文件中的代码，根据解释的结果呈现网页内容。（三）查看网页代码说说网页语言了解HTM1语-J1-.学会查看网页代码了解网页语言了解HTM1语言学会查看网页代码,田SS-0Mt.:二二三D活发人员.码。二、H(-<卜-<(去一：尝试打开一个自己熟悉的网站，使用浏览器的“开工具”查看，对比观察网页显示内容和对应的HTM1代TM1标签一)HTM1文件的基本结构tm1>#标记网Jf的开始#< had>#标记头部的开始#<tit1>星示网Jf的标黑<tit1>< had>#标记头部的结束葬< body>*标记网I正文开始#问)(内容< body>>标记网I正文结JII林ht*>#粽记问Jf的结臬#二)代码理解完成活动学习HTM1标签理解代码完成活动认识超链接学以致用认识HTM1文本结构理解代码学以致用认识超链接index,htj1×12345678(居中洋网页生字体行co1or活HTM1看网页,三、超4(超:页面跳力联、网立(二:建二<ht1><head><tit1e>人工智能主题网站<Ht1e)<ead><body>走进人工智能<body><b1>)教你一招齐：<center><center>，景色：<bodybgco1or="颜色名称"><body>，式：VfOntfaCe="字体名称"SiZe="字号数值”二"颜色名称”>文字<font>动二,根据小组“人工智能”主题网站的制作方案，用语言编写网页首页的代码，尝试插入主题图片，并调试查连接-)什么是超链接？文本链接(HyPerteXt1ink)简称为超链接，可以实现从一个传到另一个页面或者跳转到页面的其他位置，实现文档互占互联。在HTM1文档中，链接元素可以是文本、图片等。超链接的标签比超链接的标签为<axa>,href属性的作用是设置链接的位置，是<a>va>标签必不可少的。<ahref="链接位置,1>链接元素va>（三）超链接的标签走送人工誉色发历史123456789101112<htm1>tit1e)人工智能主题网站<tit1e><head><boW>走进人工智能<P)<ahrgf="wQ1.htw1”>发犀<a><3href=，M2.彘m1">历史<a><p><body><hi>三、课堂练习随堂练习1 .在一个HTM1文档中，用来表示网页名称的标签是和,表小网页主体内容的标签是和O2 .尝试在网页中加入背景图片。完成随堂练习以练习巩固本节课的内容。四、课堂小一、HTM1语言二、HTK1标签三、超链接
