资料简介
2012-2013 信息技术
1
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 制作一个简单的网页
教
学
目
标
1、 学会欣赏风站(难点)
2、 FrontPage 启动(重点)
场地 器材
教
学
过
程
及
组
织
形
式
一网站欣赏
1. 能过 IE 浏览器打开不同风格的几个网页
2. 浏览对比
3. 设计自己的网站结构
二、 Frontpage2000 简介
三、
1、 Frontpage2000 启动
2、 Frontpage2000 简介
菜单栏:菜单栏以菜单命令形式为用户提供各种编辑网页和管理网页的功能
工具栏:以工具按钮的形式为用户提供主要的编辑和管理功能
视图栏:摆列着各种管理器的图标。包括:网页、文件夹、报表、导航、超链接、
任务。单击管理器图标可切换到相应的管理器。
主编辑窗口:用户用得最多的窗口。单击管理器图标在主编辑窗口显示相应内容;
单击“视图”栏中“网页”:有三种显示方式:普通、HTML、预览
普通:直观地进行网页编排
HTML:直接编辑或查看网页文件的 HTML 代码
预览:可观看网页在浏览器中的情形。但网页的某些效果最好还是在相应的浏
览器中使用。
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
2
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 制作一个简单的网页
教
学
目
标
1. 通过 foontpage 软件制作一个新网页(重点)
2. 在页面中输入网站主页的文字
3. 借助软件中的格式修饰,为主页的文字添彩(难点)
4. 保存自己的作品
场地 器材
教
学
过
程
及
组
织
形
式
1、文字输入:单击“插入”菜单中的“文件”,弹出对话框后,选择某个文件,弹出“转换文
本”对话框后,选择“以 HTML 方式处理”,单击“确定”按钮。(也可用复制粘贴的方式
实现)
2、设置字体字号字色
3、插入图片或动画:常用的图片格式:Jpg 、Gif 、Png。将插入点移到要插入图片的位置,
依次单击“插入”菜单中的“图片”“来自文件”命令,打开“图片”对话框,选择图片,
单击“确定”按钮。(最好先把图片复制到该网站中)
4、 插入水平线:将插入点移到目标位置,再单击“插入”菜单中的“水平线”命令。如要设
置水平线的外观,可以双击水平线,打开“水平线属性”对话框,可调整水平线的宽度、
高度、对齐方式及颜色,就可以改变它的外观。
保存网页文件:单击“文件”菜单中“保存”,弹出另存为对话框,在“保存位置”下拉列表框
中选定新文件的保存位置;然后在“保存类型”下拉列表框中选择保存类型,一般为网页文件
(扩展名为.htm),在文件名框中输入要保存的文件名,单击“确定”按钮。(所建立网站的首
页一般命名为 index.htm 或 default.htm)
练习:
在 D 盘新建一个名为 ly 的站点,在该站点中建三个网页,文件名依次为 index.htm,
photo.htm,interest.htm。要求各网页中图文并茂,有文字,图片,背景图片,背景音乐等。
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
3
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 制作一个简单的网页
教
学
目
标
巩固练习,完善网页(难点)
在页面中添加水平线(重点)
在页面中插入特殊符号
使用段落项目符号
场地 器材
教
学
过
程
及
组
织
形
式
1 插入水平线:将插入点移到目标位置,再单击“插入”菜单中的“水平线”命令。如要设置
水平线的外观,可以双击水平线,打开“水平线属性”对话框,可调整水平线的宽度、高度、
对齐方式及颜色,就可以改变它的外观。
2 列表:
a) 编号列表:单击“格式”菜单中的“项目符号和编号”选项,单击“编号”标签,选
择某个选项,单击“确定”按钮。依次中网页中输入若干行,每输完一行,加回车键。
b) 项目符号列表:
图像列表
3 单击“格式/项目符号和编号”打开“项目符号和编号方式”对话框。作用段落项目符号。
4 学生红习,老师分组检查学生完成情况
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
4
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 第二单元:在网面中使用表格 设计网页
教
学
目
标 设计构思网页的整体布局(难点)
新建并保网页(重点)
场地 器材
教
学
过
程
及
组
织
形
式
1.红上对“我的竞选网页”或其他网页进行结构设计
标题
导航栏
栏目 1(图片 文字 )
栏目 2(图片 文字)
栏目 3(图片 文字)
新建、保存网页
2.fronpage 中新建一张页面。保存网页为“jieshao.htm”
单件“文件”菜单,指向“新建”,单击“网页”,弹出一对话框
在新建对话框中选择“普通网页”选项,单击“确定”按钮。
学生上机练习
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
5
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 插入表格、绘制表格
教
学
目
标 学会插入表格(重点)
能绘制表格(难点)
场地 器材
教
学
过
程
及
组
织
形
式
在 FrontPage 2000 中插入一张表格的方法有三种:
1、使用“插入表格”工具按钮
(1)将光标移到你要插入表格的位置,即插入点。
(2)在常用工具栏中单击“ ”图标工具,在下方出现一个“4×5”的表格小方框。
(3)按住鼠标左键,同时朝右下方拖动鼠标,在方框底部显示相应的表格行数和列数。
(4)松开鼠标左键,在插入点处自动出现一张空的表格。
2、使用“表格”菜单命令
(1)将光标移到你要插入表格的位置,即插入点。
(2)单击“表格”菜单,选择“插入”选项,并在选择项中单击“表格”选项,出现插
入表格对话框。
(3)在对话框中,在“行数”输入需要的行数(例中为 5),在“列数”输入需要的列
数(例中为 4),
同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距”。
(4)最后单击“确定”按钮,屏幕上就会出现一张空的表格。
3、使用手工绘制表格
如果想在网页中插入一张不规则的表格,可以采用以下步骤:
(1)将插入点移到你要添加表格的地方。
(2)在“表格”菜单中选择“绘制表格”选项,或单击表格工具栏上的“ ”。
(3)此时光标变成笔的形状。按住鼠标左键,然后向右下方拖动,到达适当位置的时候
松开鼠标左键后
(4)如果要在表格内添加表格的行和列,可以利用这支笔在表格内画水平或垂直线。
(5)单击工具栏上的“ ”擦除按钮,可以删除表格内的任意一条线。
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
6
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 修改表格、修饰表格
教
学
目
标 学会修改表格(重点)
学会修饰表格(难点)
场地 器材
教
学
过
程
及
组
织
形
式
下面我们通过一个实例来说明,其操作步骤如下:
(1)在网页中插入一个 2×2 的空表格。
(2)将光标定位在第一行第一列的单元格内。
(3)单击鼠标右键,弹出一个快捷菜单,也可以单击“表格”菜单项。此时选择“拆分
单元格”菜单项
,出现一个对话框。(或单击“ ”图标工具)
(4)在“拆分单元格”对话框中,选择“拆分为行”单选按钮。
(5)把“行数”的值设为 2(默认值),单击“确定”按钮。此时表格第一行第一列的
单元格被拆分为两
行,左上角两个单元格。
(6)将光标定位在第一行右边的单元格内。
(7)再次单击鼠标右键,选择“拆分单元格”菜单项,出现一个拆分单元格对话框。
(8)在对话框中,选择“拆分为列”单选按钮。
(9)把“列数”的值设为 2(默认值),单击’确定”按钮。此时表格第一行第二列的单
元格被拆分为两
列,得最后结果。 表格的妙用
我们除了用表格组织来数据之外,还有就是用表格来组织网页内容。
下面用实例来说明如何设计由一个表格所组织的网页,其操作步骤如下:
(1)在空白网页中插入一个 2×2 的表格,将表格的边界大小设置为 0;
(2)在表格第一行第一列的单元格和第二行第二列的单元格中输入内容;
(3)在表格中第一行第二列的单元格和第二行第一列的单元格中插入图片;得最后的效
果。
学生上机操作
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
7
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 插入与处理图片
教
学
目
标 教学目的:插入图片、对图片进行处理(重点)
教学重点:处理图片(难点)
场地 器材
教
学
过
程
及
组
织
形
式
一、插入图片
常用的图片格式:Jpg 、Gif 、Png。将插入点移到要插入图片的位置,依次单击“插入”
菜单中的“图片”“来自文件”命令,打开“图片”对话框,选择图片,单击“确定”按钮。(最
好先把图片复制到该网站中)
二、处理图片
设置图像边框:选定网页中插入的图片,右击弹出快捷菜单,单击“图片属性”,弹出对
话框,单击“外观”标签,在“布局”栏中将“边框粗细”的值设置为 2 ,然后单击“确定”按
钮,此时,这幅图片的边框设置成 2。
设置图像环绕:选中网页中插入的某幅图片,,右击弹出快捷菜单,单击“图片属性”,弹
出对话框,单击“外观”标签,在“布局”栏中打开“对齐方式”下拉列表框,选取“左对齐”,
再单击“确定”按钮。此时,该幅图片被设置为左对齐方式。
设置图像大小:
方法(一)选定图片,图片四周出现八个控制点,拖动控制点可调整图像大小。
方法(二)选中图片,,右击弹出快捷菜单,单击“图片属性”,弹出对话框,单击“外观”
标签,在“大小”栏中选中“指定大小”复选框,选择“百分比”或“像素”单选按钮,调整
“宽度”和“高度”值,再单击“确定”按钮。
设置图像间距:
水平间距:图像与周围元素在水平方向的间距,以像素为单位。
垂直间距:图像与周围元素在水平方向的间距,以像素为单位。
操作见“图像属性”中的“外观”标签使用“图片工具栏”
单击“工具”菜单中“网页选项”命令,弹出对话框,单击“自动缩略图”标签,修改其
中的参数。选定图片,单击“图片工具栏”中的“自动缩略图”按钮即可。
三、上机练习
四、安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车
等。
教学后记
授课教师
2012-2013 信息技术
8
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 项目符号与编号列表(扩展)
教
学
目
标
教学目的:学习使用项目符号,理清条理,理解做事步骤。
教学重点:编号列表,图片项目符号列表,多级列表。
场地 器材
教
学
过
程
及
组
织
形
式
教师讲解、示范
一)编号列表
1、新建一个空白网页,输入“我的兴趣和爱好”标题,按回车键;
2、单击“ ”工具图标,在网页中出现“1.”,在这个编号后面输入“看书”;
3、按回车键后,在“2.”后面输入 “上网”;
4、重复上述步骤,直到出现编号“5.”。在其后面输入“踢足球”,然后按 Shift+回车键,
再输入“打网球”,按回车键;
5、在编号“6.”行上按回车键,该编号就会在屏幕上消失了;
6、将网页文件保存起来,并在浏览器中浏览。
二)项目符号列表
1、新建一个空白网页,输入“我喜欢看的文学名著”,按回车键;
2、或单击“ ”工具图标,在网页中出现一个黑点列表符号,在列表符号后面输入“《三
国演义》(罗贯中)”;
3、按回车键后,在下一行又出现一个黑点列表符号,依次输入“《水浒传》(施耐庵)”,
按回车键;
4、重复上述步骤,直到把“《西游记》(吴承恩)”、“《神曲》(但丁)”全部输入计算机中;
5、在最后出现的黑点列表符号行上,再按一次回车键,该黑点就会在屏幕上消失了;
6、将网页文件保存起来,并在浏览器中浏览。
三)图片项目符号列表
1、新建一个空白网页。2、单击“格式”菜单项,然后选择“项目符号和编号”菜单项,。
现项目符号和编号方式对话框,此时 打开的是“图片项目符号”选项卡。
3、选择“指定图片”,单击“浏览”按钮,出现选择图片对话框。
4、单击对话框右下角的“剪贴画”按钮,就会弹出“剪贴画库”。
五)、学生上机操作:
在网页上练习项目符号与编号列表
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
9
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 建立超链接
教
学
目
标 教学目的:学习超链接的制作方法。掌握超链接的设置技巧。
教学重点:超链接的制作方法,超链接的设。
场地 微机室 器材
教
学
过
程
及
组
织
形
式
同一网站内的超链接——相对网址的超链接
下面我们以一个实例来说明,其效果。
其操作步骤如下:
(1)创建一个新网站,并在网站内新建几个网页文件:主页“index.htm”、兴趣
“interest.htm”、相
册“photo.htm”、喜爱站点“myfav.htm”等文件。
(2)打开主页文件“index.htm”,输入文字内容,并单击“ ”插入图片按钮,从“剪贴
画库→学院”
中插入图片。
(3)选定网页内的文字“兴趣”,单击“ ”超链接工具按钮,出现”编辑超链接”对话
框。在对话框的
文件列表中选择“interest.htm”网页文件。
(4)与(3)操作类似,对文字“相册”、“喜爱站点”分别设置超链接到文件“photo.htm”、
“myfav.htm”。
(5)为邮箱设置超链接:选定文字“chinaboyo@21cn.com”,单击“ ”超链接按钮,出
现“编辑超链接
”对话框。然后单击“ ”按钮(在对话框“URL”栏右边),出现“创建电子邮件超链
接”对话框。在文
字框内输入邮箱地址(如 chinaboyo@21cn.com),连续单击”确定”按钮,就可以创建
一个超链接到邮箱
地址。
(6)最后保存文件到主页“index.htm”
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
10
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 建立超链接
教
学
目
标 教学目的:学习超链接的制作方法。掌握超链接的设置技巧。
教学重点:超链接的制作方法,超链接的设。
场地 器材
教
学
过
程
及
组
织
形
式
绝对网址的超链接
下面通过一个实例来说明,其效果。
其操作步骤如下:
(1)在上例所创建的网站中,打开喜爱站点“myfav.htm”网页文件。
(2)输入标题“我喜爱的站点”,“文字链接:”,按回车键。
(3)单击“ ”工具按钮,建立项目符号列表。
(4)文字上的超链接:输入“中文搜狐”,选定这段文字,然后单击超链接工具按钮,
在所出现的对话
框“URL”栏内输入“http://www.sohu.com”,最后单击”确定”按钮。就可以创建了文
字上的超链接;
(5)与(4)操作类似,创建超链接: 广州视窗(http://www.gznet.com/index.html)、中
华-国中网
(http://www.china.com)、碧海银沙(http://www.yinsha.com);
(6)输入文字“图片链接:”,单击“ ”工具图标,出现对话框。依次选择在 images
目录中已准备 好待设置超链接的图片:“chinaschool.gif”(中国国讯网校)、 “yongth.gif”(中
国青年报)。
(7)图片上的超链接: 选定刚插入的图片 ,单击“ ”超链接工具按钮,在出现的对
话框中的“URL”
栏内输入网址“ http://www.chinaschool.net/”。单击”确定”按钮。这样,也就创建了一
个图片上的 超链接。
(8)采用与(5)类似的方式,分别设置其他图片的超链接。
(9)输入文字“[返回主页]”,创建一个超链接到主页文件“index.htm”。
(10)保存网页文件到喜爱站点“myfav.htm”。
学生上机练习
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
11
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 制作动态效果
教
学
目
标 能制作活动字幕(重点)
会使用悬停按钮(难点)
场地 器材
教
学
过
程
及
组
织
形
式
一、 滚动字幕
在很多网页能看到有一些文字不停地沿一个方向滚动或来回滚动,这就是滚动字幕。
任务:在网页中插入一行向左滚动的字幕。
操作:(1)单击“插入”菜单,指向“组件”,选取“字幕”,弹出一对话框(2)在对话
框中“文本”文本框中输入“欢迎光临我的个人主页!”(3)在“方向”栏中选择“左”单选
按钮。(4)在“表现方式”栏中选择“滚动条”单选按钮。(5)在“文本对齐方式”栏中选择
“居中”单选按钮。(6)打开“背景颜色”下拉列表框,出现各种颜色列表,选择背景色,最
后单击“确定”按钮。(7)保存文件,预览。
练习:试用字幕对话框其他属性。
二、 悬停按钮
悬停按钮是一种可以变化的按钮。当鼠标移到悬停按钮上时,该按钮改变颜色和形状,甚
至发出声音;当鼠标离开时悬停按钮时,它又会变回原来的样子。
任务:把 whole.htm 网页的左框架中各行文字改成悬停按钮。
操作:(1)在 Frontpage2000 中打开 whole.htm 网页(2)将插入点定位于左框中某个单元格,
单击“插入”菜单中的“组件”“悬停按钮”命令,打开对话框。(3)在“按钮文本”文本框中
输入“环保组织”,单击“字体”按钮,设置好字体字号字型字色后,单击“确定”按钮。(4)
在“链接到”文本框中输入目标网页文件名。(5)设置按钮颜色为蓝色,背景颜色为紫色。(6)
单击“效果”右侧的向下箭头,打开下拉列表,从中选择效果“发光”,如果想在该效果起作
用时使按钮的颜色发生改变,可以打开“效果颜色”下拉列表,选择一种颜色。(7)设置按钮
的高度和宽度,单击“确定”按钮。 其他按钮方法相同。设置好后保存预览该网页。
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
12
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 认识框架网页、建立框架
教
学
目
标 认识框架网页,了解框架的作用(难点)
能够建立框加(重点)
场地 微机室 器材
教
学
过
程
及
组
织
形
式
一、框架页的基本组成
框架页是一种特殊格式的网页,主要由边框、网页、滚动条组成。在框架页中,每个框
架都有一个网页相连接。当打开框架页时,则同时载入每个框架所相连的网页文件。 在
框架页中显示的是三个独立的网页组成的(实际下载了四个网页,还包括框架页本身这个网页)。
主体框一般用来显示正文内容的。
二、建立框架
1、在 FrontPage 的菜单中,单击“文件/新建/见面”
2、在“新建”对话框中,选择“框架网页”选项卡,然后根据需要,选择框架见面模板
3、单击“确定”创建。
三、学生练习
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
13
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 制作和保存网架页面
教
学
目
标 学习框架网页的制作方法,掌握框架网页的构成。(难点)
建立和保存(重点)
场地 微机室 器材
教
学
过
程
及
组
织
形
式
一、创建框架页
FrontPage 2000 提供了 10 个框架网页向导帮助我们创建框架页。其操作步骤如下:
(1)打开“文件”菜单,选择“新建”菜单项,在子菜单中选择”网页”菜单项,出现
新建对话框。
(2)在对话框中单击“框架网页”选项卡。
(3)在选项卡中选择“目录”,此时在“预览”栏中会显示被选中的框架结构图,并在
上方显示说明情况。
(4)单击“确定”按钮后,出现框架结构图。
(5)新创建的框架结构共有 2 个网页窗口,其中一个在左边,另一个在右边。这时单击
“建网页”按钮后,我们可以在当前框架网页中输入文字、图片等内容了。(如果这时单击“设
置初始网页”按钮后,将弹出一个“创建超链接”的对话框,可以为所在的框架超链接到指定
的网页上去。)
二、保存:单击“ ”工具按钮,出现“另存为”对话框。保存左边框的网页文件。在对
话框右面的框架示意图中,单击左边框后为蓝色,表示左边框中的网页正准备保存。在“URL”
中输入文件名“in1”,单击“确定”按钮后,此时左边框的网页文件被保存起来。
保存右边框的网页文件。紧接着,在对话框的框架示意图中,右边框显示为蓝色。在“URL”
中输入文件名“in2”,单击“确定”按钮后,右边框的网页文件也被保存起来。保存框架本身
网页。在对话框中整个框架示意图的边框为蓝色,在“URL”中输入文件名“index.htm”,单击
“确定”按钮后,此时保存的是整个框架页文件。
学生上机练习
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
14
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 为框架页面创建超链接、设置框架网页属性
教
学
目
标 学会为框架页面创建超链接(重点)
掌握设置框架网页属性的方法步骤(难点)
场地 微机室 器材
教
学
过
程
及
组
织
形
式
一、框架页的超链接
在框架页中,当单击左边的超链接时,在右边框中显示该超链接网页的内容。
(1)在左边的框架中选择要设置超链接的“ ”图片(或文字)。
(2)单击“ ”超链接工具按钮,出现”编辑超链接”对话框。这时在对话框的文件列
表中选择“jbxx.htm”。
(3)在对话框右下角“目标框架”栏,单击“ ”按钮,出现一个对话框。在对话框
中,单击框架示意图中不同的区域,也可以单击右边列表框的选项,在对话框的“目标设置”
栏中就相应显示所选定的区域学科。其中:
网页默认值(main):超链接的网页将显示在右边框(即“main 主体”)。
相同框架:在左边框单击某个超链接时,其链接网页也将显示在左边框。
整页:单击某个超链接时,只显示所链接的网页,原来框架不再显示。
新建窗口:单击某超链接时,所链接的网页将显示在新打开的浏览器中。
父框架:单击某个超链接时,将返回上一级的框架。
二、框架及框架页的属性
1、设置框架的属性
框架有很多属性,例如框架的学科、宽度、高度、边距、滚动条、可调整性、间距等。
以框架页为例说明,其具体操作方法如下:单击要设置属性的框架,然后单击“框架”菜单,
再单击“框架属性”菜单项,出现对话框。可以在此对话框中修改框架的属性了。
2、框架页的属性
以上是设置每个框架的属性,而修改整个框架页的属性,其具体操作如下: 在“框架属
性”对话框中,单击“框架网页”按钮,会出现“网页属性”对话框。 在这个对话框中的“框
架”选项卡中只有两项:“框架间距”:指框架之间的边框的宽度,默认值为 2。
如果框架不要显示出边框时,可单击“显示边框”前面的单选框,取消“√”。
三、学生练习安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三
无车等。
教学后记
授课教师
2012-2013 信息技术
15
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 认识表单、制作表单
教
学
目
标 认识表单,了解表单的作用(难点)
学会制作表单(重点)
场地 器材
教
学
过
程
及
组
织
形
式
一、认识表单
表单可以用来在网页中发送数据,特别是经常被用在联系表单-用户输入信息然后发送到
Email 中。
表单由文本域、复选框、单选框、菜单、文件地址域、按钮等表单对象组成。所有的部分
都包含在一个由标识符标志起来的表单结构中。
二、制作表单
创建表单
选择“插入”菜单的“表单”子菜单,单击“下拉菜单”选项,这时我们就创建了一个包
含下拉菜单的表单,双击下拉菜单,进入“下拉菜单属性对话框”, 单击添加按钮,进入“添
加选择”对话框,单击“确定”按钮,这时“下拉菜单属性”列表框中就有了我们刚才添加的
选项,用“上移”、“下移”调整顺序,也可以用“删除”按钮将已经添加的选项删除,
使用向导创建表单网页
1. 单击菜单栏的文件→新建,2.在任务窗格的新建网页栏中选择其他网页模板,3.
在网页模板对话框中选择表单网页向导,单击确定,4.在表单网页向导对话框中
单击下一步,5.单击添加以选择表单要向用户收集的信息,6.单击选择表单要收
集的信息的类型(例如账户信息),并且输入提示语,7.单击下一步,对表单的相
关项进行设置(以账户信息为例),8.单击下一步,返回表单网页向导对话框,9.
单击下一步,选择问题列表的显示方式,并选择是否为此网页建立一个目录,10
单击下一步,在输出选项中选择将结果保存为何种形式,输入结果文件名,单击
下一步,11.单击完成,即可创建表单网页
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
16
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 制作表单确认页
教
学
目
标
了解表单确认页的作用
掌握制作表单确认页的步骤(重点)
能制作表单确认网页(难点)
场地 微机室 器材
教
学
过
程
及
组
织
形
式
教师边讲边演示
制作表单确认页的步骤
1、 在菜单中单击:“文件/新建/网页”弹出新建对话框,选择“普通网页”,单击“确定”。
2、 在页面中输入访问者在提交表单后将要显示的文本
3、 插入对应的确认域,把必要的信息反馈给访问者
4、 将确认页与表单的关系。
5、 在 IE 浏览器中模拟表单的提交(在站点文件夹中通过双击网页在 IE 浏览器中打开
“friends.htm”输入一些相关信息,单击“提交”按钮。
学生练习:
1. 自己创建一份表单
2. 使用向导创建表单元、并作适当修改。
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
17
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 发布网页:本地测试及申请域名、空间
教
学
目
标 本地测试自己的站点(重点)
在网上早请域名、空间(难点)
场地 微机室 器材
教
学
过
程
及
组
织
形
式
一、本地测试
1、 测试图片是否正确显示
2、 测试超链接的正确性:确保链接点与内容一; 确保超链接有效正确。
二、申请域名、空间
1、在网上申请个人免费空间:
(1)在 IE 地址栏中输入 http://web.hjn8868.com 链接进入
(2)点击“我要免费加入”按钮,进入申请流程,阅读服务条款,单击“我同意”按钮。
(3)选择用户名、空间类型
(4)填写注册信息。
(5)提交确认信息,拥有自己的空间
2、管理自己的空间
(1)登录网络,在用户注册登录区域输入自己的用户名、密码及验证码
(2)点击“登录”按钮,进入“个人管理平台”
三、学生练习
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
18
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 发布网页
教
学
目
标 学会查看、更改发布状态(重点)
能将自己制作的站点发面在互联网上(难点)
场地 微机室 器材
教
学
过
程
及
组
织
形
式
教师讲演
一、查看、更改发布状态
1、 单击“视图”先项组中的“报表”图标,进入“报表”视图。
2、 单击菜单栏中的“查看/工具栏/报表”,打开“报表工具栏。
3、 在“报表”工具栏中,可在下拉菜单中选择查看报表的对应项(如“发布状态”)
4、 更改发面状态:选择“发布状态”后,显示各网站文件的发布状态,单击要改变发布
状态的文件对应的“发布”栏,在显示的下拉菜单中可选择“发布”或“不发布”。
二、网页发布
1、 单击菜单栏中的“文件/发布站点”弹出“发布站点”对话框。
2、 单击“选项”按钮,展开“发布站点”对话框。
3、 按要求设置选项。
4、 指定发布位置发布站点
(1) HTTP 发布方式
(2) FTP 发布方式
三、打开 IE 浏览器,输入对应的网址,浏览检查自己的站点
学生练习
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
19
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 网站调查
教
学
目
标
1、 了解国内外各类具有代表性的网站的概况(重点)
2、 理解网页制作在设计上的特殊要求
3、 掌握通过搜索引擎检索各种网站的方法
4、 学习优秀网站的网页编制技术(难点)
5、 正确认识网络侵权
场地 微机室 器材
教
学
过
程
及
组
织
形
式
一、学生活动
1、 以 4-5 人为一组,调查一类网站
2、 各小组在上网调查后,提交这类网站的内容和页面设计特点
要求:着生了解以下几种类型的网站的特点:
1、 综合性门户网站
2、 新闻网站
3、 学校网站
4、 电子商务网站
5、 体育、娱乐网站
6、 政府机关网站
二、教师巡回检查指导
三、全班交流,讨论
安全教育:进出微机室不要拥挤,课间注意安全,放学途中注意安全,不乘坐三无车等。
教学后记
授课教师
2012-2013 信息技术
20
学科 信息技术 教学时间 第 周星期 午第 节
教学内容 期末考查
教
学
目
标
场地 器材
教
学
过
程
及
组
织
形
式
教学后记
授课教师
2012-2013 信息技术
21
学科 信息技术 教学时间 第 周星期 午第 节
教学内容
教
学
目
标
场地 器材
教
学
过
程
及
组
织
形
式
教学后记
授课教师
2012-2013 信息技术
22
学科 信息技术 教学时间 第 周星期 午第 节
教学内容
教
学
目
标
场地 器材
教
学
过
程
及
组
织
形
式
教学后记
授课教师
2012-2013 信息技术
23
学科 信息技术 教学时间 第 周星期 午第 节
教学内容
教
学
目
标
场地 器材
教
学
过
程
及
组
织
形
式
教学后记
授课教师
2012-2013 信息技术
24
学科 信息技术 教学时间 第 周星期 午第 节
教学内容
教
学
目
标
场地 器材
教
学
过
程
及
组
织
形
式
教学后记
授课教师
2012-2013 信息技术
25
查看更多