Frontpage_教案全集

Frontpage教案第一课展示自己的大舞台...........................................................................................................2第二课建筑网上家园...................................................................................................................4第三课挂上我们的全家福...........................................................................................................6第四课温馨浪漫的音乐茶座.......................................................................................................8第五课精心装点我们的家园.......................................................................................................9第六课让文字舞起来.................................................................................................................11第七课让网页闪起来.................................................................................................................13第八课网际任我行.....................................................................................................................15第九课荣誉大展厅.....................................................................................................................16第十课制作同学录（一）.........................................................................................................18第十一课制作同学录（二）.....................................................................................................20第十二课创建书签.....................................................................................................................22第十三课导入文件.....................................................................................................................24第十四课动画世界.....................................................................................................................26第十五课找个地方安家.............................................................................................................28第一课展示自己的大舞台教学目的与要求：1．了解网站建设规划流程；2．收集整理资料。教学重难点：1．网页的连接；2．网站的规划。教学过程：一．引入新课我们的校园生活丰富多彩，班级活动活泼有趣，怎样让远方的伙伴了解我们的校园生活呢？为了更好地展示我们班级的风采，让更多的人认识和欣赏我们，我们可以制作班级网站，发布到因特网上，让更多的人了解我们班。二．网页之间如何联系1．在因特网上，利用超级链接可以方便地将与网站主题相关联的一个个网页链接起来，使其变成一张有序的网，为人们展现丰富的主题内容。2．以“中国儿童中心”的首页为例，介绍网页的链接。在“中国儿童中心”网站中，网页是由一层层的超级链接组织起来的。如第一个页面中包括“芝麻开门”、“故事地界”、“能力大比拼”、“游戏天地”等栏目，“游戏天地”栏目又分别链接有“益智游戏”网页、“趣味游戏”网页、“技巧游戏”网页三大内容。当我们选择“益智游戏”时，又看到许多游戏名称供我们选择。3．请学生随便找一个网站，点击网页，体验超级链接。三．网站规划网站是由多个网页链接组成的，在开始制作网站前最好做好整体规划。1．确定网站主题。网站的主题决定制作网站的风格，决定网站所包含的网页信息。2．搜集素材。通过多种渠道搜集网站所需要的各种素材。3．筛选、整理素材。对搜集来的素材进行必要的挑选、修改、编排、整理，筛选出各类网页所需要的素材。有时还需要根据实际情况自己动手完成一些必要的文字、图片等素材。4．做好网站建设规划。根据我们筛选、整理的素材，按照不同的分类，规划整理到不同的网页中。同时要注意使页面布局主题突出、美观大方、有自己的特色。5．选择网页制作软件，开始制作。四．思考与练习为自己的班级网站设计一个欢迎首页。第二课建筑网上家园教学目的与要求：1．掌握建立站点的方法；2．掌握保存网页及预览网页的方法。教学重难点：1．建立站点；2．保存网页；3．预览网页。教学过程：一．复习巩固二．引入新课目前，可以制作网站的工具软件非常多，我们选用FrontPage作为网站制作的工具软件。三．建立新站点1．打开FrontPage，单击“文件”→“新建”→“站点”，打开“新建”对话框。2．选择“空站点”，键入站点的保存位置和名称，单击“确定”按钮。四．建立网页在FrontPage中创建站点后，会自动在站点文件夹内创建两个文件夹，用于制作网页时存放各类资源。在光标处输入网站的名称，并写上一段欢迎的文字，例如“欢迎走进温馨的XX班网上家园”。这样，一个只有文字的网页就建立好了。五．保存网页单击“文件”→“保存文件”，打开“另存为”对话框，输入文件名，单击“保存”按钮。六．预览网页1．在浏览器中预览网页。单击“文件”→“在浏览器中预览”，打开“在浏览器中预览”对话框，单击预览。2．在FrontPage窗口中单击“预览”按钮，进行预览。3．观察使用两种预览方法所显示的预览效果。七．思考与练习建立一个新站点，并输入文字，保存后预览。第三课挂上我们的全家福教学目的与要求：1．掌握打开站点的方法；2．掌握插入图片的方法；3．掌握保存图片的方法。教学重难点：1．插入图片；2．保存图片。教学过程：一．复习巩固。二．引入新课仅有文字的网页显得有些单调，今天，我们在网页上挂上我们的全家福“班级合影”图片。三．打开站点1．单击“文件”→“打开站点”，弹出“打开站点”对话框。2．单击“查找范围”后的小方块按钮，选择站点位置。单击“打开”按钮。四．插入图片1．在文件夹列表中，双击new_page_1.htm,打开网页。2．在网页上把光标移到要插入图片的位置。3．单击“插入”→“图片”→“来自文件”，打开“图片”对话框。4．单击“从计算机上选择一个文件”按钮，弹出“选择文件”对话框。5．单击“查找范围”后的小方块按钮，选择图片文件所在的位置。6．选择图片文件，“班级合影”，单击“确定”按钮。{①插入的图片的大小可以自由调整。单击图片，出现8个控制点，拖动这些控制点就可以改变图片的大小。②网页上常用的图形格式有Gif和Jpeg两种。Gif主要用于网页上一些颜色比较简单的图形，如小插图、Icon、Logo、字体等。Gif也支持单一颜色的透明设定，还可以做出动画。Jpeg也称Jpg，是一种图形压缩格式，文件较小，它主要用于色彩数较多的图形，也支持全彩，网络上的照片主要是这种格式。五．保存图片在保存含有图片的网页时，计算机会自动弹出一个“保存嵌入式文件”对话框。这是因为我们刚刚从站点外“我的资料”文件夹中插入了一个图片，现在计算机要求把这个图片存放到站点内。文件名new_pa1.jpg是计算机自动生成的。为了方便使用，我们可以重新给图片起名字。在“保存嵌入式文件”中选择图片文件new_pa1.jpg，单击下面的“重命名”按钮，可对其重命名。我们将图片文件重命名为bjhy.jpg。为了方便图片管理，计算机自动在站点内为我们建立了一个存放图片的文件夹images。一般情况下，我们都把图片文件存放在这个文件夹内。在“保存嵌入式文件”对话框内，选择图片文件bjhy.jpg，单击“改变文件夹”，打开“改变文件夹”对话框。选中“images”，单击“确定”按钮，图片文件bjhy.jpg就存放在“images”内了。单击“确定”按钮就完成了对网页和图片的保存。六．思考与练习在网页中插入图片，将插入图片的网页保存，并将图片存放到images文件夹内。第四课温馨浪漫的音乐茶座——设置背景图片和音乐教学目的与要求：1．掌握设置背景图片的方法；2．掌握设置背景音乐的方法；3．掌握保存背景音乐的方法。教学重难点：1．设置背景图片；2．设置背景音乐。教学过程：一．复习巩固二．引入新课我们在浏览许多网页时，可以听到优美的音乐，看到漂亮的背景。今天，我们就揭开它的神秘面纱。三．为网页设置背景1．单击“格式”→“背景”，打开“网页属性”对话框。2．选择“背景”标签，选中“背景图片”，单击“浏览”，选择背景图片，单击“确定”按钮。四．为网页配背景音乐1．在“网页属性”对话框中选择“常规”标签。2．单击“浏览”按钮，弹出“背景音乐”对话框，选择背景音乐文件，单击“确定”按钮。五．保存网页1．把“背景.gif”更名为“bj.gif”，保存在images文件夹内。2．把“背景音乐.mid”更名为“bjyy.mid”，保存在站点根目录下。六．思考与练习为自己的网页设置背景图片和音乐。第五课精心装点我们的家园——表格在网页中的应用教学目的与要求：1．了解表格在网页中的作用；2．掌握插入表格的方法；3．掌握首页命名及设置网页标题的方法。教学重难点：1．利用表格制作网页。教学过程：一．复习巩固二．引入新课一个好的网页不仅内容要充实，而且版面要美观。为了一个好的视觉效果，需要精心装点自己的家园。打开我们的网页，怎样将网页中的文字、图片摆放得更美观一些呢？三．利用表格制作网页插入表格的方法非常简单，但在插入表格之前，我们需要知道自己要画一个几行几列的表格。1．新建网页并设置网页背景。单击“新建”按钮，新建一个网页。将适合的图片设置成网页背景2．打开“插入表格”对话框。单击“表格”→“插入”→“表格”，弹出“插入表格”对话框。3．输入行、列数，设置布局参数，单击“确定”按钮。4．通过鼠标调整表格的列宽。5．在合适的位置放入欢迎文字、全家福、欢迎词等。四．设置网页标题在“保存网页”对话框中设置网页标题。1．输入文件名：index2．单击“更改”弹出“设置网页标题”对话框3．输入网页标题“首页”，单击“确定按钮”{index.htm是网站常用的首页名。这是因为，我们在浏览器中输入一个