简单的网页制作(一).docVIP

教学课题 简单的网页制作 所用教材 教材名称：　 中学信息技术（初中） 　第　全 册，第　5　章　1、2　节，第　1　课时 课时安排 1课时 教学用具 教学目标 知识与技能 掌握制作网页的一些基本操作，会在网页中插入文字、图片，能设置书签、文件、电子邮件地址等超链接，知道如何保存网页相关文件 过程与方法 能选择合适的信息技术进行有效的信息采集；能对自己和他人的信息活动过程和结果进行评价，能归纳利用信息技术解决问题的基本思想方法。 情感态度与价值观 激发和保持对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度。 教学重点 网页制作中对文本、图片、的设置和加工，文件的保存 教学难点 如何正确保存和网页中所用到的文件 教学方法 任务驱动教学 板书设计 让学生新建自己的文件夹命名规则为“班级座号姓名” 学校ftp地址及其用户名和密码，方便学生上交作业 教学过程及内容 教学环节 教学内容 处理方式 设计意图 情境设置 提问: 平时大家上网看别人的网页，今天我们要开始学习制作自己的网页。每个同学都有一个属于自己的星座，那这节课我们就要来制作自己星座的网页 引导学生对不同结构的网页进行对比判断 激发学生兴趣，创设的问题能让学生很快进入课堂氛围 新知探究（15分钟） （一）新建网页： （1）我们可以从【文件】菜单中选择【新建】菜单项，在子菜单中选择【网页】菜单项（2）这个对话框中列出了很多事先设计好的网页模板，这时，我们选择【普通网页】，单击【确定】，一个新的空白网页就建好了。 （二）FrontPage界面介绍 我们看到，FrontPage的界面和word有点相似，也是由标题栏、菜单栏、工具栏、工作区和状态栏等组成，视图栏可以显示，也可以隐藏不显示，可在菜单【查看】中选择显示或隐藏视图栏。工作区的底部我们可以看到有【普通/HTML/预览】三个标签，选择【普通】标签，可以编辑网页，选择【HTML】标签显示的是网页的HTML代码，选择【预览】标签，可以预览网页的效果。 （三）设置网页属性 制作一个网页前，我们先要学会对网页的属性进行设置，在工作区中单击鼠标右键，出现网页属性对话框，在这个对话框中我们可以修改网页的多种属性。首先是常规属性设置，我们可以修改网页的标题、背景音乐等，【标题】栏内输入“我的星座”，点击【浏览】可以导入背景音乐文件。 我们再来看【背景】这个标签，这里我们可以设置背景的颜色，也可以导入图片来作为背景。 （四）插入文本 设置好了网页的属性，我们就可以开始制作网页了，当然，在做的过程中，我们可以随时对网页的属性进行修改。 （1）静态文本的插入：现在我们来看这个网页是怎么做出来的呢，首先是开头——“完美理性的处女座”，我们可以看到那是艺术字，但事实上，FrontPage2000这个版本没有提供艺术字，如果同学们想要用艺术字的话，可以在word中先编辑好，然后把它粘贴到FrontPage中， FrontPage界面介绍 根据网页主题演示如何进行网页属性的设置 参照已做好的网页重新一步步地演示给学生看 教学过程及内容 新知探究（15分钟） 或者我们不用艺术字，也可以直接在FrontPage中设置字体的风格、大小、颜色等。 （五）插入图片 网页中如果只有文字的话，就会显得十分单调乏味，我们可以在其中插入图片，首先我们选择【插入】菜单中的【图片】-【来自文件】，导入我们要插入的图片文件，要对图片进行编辑，我们要单击选中图片，这时候会出现图片编辑的工具栏，点击可以在图片中插入文字，点击可以对图片进行随意的拖动，这两个可以对图片进行旋转，可以对图片进行水平或垂直的翻转。可以设置透明的颜色。如果要取消透明，可以右击图片，选择【图片属性】，进行设置。★★★注意：编辑过图片应进行保存后，预览时才会是编辑后的图片效果 （六）超链接将事先做好的网页切换到预览状态，把鼠标移动到网页的某些文字或图片上，指针变成了手指形，单击它，就会出现新的网页内容，网页中的这些文字和图片就叫链接点，这种从一个网页指向另一个目的端的链接就叫超链接。目的端可以是书签、文件、电子邮箱地址、网页、网站等。书签就是网页中被标记的位置。（1）书签链接我们可以选择一个位置插入书签，被插入的位置会出现书签的标号，右击选中的文字，选择【超级链接】命令，在书签中选择一个标签，切换到预览状态，单击设置了书签超链接的文字，网页的第一行跳转到被插入书签的位置。（2）文件链接如果我们已经做了好几个网页，现在想在某一个网页中点击链接可以链接到其他的网页，右击要创建超链接的文字部分，选择【超链接】命令，选择要链接到的网页文件，单击【确定】就可以了。也可以直接输入链接到的网址。 （3）设置e-mail链接e-mail链接的目标