6.1网站和网页教学案
广东省录取分数线-学着
平度一中高一信息技术 撰写人:贾春雷 审核人:党荣雷
领导签字:
山东省平度第一中学
课 时 授 课 导 学 案
序号: 授课时间: 2012 年
4月 16日 (第 周)
课
题
4.1 信息资源管理及其沿革
1、 知道网站的基本构成。
2、 熟悉网页的基本元素。
3、了解制作网页的语言HTML语言。
4、了解常用的网页制作工具,尝试使用某一种网页制作工具进行网页制作。
教学重点
教学方法
教学过程
〖课前回顾〗
〖情境导入〗
〖课堂学习〗
技术
网站内容
课型
新
授
教学目标
网页元素、网页的制作 教学难点
网页制作软件的使用
小组讨论、合作探究、任务驱动、教师演示
学生活动 教师活动
课前回顾:如何保存网页?
保存网页
登陆:中国网络电视台(http:)并保存相关网页。
的一般步
保存网页的一般步骤:
。 骤:文件
菜单保
存网页
一、新课导入:
文件名、
登陆两个不同的网站,打开不同的网页。
问题:你喜欢哪一个网页?为什么
?(对网页进行简单的评价。)“你想做出
文件类型
保存
自己的网页吗?”
1、网站由网
页按照一定
的结构构成,
网页之间通
过超级链接
进行跳转。
网页评价量规表,从网站
内容,技术,
艺术、创新性
四个主要方
面进行评价。
网站与网页
任务一:登陆自己喜欢的网站
1、网站和网页的关系?
。
任务二:你最喜欢哪一个网页?为什么? (参考表格内容尝试对网页进行
评价)
评价标准
网站有效地对重要信息进行了概括
网站主题突出,所用素材能反映主题
信息正确符合事实
体的使用有目的性
信息的呈现符合逻辑规律
整个作品是能表达一个完整的主题
能快速而方便的找到信息
所有的链接都正确
空白
等级
优()良()中()差()
优()良()中()差()
优()良()中()差()
优()良()中()差()
优()良()中()差()
优()良()中()差()
优()良()中()差()
你的网站易读,图片、动画、声音和其他多媒优()良()中()差()
避免了杂乱无章,网站里没有大量闲置无用的优()良()中()差()
第 1 页 共
4 页——昨天已成过去,明天还无从预料,我们能抓住的只有今天。
平度一中高一信息技术 撰写人:贾春雷
审核人:党荣雷 领导签字:
作品创新
艺术
画面色彩生动,效果好。
网页布局合理,能充分利用版面
整个网站设计思路明确,内容丰富,版面布
局等方面具有自己独特的风格
优()良()中()差()
优()良()中()差()
优()良()中()差()
了解表单的
作用。
3、jpg,gif,
png格式,压
缩格式,文件
小,下载快。
演示!
超级链接的
★网页的基本元素
任务三:你最喜欢的那一个网页的页面有哪些元素组成?它们各有什么作
用?(结合课本108
页)
1、网页的元素包括:文本、图形图像、 、表格、
、
音乐和内嵌程序。
2、网页各种元素的作用。
文本:
。
图形图像: 。
: 。
★
表单:表单可以实现用户和网站的交互功能,网站上的登
陆处的用户名、密码以及查询栏一般都是用表单
来实现的。
3、网页上常用的图形图像格式: 。
4、打开我校主页()并保存,观察网页中包含哪些元
素?
(提醒:同时打开保存时
生成的“山东省平度市第一中学——名牌学校山东省名牌学校_files”文件
夹)
★制作网页的常用工具
任务四:体验用超文本标记语言(HTML语言)制作网页。
1、在打开的网页中,执行“查看”菜单查看“源文件”,你看到了什么?
2、早期是通过
手工方式使用HTML语言编写网页。复制以下代码到记事本
中,保存为“网页”文件,建立“imag
e”文件夹并放入名为“石
桥.jpg”的jpg文件,打开该网页。
头部标签
标题
一个简单的例子。
平度一中主页
正文
标题1号字
超链接
强制换行并居中
引用图片
仔细观察以上代码,html语言有何特点?它是一种描述性的标记语言,
标签一般成对出现并
放在“<>..<>”中,
结构包括头部(Head)、主体(Body)
两大部分等等
。网页的标题是 。
知识拓展:尝试更改两处h1为h6,
新浪主页,看有何变化。
第 2 页 共 4
页——昨天已成过去,明天还无从预料,我们能抓住的只有今天。
平度一中高一信息技术 撰写人:贾春雷
审核人:党荣雷 领导签字:
任务:
任务五:熟悉常用网页制作工具FrontPage。
地址发生变
1、为
了提高网页制作的效率和质量,许多公司开发了专用的工具软件。如:
化
Frontpage、 等。
2、在哪里找到FrontPage?左下角“开始按钮”程序
。
3、认识Frontpage
Prontpage中的四种视图
设计视图,就像word一样,可以直观操作。
代码视图,就是纯粹代码的视图。
拆分视图,上面是代码视图,下面是设计视图。
预览视图,最终的HTML效果预览。
拓展提高:练习使用Frontpage
1、实验名称:制作一个网页
2、实验要
求:使用frontpage2003制作“网页”,实现和HTML语
言同样的网页效果。
3、实验步骤示例:
(1)准备。在桌面建立以自己“姓名”命名的文件夹,在文件夹内新
建“image”
文件夹并放入一张“石桥.jpg”的jpg文件。
(2)打开Frontpage2003。单击“开始”,“程序”,“Microsoft
Office”,
“Microsoft Office Frontpage 2003”。
(3)在默认的“显示设计视图”窗口进行设计。
右键,网页属性,标题处填入“演示!”,确定。完成标题设置。
输入内容“一个简单的例子!”,设置宋体、24磅。
输入“平度一中主页”,设置宋体、1
2磅,选中“平度一中主页”,
右键,超链接,地址处输入http:,确定。
完成超链接的设
置。
换行,插入“石桥.jpg”,居中。
第 3 页 共 4
页——昨天已成过去,明天还无从预料,我们能抓住的只有今天。
平度一中高一信息技术 撰写人:贾春雷
审核人:党荣雷 领导签字:
(4)保存文件。文件菜单,另存为,文件名处输入“网页”,保存。
(5)找到保存的文件,打开浏览。
(6)关闭所有文件,将以自己“姓名”命名的文件夹上传到ftp。
友情提示:不明白的地
方观看老师制作的视频教程“使用Frontpage2003
编写网页教程.exe”。
课堂跟踪练习:
1、下列网页元素中,不属于基本的三种元素的是( )
(A)动画 (B)文字 (C)图片 (D)超链接
2、网页中描述各种元素和构件的语言是( )
(A) PASCAL (B) C (C)
HTML (D) BASIC
3、下列关于网页元素 --- 图片的使用观点中,错误的是(
)
(A)图片可以直观形象地表达某些信息。
(B)图片可以美化网页,吸引读者的眼光。
(C)图片可以跨越语言障碍地表达某些信息。
(D)每张网页都必须包含图片,否则不能称之为网页。
4、网页制作时,能对网页中的元素和构件进行准确定位的是( )
(A)网格 (B)表格
(C)网页特效 (D)超链接
小结
这节课我们知道了网页是万维网上进行信
息表达的重要工具,若干个网
页组成了网站;我们寻找了网页中的元素,文字、图片、动画、音乐、视频
,
超链接、表格、表单等都可以是构成网页的元素。其实,网页中包含的文本、
图像、超链接等
元素是由超文本标记语言HTML来描述的。当然同学们如需
制作更专业的网站,要借助专门制作网页的
工具,如FrontPage等。随后我
们了解了如何使用网页制作工具FrontPage来新建一个
网页,并将制作的网
页保存为指定的文件名。
作业
学习资料文件夹中的内容。
〖保存、提交
作品〗
〖拓展提升〗
1、A
2、C
3、D
4、B
登陆ftp,172.24.21.252,将整个文件夹上传。
拓展:
学习资料文件夹中的阅读材料。
〖后记〗
第
4 页 共 4 页——昨天已成过去,明天还无从预料,我们能抓住的只有今天。
经典吧-completed是什么意思
婴儿汤图片-死灵术士刷图加点
初二数学试题-豌豆笑传动画片
围棋有多少个棋子-钢琴租赁
操切-家庭教师图片
七一是什么节日-四川泡菜的家庭做法
闺蜜头像三人-广州店铺出租
共产党员的修养-笑容
平度一中主页
正文
标题1号字
超链接
强制换行并居中
引用图片
仔细观察以上代码,html语言有何特点?它是一种描述性的标记语言,
标签一般成对出现并
放在“<>..<>”中,
结构包括头部(Head)、主体(Body)
两大部分等等
。网页的标题是 。
知识拓展:尝试更改两处h1为h6,
新浪主页,看有何变化。
第 2 页 共 4
页——昨天已成过去,明天还无从预料,我们能抓住的只有今天。
平度一中高一信息技术 撰写人:贾春雷
审核人:党荣雷 领导签字:
任务:
任务五:熟悉常用网页制作工具FrontPage。
地址发生变
1、为
了提高网页制作的效率和质量,许多公司开发了专用的工具软件。如:
化
Frontpage、 等。
2、在哪里找到FrontPage?左下角“开始按钮”程序
。
3、认识Frontpage
Prontpage中的四种视图
设计视图,就像word一样,可以直观操作。
代码视图,就是纯粹代码的视图。
拆分视图,上面是代码视图,下面是设计视图。
预览视图,最终的HTML效果预览。
拓展提高:练习使用Frontpage
1、实验名称:制作一个网页
2、实验要
求:使用frontpage2003制作“网页”,实现和HTML语
言同样的网页效果。
3、实验步骤示例:
(1)准备。在桌面建立以自己“姓名”命名的文件夹,在文件夹内新
建“image”
文件夹并放入一张“石桥.jpg”的jpg文件。
(2)打开Frontpage2003。单击“开始”,“程序”,“Microsoft
Office”,
“Microsoft Office Frontpage 2003”。
(3)在默认的“显示设计视图”窗口进行设计。
右键,网页属性,标题处填入“演示!”,确定。完成标题设置。
输入内容“一个简单的例子!”,设置宋体、24磅。
输入“平度一中主页”,设置宋体、1
2磅,选中“平度一中主页”,
右键,超链接,地址处输入http:,确定。
完成超链接的设
置。
换行,插入“石桥.jpg”,居中。
第 3 页 共 4
页——昨天已成过去,明天还无从预料,我们能抓住的只有今天。
平度一中高一信息技术 撰写人:贾春雷
审核人:党荣雷 领导签字:
(4)保存文件。文件菜单,另存为,文件名处输入“网页”,保存。
(5)找到保存的文件,打开浏览。
(6)关闭所有文件,将以自己“姓名”命名的文件夹上传到ftp。
友情提示:不明白的地
方观看老师制作的视频教程“使用Frontpage2003
编写网页教程.exe”。
课堂跟踪练习:
1、下列网页元素中,不属于基本的三种元素的是( )
(A)动画 (B)文字 (C)图片 (D)超链接
2、网页中描述各种元素和构件的语言是( )
(A) PASCAL (B) C (C)
HTML (D) BASIC
3、下列关于网页元素 --- 图片的使用观点中,错误的是(
)
(A)图片可以直观形象地表达某些信息。
(B)图片可以美化网页,吸引读者的眼光。
(C)图片可以跨越语言障碍地表达某些信息。
(D)每张网页都必须包含图片,否则不能称之为网页。
4、网页制作时,能对网页中的元素和构件进行准确定位的是( )
(A)网格 (B)表格
(C)网页特效 (D)超链接
小结
这节课我们知道了网页是万维网上进行信
息表达的重要工具,若干个网
页组成了网站;我们寻找了网页中的元素,文字、图片、动画、音乐、视频
,
超链接、表格、表单等都可以是构成网页的元素。其实,网页中包含的文本、
图像、超链接等
元素是由超文本标记语言HTML来描述的。当然同学们如需
制作更专业的网站,要借助专门制作网页的
工具,如FrontPage等。随后我
们了解了如何使用网页制作工具FrontPage来新建一个
网页,并将制作的网
页保存为指定的文件名。
作业
学习资料文件夹中的内容。
〖保存、提交
作品〗
〖拓展提升〗
1、A
2、C
3、D
4、B
登陆ftp,172.24.21.252,将整个文件夹上传。
拓展:
学习资料文件夹中的阅读材料。
〖后记〗
第
4 页 共 4 页——昨天已成过去,明天还无从预料,我们能抓住的只有今天。