6.1网站和网页教学案.docx

平度一中高一信息技术 撰写人：贾春雷 审核人：党荣雷 领导签字： 山东省平度第一中学 课 时 授 课 导 学 案 序号： 授课时间： 2012 年 4 月16 日 （第 周） 课 题 4.1 信息资源管理及其沿革 课型 新 授 1、 知道网站的基本构成。 教学目标 2、 熟悉网页的基本元素。 3、了解制作网页的语言 HTML 语言。 4、了解常用的网页制作工具，尝试使用某一种网页制作工具进行网页制作。 教学重点 教学方法 教学过程 〖课前回顾〗 〖情境导入〗 〖课堂学习〗  网页元素、网页的制作 教学难点 网页制作软件的使用 小组讨论、合作探究、任务驱动、教师演示 学生活动 教师活动 课前回顾：如何保存网页？ 保存网页 登陆：中国网络电视台（ / ）并保存相关网页。 的一般步 保存网页的一般步骤： 。 骤：文件 菜单 保 一、新课导入： 存网 页 登陆两个不同的网站，打开不同的网页。 文件名、 问题：你喜欢哪一个网页？为什么 ?（对网页进行简单的评价。 ）“你想做出 文件类型 自己的网页吗？” 保存 网站与网页 任务一：登陆自己喜欢的网站 1、网站和网页的关系？ 。任务二：你 最喜欢哪一个网页？为什么？ （参考表格内容尝试对网页进行评价） 评价标准 等级 网站有效地对重要信息进行了概括 优（）良（）中（）差（） 网站主题突出，所用素材能反映主题 优（）良（）中（）差（） 网站内容 信息正确符合事实 优（）良（）中（）差（） 你的网站易读，图片、动画、声音和其他多媒 优（）良（）中（）差（） 体的使用有目的性 信息的呈现符合逻辑规律 优（）良（）中（）差（） 整个作品是能表达一个完整的主题 优（）良（）中（）差（） 能快速而方便的找到信息 优（）良（）中（）差（） 技术 所有的链接都正确 优（）良（）中（）差（） 避免了杂乱无章 ,网站里没有大量闲置无用的 优（）良（）中（）差（） 空白  1、网站由网 页按照一定 的结构构成， 网页之间通 过超级链接 进行跳转。 网页评价量 规表，从网站 内容，技术， 艺术、创新性 四个主要方 面进行评价。 第 1 页 共 4 页——昨天已成过去，明天还无从预料，我们能抓住的只有今天。 。 。 。 网站上的登 平度一中高一信息技术 撰写人：贾春雷 审核人：党荣雷 领导签字： 画面色彩生动，效果好。 优（）良（）中（）差（） 艺术 网页布局合理，能充分利用版面 优（）良（）中（）差（） 整个网站设计思路明确，内容丰富，版面布 优（）良（）中（）差（） 作品创新 局等方面具有自己独特的风格 ★网页的基本元素 任务三：你最喜欢的那一个网页的页面有哪些元素组成？它们各有什么作 用？（结合课本 108 页） 1、网页的元素包括： 文本、图形图像、 、表格、 、 音乐和内嵌程序。 2、网页各种元素的作用。文本： 图形图像： ： ★表单：表单可以实现用户和网站的交互功能， 陆处的用户名、密码以及查询栏一般都是用表单来实现的。 3、网页上常用的图形图像格式： 。 4、打开我校主页（ ）并保存，观察网页中包含哪些元素？ （提醒：同时打开保存时生成的“ 山东省平度市第一中学——名牌学校山东省名牌学校 _files”文件 夹）  了解表单的 作用。 3、 jpg， gif ， png 格式，压 缩格式，文件 小，下载快。 ★制作网页的常用工具 任务四：体验用超文本标记语言（ HTML语言）制作网页。 1、在打开的网页中，执行“查看”菜单 查看“源文件”，你看到了什么？ 2、早期是通过手工方式使用 HTML语言编写网页。复制以下代码到 记事本中，保存为“ 网页 1.htm ”文件，建立“ image”文件夹并放入名为“石 桥 .jpg ”的 jpg 文件，打开该网页。 html head title 演示！ /title /head 头部标签 标题 body h1一个简单的例子。 /h1 a href= 平度一中主页 /a p align=center 正文 img src=image/ 石桥 .jpg alt= 福波摄影 - 校园秋色 标题 1 号字 /p 超链接 /body 强制换行并居中 /html 引用图片 仔细观察以上代码， html 语言有何特点？它是一种描述性的标记语言， 标签一般成对出现并放在“ ../ ”中， 结构包括头部（ Head）、主体（ Body ） 两大部分等等 。网页的标题是 。 知识拓展：尝试更改两处 h1 为 h6，a href= 新浪主页 /a ，看有何变化。  演示！ 超级链接的 第 2 页 共 4 页——昨天已成过去，明天还无从预料，我们能抓住的只有今天。 平度一中高一信息技术 撰写人：贾春雷 审核人：党荣雷 领导签字： 任务五：熟悉常用网页制