浙教版信息科技八上第7课 网页的数据组织 教案

第7课网页的数据组织教学设计网页的数据组织教

1.通过观察和探究网页代码，认识HTML语言，掌握HTML文档的基本结构，能初步编学目辑HTML网页代码标重

2.在浏览网页的过程中，能理解超链接的作用难点教学重点掌握HTML文档的基本结构

1.网络教室课前准备教学难点理解超链接的作用

2.在线应用相关软件或平台课时安排2课时教师活动学生活动设计意图通过话题引导，激话题引入你知道网页是如何实现图片呈现的超链接能参与讨论发学生学习兴趣,链接哪些类型的文件引出本课课题

一、语言HTML说说网页了解网页语言

（一）你知道编写网页的语言吗网页设计常用的编程语言语言主要是、、其他还有、、HTML CSSJavaScript,JAVA PHPPYTHON、语言等SQL C/C++了解HTML语言（）即超文本标记语言，定义HTML HyperTextMarked Language了网页内容的结构和内容用编写的超文本文件称为HTML HTMLHTML语

二、文件，文件一般通过浏览器解释执行在使用浏览器访问网HTML页时，浏览器读取并分析文件中的代码，根据解释的结果HTML呈现网页内容

（二）什么是语言吗？HTML

（三）查看网页代码学会查看学会查看网页代码网页代码31显圆Bai活动一尝试打开一个自己熟悉的网站，使用浏览器的“开发完成活动学以致用人员工具”查看，对比观察网页显示内容和对应的代码HTML

二、标签HTML

（一）文件的基本结构HTML学习#标记网］（的开始#认识HTML文本结r htmlHTML标「#标记头部的开船林head构显示网页的标题签-title/title#标记头部的结束非L/head-「#标记网天正文开始#body-网内容K标记网正文结果葬L/body#K#标记网的结束#L/html I理解代码

（二）代码理解理解代码index,html X\AAAAAAAht«lhead2人工智能主题网站36tle/HtlQ4/head5body走进人工智能67/body8SAA/WW

（三）教你一招居中对齐center/center网页背景色〈颜色名称〉body bgcolor=x/body字体格式〈字体名称11字号数值font face=size=color=颜色名称〉文字/font活动二根据小组“人工智能”主题网站的制作方案，用完成活动语言编写网页首页的代码，尝试插入主题图片，并调试查看HTML学以致用网页

三、超链接（-）什么是超链接？认识超链超文本链接（）简称为超链接，可以实现从一个Hypertext Link认识超链接接页面跳转到另一个页面或者跳转到页面的其他位置，实现文档互联、网站互联在文档中，链接元素可以是文本、图片等HTML

（二）超链接的标签建立超链接的标签为属性的作用是设置链接的av/a,href位置，是标签必不可少的av/a

三、随堂练习

1.在一个HTML文档中，用来表示网页名称的完成随堂以练习巩固本节课标签是，表示网页练习的内容主体内容的标签是链接位置、链接元素a href=v/a

（三）超链接的标签走进人工智能1html2head发展历史3人工智能主题网站/title）4/head5body6走进人工智能7P8a href=w

01.html”发展/a9a1118£=02・11七虱”历史/21/p11/body

122.尝试在网页中加入背景图片

四、

一、HTML语言课

二、HTKL标签堂

三、超链接。