第一课网页diy快车。
学习目标:1、认识frontpage2000窗口。
2、学会在网页中输入文字。
3、学会保存网页。
教学中难点:学会在网页中输入文字。
教学过程:同学们一定都非常喜欢上网,为什么呀?因为网上有丰富多彩的信息,除了有文字,还包含**、声音、动画和影片等。
如果让我们自己也来制作一个网页,那么应该在这之前把这些素材都准备好,并把它们都存放进一个专门的文件夹中。好了,一切准备就绪!让我们一起来创建一个属于自己的网页!
一、开启网页快车。
步骤:单击任务栏上的“开始”按钮,光标指向“程序”菜单中的microsoft front page,单击。也可以将其发送到桌面上。
二、front page窗口的组成。
有标题栏、菜单栏、常用工具栏、格式工具栏、视图栏、状态栏、编辑区等七部分组成。
三、网页的保存。
步骤:1、单击常用工具栏上的“保存”按钮。
2、在“另存为”对话框的“保存位置”栏中选择网页要保存的位置,系统会根据你输入的首行文字自动设置“网页标题”,如果对这个标题不满意,可以单击“更改”按钮重新进行设置。
3、在“文件名”框中输入文件名,“文件类型”为“web页”,最后单击“保存”按钮。
四、与frintpage2000说bye-bye
步骤:但既“文件”菜单,选择“退出”命令,就退出frintpage2000了。
学生练习:涛涛的网页、小青岛。
第二课文字大变身。
学习目标:1、打开一保存的网页。
2、学会设置网页中文字的字体和颜色。
3、学会预览网页效果。
教学中难点:学会设置网页中文字的字体和颜色。
教学过程:一、请出“老朋友”
步骤:1、打开frintpage2000窗口,单击“文件”菜单,在单击“打开”命令。
2、谈出“打开文件”对话框,在“查找范围”框中找到涛涛网页文件夹,选中文件,单击“打开”按钮,上节课制作的网页就被打开了。
二、对网页中的文字进行修饰。
步骤:1、选中要修饰的文字,单击“格式”菜单中的“字体”命令。
2、在弹出的“字体”对话框中设置字体、字型、大小和颜色,在单击“确定”按钮。用同样的方法修饰其他文字。
注:为了使网页的文字在连接到因特网上的其他计算机上也能顺利显示,建议大家最好只是用黑体、楷体、宋体、仿宋体等常用字体。若要是用其他比较特殊的字体,可以将它们做成**,再是用“插图”命令将它们置入。
三、文字“通关考”
步骤:1、选中网页中需要修饰的文字。
2、利用工具栏上的相应按钮对文字进行修饰。
学生练习:左对齐、加粗、居中、倾斜、右对齐、下划线的符号。
四、让文字变得更美观。
步骤:1、选中文字,单击菜单栏上的“格式”,在单击“段落”命令。
2、在“段落”对话框中设置段落的“对齐方式”为“两端对齐”,行距为“双倍行距”,首行缩进18磅,单击“确定”按钮。
3、设置好段落格式的网页效果如下图所示。
五、网页效果看得见。
步骤:单击窗口下方的“预览”标签,预览一下网页效果。预览完毕,如果发现什么问题,可以在单击“普通”标签,返回编辑界面继续进行修改。学生练习:课后体。
第三课缤纷新世界。
学习目标:1、学会插入水平线。
2、学会设置网页背景。
3、学会套用“主题”。
教学中难点:学会设置网页背景。
教学过程:一、插入水平线。
在制作网页的过程中,为了使网页条理清晰,通常在标题与正文之间插入一条水平线,水平线的颜色、粗细可以自由设置,插入水平线也可以美化网页。
步骤:1、打开上节保存文档,将光标定位到标题与正文之间的空行上。单击“插入”菜单中的“水平线”命令,网页中就插入了一条水平线。
2、双击水平线,弹出“水平线属性”对话框,为水平线设置适合的宽度、高度、对齐方式和颜色,单击“确定”按钮。
二、给网页穿上漂亮的外衣。
步骤:1、单击“格式”菜单,选择其中的“背景”命令。
2、在弹出的“网页属性”对话框中勾选“背景**”,单击“浏览”按钮,在弹出的“选择文件”对话框中选择好背景**,单击“确定”按钮,返回“网页属性”对话框,在单击“确定”按钮。
3、瞧,网页北京设置好了。漂亮吗?
三、我的网页主题。
步骤:1、单击“格式”菜单,在单击“主题”命令。
2、在弹出的“主题”对话框中选择“秋叶”主题,单击“确定”按钮。
3、条用“秋叶”风格主题背景后,网页呈现的效果如下图所示。
用你已经掌握的知识继续修饰网页。
步骤:1、对网页的标题条用“标题1”格式,方法是:将光标定位到标题文字处,在格式工具栏中选择“标题1”格式。
2、对剩下的文字套用“标题4”格式,保存你做的修改。
学生练习:课后题。
第四课**图画展。
学习目标:1、学会在网页中插入剪贴画。
2、学会插入来自文件的**。
3、学会设置**格式。
4、学会制作“自动缩略图”
教学中难点:学会在网页中插入剪贴画和来自文件的**。
教学过程:一、插入剪贴画。
1、打开“涛涛的画展”,迥光标定位在要插入剪贴画的位置。单击“插入”菜单“**”子菜单中的“剪贴画”命令。
2、在弹出的“剪贴画库”对话框中选择剪贴画的类别。
3、单击你喜欢的剪贴画,在弹出的工具菜单中选择“插入剪辑”按钮,将剪贴画插图网页中,调整好他的大小和位置。
4、单击工具栏上的“保存”按钮,弹出“保存嵌入式文件”对话框,你可以单击“重命名”按钮对**文件重新命名,并单击“改变文件夹”按钮将此**保存到“taotao”文件夹中,以使该网页在任何一台连通互联网的计算机上都能正常显示。
二、在网页中插图你喜欢的**。
步骤:1、将光标定位到要插**的位置,单击菜单栏上的“插入”在单击“**”子菜单中的“来自文件”命令。
2、在弹出的“选择文件”对话框中选择**文件,单击“确定”按钮。
3、插入**后的效果如下图所示。
三、去掉**的背景,让网页更加美观。
步骤:1、选中**,打开**工具栏,单击绘图工具栏箭头按钮,在单击一下**中的棕色背景,将棕色设置为透明。
2出现如下图所示的提示框,单击“确定”按钮。
3、看,**中的棕色背景去掉了。
4、继续插入好看的**,完成“涛涛的画展”网页。
四、自动缩略图。
当我们要制作一个类似**索引的网页时,可以在这个网页中放置很多张小**作为索引,当浏览者对某张**感兴趣时,他可以先单击小**,再从弹出的窗口中浏览清晰的大**,这些小**就称为“缩略图”。用frontpage2000可以轻松实现“自动缩略图”的功能。
步骤:1、选择“工具”菜单中的“网页选项”命令。
2、在弹出的“网页选项”对话框中单击“自动缩略图”选项卡,按你喜欢的方式设置缩略**的格式,单击“确定”按钮。
3、选定需要制作缩略图的**,单击**工具栏上的“自动缩略图”按钮。看,自动缩略图就做好了。用此方法为其他两幅**设置缩略图。最后,你可以通过尺寸控点调整缩略图的大小。
4、切换到“预览”状态,单击任意一幅缩略图,就可以切换到其放大**的窗口了。
学生练习:课后题。
第五课动感新地带(一)
学习目标:1、学会插入滚动字幕。
2、学会在网页中插入悬停按钮。
教学中难点:学会插入滚动字幕和悬停按钮。
教学过程:一、游来游去的字幕。
我们时常可以在电视屏幕下方一行缓缓移动的文字,称作滚动字幕。滚动字幕通常用来发布一些通知或重要说明。在网页中,也可以实现“滚动字幕”效果。
步骤:1、打开“涛涛的画展”,将光标定位在需要插入滚动字幕的位置。单击“插入”菜单“组件”子菜单中的“字幕”命令。
2、在弹出的“字幕属性”对话框中设置文本内容、字幕滚动的方向和速度,最后设置滚动字幕的表现方式和文本对齐方式。
3、在“重复”栏中勾选“连续”,在“背景颜色”下拉列表中选择滚动字幕的背景颜色。
4、设置完毕,单击“确定”按钮,效果如下页图所示。
注意:ie浏览器支持滚动字幕。但有的浏览器(例如版本较低的netscape浏览器)则不支持滚动字幕,此时滚动字幕效果无法实现。
5、单击窗口左下方的“预览”标签,或单击“文件”菜单中的“在浏览器中预览”命令,打开浏览器窗口,就可以看到“欢迎光临涛涛的个人画展!”这几个字在网页中从右向左滚动的效果了。
二、闪烁的按钮。
步骤:1、将光标定位到滚动字幕下面,设置该段落的对齐方式为“居中”对齐。
2、单击“插入”菜单“组件”子菜单中的“悬停按钮”命令。
3、弹出“悬停按钮属性”对何况,在“按钮文本”框中输入“我喜欢的**”,单击“浏览”按钮,选择“涛涛的画展”网页文件与之连接,在设置好“按钮颜色”、“背景颜色”、“效果”和“效果颜色”等参数,单击“确定”按钮。
4、设置好的按钮效果如下图所示。你可在浏览器中打开网页预览效果:当鼠标指针移到按钮上时,按钮颜色发生变化,单击鼠标,“涛涛的画展”网页就被打开了。
学生练习:课后题。
第六课动感新地带(二)
学习目标:1、学会设置动态效果。
2、学会设置网页的切换方式。
教学中难点:学会设置动态效果和设置网页的切换方式。
教学过程:一、舞动的文字。
步骤:1、打开“涛涛的网页”,单击“格式”菜单中的“动态html效果”命令。
2、选中网页的标题“涛涛的网页”,在“dhtml效果”工具来“开启〈选择一种事件〉”下拉菜单中选择“网页加载”事件。
3、在“应用〈选择一种事件〉”下拉菜单中选择“飞入”效果。
4、在“〈选择设置〉”下拉菜单中选择“从顶部”选项。
5、网页加载的效果就设置好了,单击常用工具栏上的“在浏览器中预览”按钮,玉兰网页的实际效果。你会看到,在打开浏览器窗口的同时,标题文字“涛涛的网页”也从顶部快速飞入。
注意:在“dhtml效果”工具栏中,有个“删除效果”按钮,弹机这个按钮,可以取消以前设置的动态效果。
在“dhtml效果”工具栏中,有个用来突出显示动态效果的按钮。默认状态下,设置完动态效果后,按扭成凹下状态,设置动态效果的文字四周会出现蓝色的背景框。如果你不想突出显示设置了动态效果的文字,就可以单击一下这个按钮,蓝色背景框就会消失。
学生练习:利用“dhtml效果”工具栏,设置动态效果。
二、**“变脸秀”
步骤:选中“涛涛的画展”网页中的一幅**,打开“dhtml效果”工具栏。单击“开启〈选择一种事件〉”,选择“鼠标悬停”事件。
五年级备课
第一课身边的信息。教学内容 身边的信息。教学目标 1 了解什么是信息,信息在社会生活中的作用。2 了解什么是信息技术。3 通过 信息 和 信息技术 概念的学习,使学生初步了解到在日常生活中应有意识地获取有用的信息,培养学生的信息意识。激发学生学习信息技术的兴趣。教学重点 难点 本课的重点是让学生认识...
五年级班会备课
同学们,俗话说 水入方杯则方 入圆杯则圆 我们小学生年龄小,任何好的行为习惯只要坚持才能养成良好的习惯,小学生守则 和 规范 就是教育小学生养成良好的行为习惯,做一名合格小学生。对于 小学生守则 和 规范 有的同学已经会背了。今天,我们就继续 学习守则 规范做合格小学生 的活动。请周雨 佟义静两位同...
五年级写字备课
11 窃读记。炒。1 火 点低撇高,收紧 2 少 点低撇高,捺长。锅。1 内框要内收 2 金字旁三横间距要相等 3 人 点靠上。踮。1 提要斜 2 店 撇长,占 把握中心 3 广 占 不要靠太近。饿。1 我 中心要收紧 2 斜钩上下出头,主笔突出。檐。1 木 左长右短 2 詹 注意上下结构。碗。1 ...