搜索
课题1、欣赏精美的网页三维目标知识目标了解网页是由哪些内容组成的；能力目标了解网页的简单结构；情感目标培养学生的审美观念。本节重点网页的概念难点网页的结构板书设计1、欣赏精美的网页教学环节知识内容及教法学法预期目标1、组织教学，导入新课，学习“看一看”2、演示网页3、教学练技能4、总结教师首先用网络广播的形式展示几个网页的图片，以此吸引学生的注意力，并注意每个网页的各自特点。导言：精彩的网络世界吸引着无数人的眼球，对我们同学来说，它也被笼上了神秘的面纱。有些同学也想在互联网上建立自己的空间，但又觉得这是非常高深的事情，其实这一切并不是那么难。互联网上有非常多的信息，这些信息的载体就是网页。那么从这节课开始，我们学习如何制作网页。首先，我们来欣赏几个网页，在欣赏的同时，我们应该注意以下这些网页基本上都是由哪些元素组成的。学习“学知识”（1）打开浏览器，输入网址，让学生自己浏览；（2）学生上机练习。请同学们带着下面几个问题浏览网页，以小组为单位进行讨论，教师巡视。（1）观察开的网页，看看上面都有哪些元素；（2）这些元素在网页中是怎样布置的？这样的结构有什么特点？这节课我们浏览了一些精彩的网页，也了解了网页的基本组成元素和网页的简单结构，同学们是不是想制作自己的网页呢？从下节课开始，我们将学习如何制作网页。小组讨论了解网页的基本结构。教学心得优点学生学习的积极性比较高，课堂上也建立了良好的师生关系。第二课我的第一个网页三维目标知识目标会启动frontpage2003能力目标认识frontpage2003的窗口组成；会建立包含一个网页的站点。情感目标建立审美的情趣。本节重点Frontpage2003界面。难点建立一个站点。板书设计第二课我的第一个网页Frontpage2003界面建立一个站点教学环节知识内容及教法学法预期目标一、导入本科二、教学新课三、练技能四、总结1、直接导入：对比word2003和frontpage2003的操作界面。通过对比，了解以前学过的word2003课程和frontpage2003在窗口上和操作上相似的特点，向学生介绍frontpage2003的界面和相关操作。通过对比请同学们想一想两者有何不同。以加深印象。2、教学“学知识”出示教学课件：通过演示介绍frontpage2003界面。以建立有一个网页的站点为例，介绍frontpage2003的操作。Frontpage2003的界面说明，frontpage2003的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口四大部分。（1）打开frontpage2003单击【开始】→【所有程序】→【MinrosoftOffice】→【MinrosoftOfficeFrontPage2003】（2）认识FrontPage2003的窗口标题栏、菜单栏、工具栏、主编辑窗口、状态栏、文件夹列表窗格、网页编辑窗格、任务窗格。3、现在我们就可以建立一个新的网站了。4、练技能教学建立只有一个网页的站点，在这个过程中，教师应强调建立的过程，而不要急于在网页中加入文字等信息。5、动脑筋教学看教师的演示上机练习了解frontpage2003界面结构能够上机打开frontpage2003并认识窗口。进一步了解窗口。第三课建立简单的站点三维目标知识目标网站的规划流程能力目标确定网站主题画出网站结构图情感目标建立审美情趣。本节重点设计一个简单的网站难点画出网站结构图板书设计第三课建立简单的站点确定网站主题收集网站所需要的材料设计网站的结构网站流程网页的制作与美化测试网页是否有错误申请一个网站空间上传网页，正式发布教学环节知识内容及教法学法预期目标一、导入新课二、教学新知三、课堂练习四、总结导言：我们已经会利用frontpage2003建立一个站点，但要想在网上安家，可要费点心思，就像盖楼：你的现在设计图纸，在采购原料，然后施工，在施工过程中还得随时监测施工质量，经过装修后，才能住人。网上安家也是一样的，需要一定的规则，“你需要一个什么样的家”“这个家里需要装些什么？”“这些东西放在那里”等等这些问题都需要我们先解决好。下面我们就开始解决这些问题。学知识部分的教学确定主题，学生可以以小组为单位进行讨论；收集相关资料；绘制网站结构图。练技能部分的教学确定主题，绘制出网站结构图。在制作网页前，先绘制好网站结构图，这不但可以帮助我们设计制作网页的内容，也方便我们思考各个网页之间的链接关系。我们把收集到的各类素材组织好，在网页编辑时将素材放到相应到网页中。了解网站的设计小组讨论学会绘制网站结构图第四课做一个简单的网页三维目标知识目标在网页中输入文字能力目标编辑网页中的文字保存网页情感目标激发学生的探知欲望。本节重点在网页中输入文字难点在网页中输入文字板书设计第四课教学环节知识内容及教法学法预期目标一、导入新课二、教学新课三、练习四、总结导言：文字是网页中信息传播的主要形式，在frontpage2003上编辑文字与在word中编辑文字非常相似。如果你会在word中编辑文字，那么，下面的学习将会很容易。一、看一看部分的教学二、学知识部分的教学，教学演示：1、打开frontpage2003，打开我们已经建立好的只有一个网页的网站，在文件夹列表窗格中双击index.htm网页文件，同学们看到了网页编辑窗格有没有变化？有了。说明我们可以对已经打开的文件进行编辑了。2、选择我们已经输入的文字“我的个人主页”，在样式列表框中选择“标题1”，在【格式】工具栏中选择“居中排列”选择字体颜色为“蓝色”。我们可以像修饰word文字一样修饰这些文字。3、选择第二行文字，字号“3（12磅）”，颜色为“绿色”；选择第三行文字，字号为“4（14磅）”，颜色为“红色”4、选定下两行文字，单击【格式】工具栏中的“居中”按钮。5、保存。三、教学练技能部分组织学生进行讨论，并注意保存文件，教师巡视。四、动脑筋教学，让学生联系word中的操作，独立操作。通过这节课的学习，同学们很好的掌握了如何制作简单的网页，希望你们继续努力。看教师演示上机操作通过回顾word中的文字编辑方法，达到认识frontpage2003的目的。培养学生的自学能力第四课用图片丰富页面三维目标知识目标在网页中插入图片能力目标对网页进行编辑；设置背景图片。情感目标培养学生的审美观念。本节重点在网页中插入图片难点设置图片属性板书设计第四课用图片丰富页面教学环节知识内容及教法学法预期目标一、导入新课二、讲授新课三、练习四、总结1、激发学生的学习兴趣，引入本课内容。直接导入：出示两个网页进行对比看看那个更漂亮？你准备好了用来编辑网站的各种图片素材了吗？2、教学学知识利用教学演示，在frontpage2003中插入图片。（1）插入一幅图片教师讲解插入图片的方法。（2）设置网页背景图片的属性①在某个图片上单击鼠标右键后，弹出一个快捷菜单，选择图片属性。②单击【图片属性】菜单选项，出现【图片属性】对话框。在【图片属性】对话框中，我们可以设置图片的各种属性。3、教学练技能学生上机操作，可以进行讨论，并注意保存文件。4、教学动脑筋同学们，我们虽然在网页中插入了图片，但这个图片并没有真正的“粘贴”到网页上，而是指向了图片所在的位置，因此在保存的时候，就会出现【保存嵌入式文件】的提示窗口。这节课我们学习了怎样在网页中插入图片，并学会编辑图片，老师相信今后同学们一定能够做的更好。引导学生回顾在word中插入图片的方法。能够独立插入图片能够在教师的指导下使用工具栏第五课用表格决定位置三维目标知识目标学会在网页中插入水平线。能力目标在网页中插入上次更新的日期。情感目标培养学生的审美观念。本节重点在网页中插入水平线难点设置水平线属性板书设计第五课用表格决定位置教学环节知识内容及教法学法预期目标一、直接导入二、教学新课三、总结直接导入：下面与我们前面做的网页有什么不同？对了，有两条水平线将图片和文字分隔开来，这样看起来是不是使页面更规整了呢！水平线的样式也很好看。网页中还有上次更新的日期和时间呢！1、插入水平线将光标移至要插入水平线的地方，单击菜单栏中的【插入】命令，在下拉菜单中选择【水平线】命令。这时页面上就会出现一条水平线。2、修改水平线属性问题：如何设置水平线属性？双击水平线，弹出【水平线属性】对话框，这里就可以修改水平线的“宽度”、“高度”、“对齐方式”、“颜色”等属性。3、修改水平线样式在【水平线属性】对话框中，点击左下角的【样式】按钮，打开【修改样式】对话框，之后，在【修改样式】对话框中选择左下角的【格式】下拉菜单中的【边框】命令，打开【边框和底纹】对话框，在这里就可以修改水平线的样式了。4插入网页更新日期。同学们，你能自己插入网页更新日期吗？试试看。小结：这节课同学们能够很好地掌握插入水平线的方法，并且完成的很好，希望今后继续努力。对于这部分的内容还有那些疑问吗？尝试练习小组讨论上机练习第七课实践我们的家三维目标知识目标利用FrontPage2003，以我们的家为主题，制作一个班级网页。能力目标情感目标本节重点将前几节学习过的内容应用网页制作中。难点板书设计第七课实践——我们的家教学环节知识内容及教法学法预期目标直接导入教师指导建议：让学生以小组为单位，按照网站规划流程，先设计出书面规划，、然后上机操作。学生上机操作。学生可以交流，按照老师布置的任务，上机实习。教师巡视指导。本节课是一节实习课，课前老师将任务布置给学生，让学生自主完成任务，教师巡视指导。学生自主完成教师布置的任务。使学生能够独立自主的完成网页的制作。增加学生实践的机会，把学到的知识应用于实践。作业第八课利用表格定位网页元素三维目标知识目标在网页中插入表格能力目标在网页中插入文字和图片情感目标本节重点网页中表格的插入、编辑和设置难点在表格中插入文字和图片板书设计第八课利用表格定位网页元素教学环节知识内容及教法学法预期目标一、导入新课一）、表格的组成表格的几个部分组成：表头：表格的首行，表示表格各列的名称。行：表格的一行，水平方向。列：表格的一列，垂直方向。单元格：在表格中，每个方格称为一个单元格（Cell），可以为每个单元格设置不同的属性。边框：在表格的四周，可设置有无。在每个单元格中，除了可以填写文本之外，还可以放置图片、表单等，表格的最大好处是能分类显示数据，同时还能利用表格来组织网页的整体布局。二）、插入表格在FrontPage2003中插入一张表格的方法有三种：1、使用【插入表格】工具按钮（1）将光标移到你要插入表格的位置，即插入点。（2）在常用工具栏中单击“”图标工具，在下方出现一个“4×5”的表格小方框。（3）按住鼠标左键，同时朝右下方拖动鼠标，在方框底部显示相应的表格行数和列数。（4）松开鼠标左键，在插入点处自动出现一张空的表格。2、使用【表格】菜单命令（1）将光标移到你要插入表格的位置，即插入点。（2）单击【表格】菜单，选择【插入】选项，并在选择项中单击【表格】选项，出现插入表格对话框。（3）在对话框中，在“行数”输入需要的行数（例中为5），在“列数”输入需要的列数（例中为4），同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距”。（4）最后单击【确定】按钮，屏幕上就会出现一张空的表格。说明：如果在对话框中“边框粗细”值设置为0时，则该表格线在浏览网页时不会被显示出来。3、使用手工绘制表格如果想在网页中插入一张不规则的表格，可以采用以下步骤：（1）将插入点移到你要添加表格的地方。（2）在【表格】菜单中选择【绘制表格】选项，或单击表格工具栏上的“”。（3）此时光标变成笔的形状。按住鼠标左键，然后向右下方拖动，到达适当位置的时候松开鼠标左键后，将会出现“1×1”的表格。（4）如果要在表格内添加表格的行和列，可以利用这支笔在表格内画水平或垂直线。（5）单击工具栏上的“”擦除按钮，可以删除表格内的任意一条线。4、嵌套表格很多时候，我们要在一张表格中插入另一张表格，其做法与前面所介绍的插入表格操作并没有太大的区别，只是在插入表格之前应该把插入点定位在单元格内。利用这种做法，我们将可以制作出非