《frontpage》教案,共36课时。
1 制作一个简单的网页
2 编辑网页(一)
3 编辑网页(二)
4 使用图形(一)
5 使用图形(二)
6 超链接
......
授课章节
名称 制作一个简单的网页
授课课时 2 授课班级 会计062,063,064
教学目的 1.建立简单的页面
2.页面的修饰
3.视频和音频
教学重点及难点 页面的修饰
教学后记 学生对于本节课有浓厚的探究兴趣。在学习过程中能发现与前面软件的差别
授课主要内容或板书设计
课堂教学安排
教学过程 主要教学内容及步骤
一、新授
1、建立简单的页面:
你现在正在上网,一定去了不少站点吧!这些站点的页面都设计得非常精美,让你在浏览信息的同时,还可以得到美的享受。这么吸引人的页面,是怎么制作出来的呢?你想不想也做一个精美的个人主页呢?如果你的回答是肯定的,那我们就一起学一下FrontPage的使用。FrontPage是优秀的专业化站点设计软件之一,使用FrontPage你只要几分钟就可以建立一个自己的站点,这可是一件令人激动的事哟!
2.页面的修饰
你可能要问,在Internet上看到有许多站点上不仅有文字,还有图像、声音甚至视频。这又是怎么制作的呢?
(1)首先,我们要启动frontpage2000来新建一个新站点
步骤:单击任务栏上的“开始”按钮→“程序” →“Microsoft frontpage”
单击常用工具栏上的“保存”按钮
在弹出的对话框中为新站点指定保存位置
在文件名输入框中输入“页面1”,单击保存按钮,Frontpage会自动给它添加扩展名“.htm”,表示它是一个站点文件
(2)怎么向站点中添加内容呢?
单击空白站点,使光标移到新站点,输入文字“小馨向你问好”,拖动鼠标选中该文字,单击工具栏中的居中按钮,使该文字居中显示,并且设置字号为7号,使该文字放大,再为站点设置一个标题,在站点上右击鼠标右键→“站点属性”,单击“常规”选项卡,在标题框内输入:小馨的家。单击“确定”按钮,这样一个简单的页面就完成了,别忘了要先保存一下自己的作品呀。下面我们可以通过“文件”菜单→“在浏览器中预览”在浏览器中浏览一下自己做的站点啦!
为了使站点更加丰富多彩,我们还可以在其中插入视频和音频特效。
(3)下面我们在站点中插入一幅图片
步骤:将光标定位在要插入图片的地方,“插入”菜单→“图片” →“来自文件” →在弹出的对话框中选择要插入的图片→单击“确定”按钮。下面给站点配上背景图,在站点上右击鼠标右键→“站点属性”,单击“背景”选项卡→单击“浏览”按钮,选择需要的背景图案文件,新站点就有背景了!别忘了要保存一下了。
(4)如果你已经编辑好了多个站点,这些站点之间应该如何联系呢?
这就是我们下面要学的知识—“超链接”,下面我们在创建一个页面叫“小馨的简历”,在该页面内输入一些相关的简历,然后保存起来。切换到刚才的站点,在图片下面加上文字“我的简历”,然后选中这四个文字,单击工具栏中的“超链接”按钮,在对话框中选择“小馨的简历”站点。然后保存一下修改过的站点。这时你就可以预览了,单击“我的简历”就可以进入“小馨的简历”的站点啦!
(5)怎么给站点加上背景音乐呢?
在站点上右击鼠标右键→“站点属性”,单击“常规”选项卡→单击背景音乐后的“浏览”按钮,选择需要的背景音乐,保存该站点,这样打开该站点时就会伴随着音乐啦!
(6)视频的插入
步骤:确定插入视频的位置
单击“插入”菜单下的“高级”子菜单,在插件属性的对话框中,单击“浏览”按钮,选择视频文件(扩展名:.avi),单击“确定”按钮。保存一下该站点就可以看一下效果啦!
3、让别人看到
我们现在编辑的站点是一个个的文件,在Internet上的人怎么访问这个站点文件呢?我们只要将编辑好的站点上传到WEB服务器上,别人就可以通过URL地址访问这个站点了。
在Internet上计算机、文件夹、文件等所有的资源都是用URL命名的。当输入的URL地址发送给WEB站点服务器之后,服务器就会做出响应,把指定的WEB文件发送给计算机的浏览器,我们就可以在浏览器中浏览WEB页了。比如我们在IE地址栏中输入洪恩公司的URL地址,单击“转到”按钮,就可以进入洪恩公司的站点。
你可能要问,在地址栏中并没有写出要访问的文件名,为什么总是访问洪恩公司的第一个页面呢?是这样的,我们输入的URL虽然没有指定要访问洪恩公司站点的哪一个目录和文件,但WEB服务器会自动指定一个该WEB站点的页面,我们把这个页面称为WEB站点的主页,它的作用就好像是一个门,我们可以通过这个门进入站点的其他各部分。WEB站点总是由一个主页和许多从页组成的。
好了,FrontPage的入门知识就讲到这里,如果要制作一个好的站点,还有许多知识要学习。在后面的教程里,我们会系统地教您FrontPage的使用。希望大家通过这些学习,能够自己设计出精美的站点。
二、练习:
把刚才所讲过的简单站点完成
三、作业:
1、简述图片的插入步骤?
2、简述视频文件的插入步骤?
3、简述超链接的作用及设置方法?
……