祖师中学王小燕。
第1课时:frontpage启动与退出。
教学目标:了解frontpage的界面。
教学重点:掌握frontpage的启动与退出方法。
教学难点:情感态度价值观:培养学生对网页软件的认识和了解。
教学过程:具体操作:
1.启动frontpage:双击桌面上的frontpage快捷方式图标;开始→程序→microsoft frontpage;右击一个扩展名为htm或html网页文件,选"编辑"。
2.打开或隐藏视图栏、文件夹列表和网页文档。
a.点"视图→视图栏"打开或隐藏视图栏。点"视图→文件夹列表"打开或隐藏文件夹列表。
b.右击扩展名为htm或html网页文件(如选"编辑",系统默认用frontpage打开网页。
c.点"文件→打开"或点常用工具栏中的"打开"按钮,从本地磁盘或网络驱动器中打开网页文档,从任意web**打开网页,打开最近打开过的网页文档。
3.在frontpage编辑器中预览网页。
a.点普通视图按钮,观察刚才打开的网页。
b.点html视图按钮,观察网页。
c.点预览视图按钮,观察网页。
视图方式:网页视图,文件夹视图,报表视图,导航视图,超级链接接视图,任务视图。
5.保存网页:点"文件→保存(另存为)"或点常用工具栏中的"保存"按钮,将新建的网页或从万维网上打开的网页保存到本地磁盘,把自己喜欢的网页作为模板保存。
6.关闭网页:点"文件→关闭"或文档窗口中的"x"按钮,关闭当前网页。
教学反思:第2课时:站点的创建。
教学目标:掌握利用frontpage创建站点的方法。
教学重点:站点的创建。
教学难点:情感态度价值观:培养学生的信息素养。
教学过程:我们先运行frontpage2000,在控制窗的菜单栏里选择“新建→站点”(如图1)。
图1)图2)
在接下来弹出的窗口中你可以看到图2。frontpage2000自带有一些**的模板(意思就是按照它的意思去做),我们一般不使用这些模板,我们在左边的模板选择窗里选“空站点”,然后在右边的“选项,指定新站点的位置”中敲入你想保存这个**的文件夹地址。一般第一次使用frontpage2000的时候它自动就生成了一个新站点,保存的“我的文档”的“my webs”文件夹中。
你也可以重新建立一个文件夹作为**的存放点。我们在以下称保存**的文件夹为“**文件夹”或者是“主文件夹”。
建立好了新站点,你会发现frontpage2000的标题栏就变成是“c:\my documents\my webs”里,这样的话就表示你已经打开了某个**。或许你还创建了其他**,我们可以通过frontpage2000的菜单栏里面的“文件→打开站点”来打开其他站点(如图3)。
图3)图4)
在弹出的窗口下放选择保存**的文件夹地址(如图4),再按“打开”按纽就打开了。
一般运行了frontpage2000的同时它就自行打开了最近编辑的一个站点。有时你不想编辑此站点可以点击菜单栏的“文件→关闭站点“关闭它。
创建了好了新站点的同时,你按控制窗的按纽栏里面。
的打开文件夹列表或者到**文件夹看一下,是不是多了两个新文件夹?一个叫“images”的文件夹是供我们用来保存本**中的**文件的,在制作网页之前你先把要用到的**都保存到这里。还有一个叫“_private”的文件夹,而且日后你会发现在“images”文件夹或者文件夹**现许多象“_vti_cnf”之类莫名其妙的文件夹,其实这是系统用来做缓存的文件夹,我们不要认为它是垃圾就把它删了,有用的,不要删了。
为了方便管理,你也可以自己添加一些文件夹用来保存其他内容,比如添加一个名为“webs”的文件夹用来保存**的其他网页,这样大家管理起来就不会觉得很凌乱了。
添加文件夹有两中方法,第一个方法是先关闭frontpage2000,再到**文件夹里新建一个文件夹,建好之后再重新运行frontpage2000你按控制窗按纽栏里。
的打开文件夹列表看一下,就会发现多了一个新的文件夹。另一个方法就是直接在文件夹列表中添加(如图5)。
这里要注意一下,凡是添加的文件夹,或者是保存在文件夹里面的所有东西,都必须是以英文命名的。不然就会出现连接错误而不能浏览。总之一句话,**里的所有东西都用英文名:)
图5)图6)
当然你也可以从**中删除某些文件或者文件夹,具体做法和新建文件夹差不多,大家多实践一下。
到了这里,或许你会认为什么主页,什么第二个主页,什么主页又不是**什么的,一头雾水。那你可以看一下图6,这样能好理解一点:)或者是这样解释:
图6中的“主文件夹”就是刚才打比方说的家,“主文件”就是家里的客厅,当然可以有许多主文件的。但是你要记住,一个**中真正的主页名必须是“或者是“也是唯一的,为什么要这样做笔者以后会解释。而“子文件夹”就是指家里的厨房,“子文件”就是指厨房里的装饰或者是用具。
同样你也可以有许多的“子文件夹”和“子文件”的。
这样说能理解了吗?
教学反思:第3课时:**的设计。
教学目标:利用**的设计来布局网页。
教学重点:绘制布局**。
教学难点:情感态度价值观:培养学生的审美观。
教学过程:1.创建布局**。
打开一个空白网页,并切换到“设计”视图下,单击“**”菜单中的“布局**和单元格”命令,随后在右侧弹出一个任务窗口(如图),在该任务窗口下面程序提供了多种**布局模板,在此单击其中需要的模板即可将该模板添加到网页中。
2.绘制布局**。
如果你对模板中提供的布局**不太满意,还可以用手工绘制的方法创建一个布局**。创建时首先在“新建**和单元格”项中单击“绘制布局**”,随后将指针移到操作窗口最左端,然后拖动鼠标即可绘制**。
3.设置**属性。
插入**后,还需对**属性进行设置。在“**属性”项中设置该**所需的属性。
提示:在设置**时,如果要想覆盖网页的默认边距,并让布局**跨到文档窗口的边缘,可以将**中的各个边距的属性都设置为0。
在设计框架时经常需要调整某一行或列的属性,这时可以通过**中列宽和行高的标签来完成。在操作窗口中单击布局**需要调整的边框,每一侧都会出现显示列宽和行高的标签。每个标签都包括一个下拉箭头,如更改行高度时,单击此下拉箭头弹出一个下拉菜单,选择“更改行高”命令,在弹出的“行属性”对话框中重新输入该行高度值即可。
第4课时:网页的布局。
教学目标:掌握美化**的操作技巧。
教学重点:对**的美化。
教学难点:情感态度价值观:培养学生对网页布局的审美观和网络素养。
教学过程:一、轻轻松松插入**。
点击“**”菜单中的“插入**”,在弹出的对话框中可以对所需**的行列数及边框属性进行设置。插入一个大概样子的**,自己调整它在整个网页中的位置,为之后填充内容做好准备。
二、对**外观进行前所未有的美化。
鼠标左击已经插入的**,弹出的菜单中选择“**属性”选项。弹出的对话框可以让你对**的外观进行设置。基本上除了行列数这些需要使用插入行列等菜单完成的功能,在此设置的大都和**的外观有关。
frontpage 2002的新功能:**自动套用格式提供了快速和容易的方法,来创建具有专业外观的**。用户可以选择他们想要使用的样式,可以自动更改**的边框、底纹和颜色。
使用新的填充**,用户可以将一个单元格的内容快速地重复输入到该单元格右侧的单元格(向右填充),或输入其下面的单元格(向下填充)。当用户想要将相同内容复制到多个单元格中时,该功能将节约用户的时间。拆分**让用户能够将任何位置的**快速和容易地拆开。
当用户想要在**的各行之间添加文本或图形时,这会很方便。
在 frontpage 中编辑任何**时,单击该**,并从**菜单中选择**自动套用格式。从几个**格式和设计中选择,以创建想要的外观。
从**菜单中单击插入,插入五个新行,然后选择行或列。在想要复制的内容下面,添加所需数量的行。选中想要复制的文本和想要填充的单元格。
从**菜单中选择**填充,然后选择向下填充或向右填充,以匹配突出显示的单元格。
在**中间挑选一个单元格,然后从**菜单中选择拆分**。
三、简单填充完内容。
只需点击鼠标在**中与插入的地方,就可以输入文字或者创建图像,或者导入文字图像等等,简简单单的操作之后,一张有条有理的网页就做好了。
教学反思:第5课时:编辑网页。
教学目标:了解和掌握利用frontpage编辑网页的方法。
教学重点:视图与模式的应用。
教学难点:情感态度价值观:培养和提高学生的网页制作能力。
教学过程:1.视图与模式(一)
现在进入frontpage。单击任务栏“开始”按钮,选择“程序”选项,单击“microsoft frontpage”选项就可以了。 可能你会发现frontpage界面和word很相似[图2-1],这是因为编辑web页面和编辑word文档有很多同样的设置,这些设置所用的图标和word中的是一样的。
frontpage2000 界面。
视图中的组框是用来切换视图的,单击里面的小图标就可以切换到不同的视图。frontpage共有6种视图[如图2-1左],使用不同的视图可以从不同的侧面查看设计的web站点。对一个web站点而言,不断更新是很重要的。
随着站点的成长,维护站点的工作量会越来越大。建立站点可能很快,但是如果没有这6种视图的帮助,维护起来就很困难了。
这些视图的使用不用一下就全部掌握,只要知道有这些视图就可以了。
2.视图与模式(二)
下面看一看同一个web站点在不同视图中是怎样显示的。
1)单击“网页”按钮,切换到网页视图,再单击工具栏上的“文件夹列表”按钮 ,窗口中增加了一个文件夹列表框[图2-2]。网页视图是用来显示选中的网页的,双击文件夹列表中的某一个htm文件,在最右方的工作区中就会显示该网页的内容。
注意,此时工作区的左下角有三个切换显示模式的选项卡[图2-3]。单击“普通”选项卡,就切换到了普通模式。在普通模式可以编辑网页的内容以及设置各种格式。
单击“预览”选项卡就到了预览模式。如果要看一看当前编辑的文件在浏览器中的显示情况,就使用预览模式,在预览模式下,是不能编辑网页的。也可以切换到html模式直接对网页对应的html文本文件进行编辑,从而为网页作一些特殊的设置,前提是你要懂一点html语言(在教程附录中有相关说明)。
2)文件夹视图以列表的形式给出了当前web站点的文件夹和文件夹里包含的文件[图2-4]。由于一个web站点要涉及到许多文件,因此将这些文件分类并分别放到不同的文件夹就很有必要。比如,可以把所有的图形文件放入images文件夹。
frontpage还提供了一个_private文件夹,用来存放一些对网络浏览者不可见的信息。下面为当前站点再添加一个sound文件夹,用来存放web站点用到的声音文件:选中站点的根目录,然后单击“文件”菜单的“新建”项,在弹出的子菜单中选择“文件夹”命令。
在输入sound,新文件夹就建立好了[图2-5]。
八年级信息技术教案
教育技术121班魏建明1251601126 课题 第二节用ie浏览器浏览信息教学对象 八年级上学期教学时数 1课时教学目的。1.使学生初步了解ie浏览器 2.学会ie浏览器的基本界面及操作 3.学会搜索网页 文章等信息 教学重点与难点。教学重点 使学生正确的使用浏览器 教学难点 主页设置步骤 教学方...
八年级信息技术教案
三 学生练习。1 运用工具箱绘制书第二页图1.1左边的熊猫图。2 文档大小 500 350 3 正确保存文件至自己的作业文件夹中。四 小结。flash动画中的对象都要使用工具箱进行绘制请同学们多联系多实践多总结。逐帧动画。教学目标 了解flash中帧的类型,清楚在什么情况下使用什么样的帧。教学重点 ...
八年级信息技术教案
第一单元网络与生活。一 本单元课程简介。本册教材围绕 因特网与人类生活关系这一主线,介绍了因特网的发展历程及各项应用。本单元是一个准备阶段,让学生初步了解因特网 以学生的视角看待网络的发展 初步掌握上网所必须的软硬件设备 收集各类资料了解因特网的过去 现在和未来,并完成一篇小报告。第1课我看网络。了...