6.1网站和网页教学案.docVIP

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