八年级下学期xinxijishu.doc

模块三 网页制作第一节 创建网站教学目的：1.使学生掌握网站的建立；2.使学生掌握网页背景的设置。教学要求：1.学生熟练掌握网页背景的设置。教学重点:1.如何建立一个空白网站。教学难点:1.网页背景的设置。教学方法：1.案例法、讨论法。教学场所：在计算机房中完成教学。导课：随着Internet的发展，越来越多的人开始上网，有些人甚至有了自己的网站，还有很多人希望在网上拥有自己的一片天空。我想问大家，你们想不想制作一个属于自己的网站呢？那好，下来和我一块开始创建自己的网站吧。新课：首先在硬盘上建立一个文件夹。例如我想制作一个关于旅游方面的网站，那么，就给这个文件夹取名为tour。一、建立自己的网站首先启动FrontPage软件，在新建里选择“空白网站”，然后在“指定新站点位置”里选择刚才在硬盘上建立的tour文件夹。此时，一个空白网站建立好了，大家发现里面只有两个文件夹。再到硬盘上看tour文件夹里面，会发现还有两个隐藏的文件夹，这些文件夹都不能删除。二、新建主页网站的第一页我们把它叫做主页，即Homepage。因此，我们制作的网站首先应该建立主页。在文件菜单中选择新建网页，系统默认的网页名叫做new_page_1.htm。FrontPage可以让我们在三种不同模式下显示同一网页，一般用户在“普通”模式下编辑，懂得html代码的用户可以在“html”模式下编辑，很早以前用户用“记事本”来编辑网页，html叫做“超文本标记语言”。三、设置网页背景和标题在网页的空白处单击鼠标右键，选择“网页属性”，在“常规”标签里的标题中输入“旅游风光”，还可以给网页添加“背景音乐”。此时的网页背景是白色，如果我们想用图片作为背景，要在“背景”标签里选择“背景图片”，通过浏览选择自己喜欢的图片。建议：作为背景的图片一定要颜色暗淡一些，并且颜色不要杂乱，这样才能保证网页的美观性。要用颜色填充背景，在颜色背景中选择自己喜欢的， 选择的颜色也不要过于艳丽，我们一般看到的网站还是白色。四、保存网页当我们设置好网页的标题和背景之后，必须保存，此时电脑会把第一张网页的名字自动取名为index，这就是我们一个网站中主页的名字，必须是这个名字，我们不能更改，否则将来别人无法浏览网站。其它网页的名字可以随便，如果刚才用图片设置的背景，电脑也会弹出图片保存对话框，我们一般把图片保存到网站最先给的文件夹images里，这样做的好处在于便于管理。五、浏览网页当我们编辑好一个网页，可以有两种方法预览：一种方法直接使用“预览”模式，另一种使用浏览器预览。观察浏览器标题栏上显示的名字，我们会发现是我们设置网页的标题名“旅游风光”。六、打开网页我们可以把别人制作好的网页打开从而进行学习。今天，我们打开“新浪的主页”，看看设计者是如何完成版面布局的。我们发现版面布局全部使用的是表格完成的，然后在单元格里放入图片、文字等其他内容。七、删除网站选择网站的文件夹，按鼠标右键中的删除命令，最后选择删除整个网站。看看硬盘上的那个文件夹还在不在。八、练习下来大家练习新建网站和主页，更改主页的标题和背景，还可以在网页上添加表格，最后保存。第二节 制作框架网页目的要求：1、使学生初步掌握用Frontpage制作网页的基本操作步骤，学会输入文字，插入活动字幕，插入背景、图片和音乐，能制作一个图文并茂的网页，有能力的学生可以编辑超级链接。2、培养学生动手操作能力、灵活的思维能力和创新能力。3、培养学生的合作意识和勇于探索创新的精神。渗透爱家乡、爱学校教育。重点：掌握制作网页的操作步骤。难点：图、文、声音、动画并茂，体验成功的快乐。教具准备：图片、文字、声音素材。教学过程：一、激情导入 （ 5分）1、打开图片和声音文件夹，最小化放在任务栏上；再打开Frontpage窗口。2、同学们做梦都想上网，到网上查资料、看动画、开阔眼界，同学们的梦想不久的明天准会实现。下面先请同学们欣赏一组简单的网页。以次激发学生的兴趣，调动创作欲。欣赏之后，你最想说什么？用一句话表达。（可能说家乡美；学校可爱等）。心动不如手动，这节课咱们就用学到的有关操作方法来制作一个漂亮的网页。3、先别急，请告诉大家：（1）你会输入网页标题保存网页吗？ （ 到前面来演示）打开网页 输入文字 编辑文字 保存D盘网页文件夹中 取名 点击保存。（2）你会插入活动字幕吗？定好光标位置 插入组件 字幕 文本中输入文字 确定 单击文字选中编辑 保存 预览有补充的吗？（3）你会设计背景吗？有补充的吗？格式 背景 网页属性中点击背景 背景颜色 确定（4）你会插入图片吗？定好光标位置 插入图片 D盘网页文件夹双击 选一张确定 。 还有更简便的方法？（5）你会插入声音吗？格式 背景 常规 背景音乐 浏览 D盘声音素材 选一个确定 预览二、制作网页 实践操作1、利用现有的资料你打算做什么网页？怎么设计？指名说 ， 然后小组中交流你的构思，合作设计个网页。（3分）2、设计好了吗？大家一定是急不可待了。赶紧创作，遇到麻烦请教老师和同学，互帮互学。操作过程中要大胆实践，发现快捷方式随时介绍给大家分享，可别独自受用啊。 （20分）3、展示作品，互相观看、交流。 （5分）4、评议优秀作品、展示并简单介绍。 （5分）你最欣赏谁的作品？好在哪儿？某某同学的作品深受好评，你能向大家介绍介绍你是怎么做的吗？请到前面来演示。三、全课总结。 （2分）这节课你有什么收获?学生总结。师：同学们在短时间内不仅掌握了制作网页的基本方法，还自主探究、合作学习，大胆实践，发现了那么多的快捷方式，网页制作得漂亮极了。老师只想说：同学们Very good!四、关闭计算机,离开微机室。第三节 美化网页教学目的：3.使学生掌握用格式工具栏改变文字的属性；4.使学生掌握图片属性的设置。教学要求：1.学生熟练掌握文字与图片属性的设置。教学重点:1.文章自然段的划分。教学难点:1.如何用文本来代替图片。教学方法：1.案例法、讨论法。教学场所：在计算机房中完成教学。导课：我们首先复习一下以前学习的知识。请一位同学给大家用“空白站点”模板建立一个网站，然后看一个例子，大家思考它是如何制作的。首先看浏览器标题栏上的文字，请问在哪里可以完成设置。我们可以用什么完成版面布局，这张网页添加的是几行几列的表格，表格的边框是如何变成虚线的。当我们把骨架搭好以后，最后就可以在单元格里面添加文字与图片了。新课：一、添加文字直接在光标闪烁处输入文字。二、修饰文字当我们把文字输入以后，更希望文字变得漂亮，我们用哪一个工具栏可以完成文字的美化。三、自然段的划分我们首先看这个例子。这篇文章有很多自然段，大家想想输入什么可以换行并另起一段，如果只想换行不想另起一段，那该如何做呢？看书上第33页小知识。四、添加图片在“插入”菜单中选择“图片”里面的“来自文件”选项。五、修饰图片调用“图片”工具栏或者单击鼠标右键选择“图片”属性。六、用文本替代图片 单击鼠标右键选择“图片”属性中的“常规”标签，在“替代表示”中“文本”里输入文字，这些文字内容的含义主要用来说明或解释图片。最后用浏览器浏览制作效果。第四节 制作动态网页教学目的：5.使学生掌握如何在网页中添加表格；6.使学生掌握表格属性的设置。教学要求：1.学生熟练掌握表格属性的设置。教学重点:1.设置表格的边框。教学难点:1.表格和单元格背景颜色的优先级。教学方法：1.案例法、讲授法。教学场所：在计算机房中完成教学。导课：大家上节课学习了如何创建网站，并且我们看到了著名“新浪”网站设计者设计的新浪主页，版面布局用表格来完成的，因此，今天我们首先来学习与表格有关的知识。新课：请同学们回忆一下在Word中是如何添加表格的？一、添加表格在“表格”菜单中选择插入选项，输入相应的行数和列数，对齐方式选择“水平居中”。除了这种方法，我们还可以手工绘制表格。二、调整表格宽度和单元格宽度 首先选中表格，单击鼠标右键，选择“表格属性”，可以用“百分比”和“像素”来表示宽度，例如在数据框中输入50，表格的宽度占屏幕宽度的50%。还有种最简单的方法，像在Word中直接调整宽度和高度。 如果要设置单元格的宽度，只需选择“单元格属性”，在指定宽度中输入具体的值，和表格属性一样，但是最简单的方法还是直接调整单元格的高和宽。三、设置表格和单元格的背景我们首先改变表格属性中的背景，用一种颜色填充，然后我们在改变单元格的背景，你们发现谁的属性级别高呢？如果我们不想改变整个表格的属性，只须改变单元格的背景。四、表格的边框我们主要用表格来完成版面布局。因此为了不让用户在网上看到表格的边框，我们把它设置为0。第五节 发布网站教学目标：1、了解获取站点空间的基本方法。2、学会测试、检查站点。3、掌握发布站点的操作方法。教学重点：发布站点的基本方法。课堂导入：如何将制作完成的网站信息发布到互联网上？网站建好后，可在Internet上申请免费的网页空间。只有将站点发布到服务器上，才能通过Internet联机访问。教学过程：1、获取站点空间。获取站点空间的三种途径：一是向ISP租用站点空间。二是在网上申请免费的网站空间。三是把自己的计算机建成一个网络服务器，并与Internet建立连接。2、测试网站。A、检查网页的内容。浏览每一个网页，查看网页中使用的图像是否清晰，链接是否有效，文字与背景的配合是否协调，词语和句子是否正确和规范等。B、 检查超链接的可靠性。单击“超链接”按钮，切换工作模式到“超链接”视图方式，查看网站中是否存在无效的超链接。C、 查找慢速网页和未链接的文件。单击“报表”按钮，切