九年级信息技术教案

老师：詹 力 2009年下学期 第1.2课时 启动frontpage2000建立站点和图片收集 教学目的：掌握站点的建立，学会软件的启动和素材的收集，了解站点的打开和关闭。 教学重点：创建站点，收集图片，启动frontpage2000。 教学时间：2课时 教学过程： 教师讲解、示范 1、启动FrontPage 2000 单击任务栏上的“开始”按钮,从“程序” 菜单中选择“Microsoft FrontPage”单击。 2、FrontPage 2000的界面说明     FrontPage 2000的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。 ①、菜单栏包括”文件”、”编辑”、”查看”、”插入”、”格式”、”工具”、”表格”、”框架” 、”窗口”、”帮助”等10个菜单。 工具栏单击”查看”菜单，选择”工具栏”， 在出现的下拉菜单中列出了几种不同的工具栏，如果菜单 项前面有一个对钧号“√”，表明在界在上已显示此菜单项。如果再单击一下，将取消这一项的显示。 ②、主编辑窗口在编辑网页时，有3种显示方式，即普通、HTML和预览。 普通显示方式是最常用的显示方式，一般是在此方式下工作。 HTML显示方式在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网 页中动态显示时间）而经常使用。 预览显示方式在需要预先观察网页的显示效果时使用。当使用管理功能时，主编辑窗口相应地会显示各种 任务下的文件或站点信息。 3、新建站点 实例：使用”只有一个网页的站点”模板创建一个Web站点。 操作步骤： （1）打开”文件”菜单，选择”新建”菜单项，在子菜单中选择”站点”菜单项，出现一个”新建”对 话框，在对话框的”指定新站点的位置”项中输入新站点的存放位置。 (2)：新站点的存放位置选择是磁盘存储方式，是因为考虑到实践操作中的方便。而一个站点要让在 Internet上的用户正常浏览的话，应该通过FrontPage的站点发布功能或FT文件传送方式，把该站点内容 传送至能提供存放空间的Web服务器上去。 （3）单击”确定”按钮。此时FrontPage会自动以新站点名建立一个站点，并显示一个正在创建站点的提 示对话框，之后该站点很快便创建好了。 4、关闭站点 打开”文件”菜单，选择”关闭站点”菜单项，则当前站点被关闭。 5、打开站点 站点内容需要修改或添加时，必须把该站点打开。操作过程如下： 打开”文件”菜单，在下拉菜单选择”打开站点”，出现一个对话框，在对话框的”文件夹”项中输入该 站点的存放位置，然后单击”打开”按钮，站点将被重新打开。 6、收集图片    拷贝图片到新建站点的图片文件夹images中。 学生上机操作 创建自己的站点，收集图片素材。 第　3　.4　课　时网页文本的基本制作 教学目的：学习文字的输入和设置，掌握网页的新建和保存。 教学重点：文字的输入和设置, 网页的新建和保存。 教学时间：2课时 教学步骤： 上节课已经介绍了如何创建一个Web站点，接下来我们将着重学习如何使用FrontPage 2000来制作网页了 。实例说明：     本例是一个简单的主页制作，通过这个例子，我们将学会如何在站点内新建一个网页、设置页面格式 、文字输入及字体设定、网页的预览与保存等基本方法。 教师讲解、示范 1、新建网页   方法： 使用工具按钮。在FrontPage 2000中单击“    ”新建网页工具按钮，在主编辑窗口将出现一个空白网页 。 使用菜单命令。（1）我们也可以从”文件”菜单中选择”新建”菜单项，在子菜单中选择”网页”菜单 项，出现一个对话框。（2）这个对话框中列出了很多事先设计好的网页模板。这时选择”普通网页”， 单击”确定”按钮，此时在主编辑窗口中将出现一个空白网页。 2、网页属性 在空白网页中单击鼠标右键，从弹出的菜单中单击”网页属性”选项，出现网页属性对话框。在这个对话 框中我们可以修改网页的多种属性。 （1）、常规属性设置。在这个对话框中共有5个选项卡。其中，在”常规”选项卡中我们可以修改网页的 标题、背景音乐等。 修改网页标题。在对话框”标题”栏内输入“我的主页”。 修改背景音乐。单击”背景音乐”区域的”浏览”按钮，出现对话框，单击“ ”图标按钮，在硬盘目录 下选择一个Wav声音文件。本例使用“C:\windows\Media”目录下的“Start.wav”文件，大家也可以自己 选择其他的声音文件作为背景音乐。缺省状态下背景声音的设置为始终有声音。 （2）、背景色设置。单击网页属性对话框的”背景”选项卡，就可以设置网页的背景色和图片等。 3、文本输入     从工具栏中的”字体样式”下拉菜单选择“标题1”，然后从键盘输入“这是我的第一个主页”，按 回车键。    从”字体样式”下拉菜单选择“标题2”，输入“个人信息”，然后按回车键。接着输入“姓    名： 小明”，按Shift键加回车键；输入“年    龄：17”，按Shift键加回车键；输入“就读学校：珠海新世 纪学校高一(1)班”，按Shift键加回车键；输入“职    务：班长”，按回车键。 4、字体设置 （1）、选定文字 选定文字的方法有两种： ①一种方法是将鼠标指针移到待选文字段的开头，按住鼠标左键，不要松手，然后向右下方拖动，将该段 文字涂黑； ②另外一种方法就是用键盘上的光标箭头将插入点移到选定文字的开头，然后左手按着Shift键，右边按 光标移动键（如←、↑、→、↓键），也可将所选定文字涂黑。 （2）、修饰文字 修饰文字是指文字的字体、字型、大小（字号）、颜色、效果的设置。 例：选定“这是我的第一个主页”文字后，设定文字属性的操作有以下两种： ①单击”格式”菜单项，选择”字体”后出现字体对话框； ②或单击鼠标右键，在弹出的对话框中单击”字体”选项，也将出现字体对话框。 ③这时在对话框中的字体设为“隶书”，字型为“加粗”，大小为“6 （24磅）”，颜色为“红色”，效 果为默认。单击”确定”按钮即可完成文字修饰。例中其他字体修饰的操作也类似进行。 5、保存网页 单击常规工具栏上的“ ”，或单击”文件”菜单再选择”保存文件”，就可以把正在编辑的网页保存起 来。或直接按Ctrl+S键也可以保存网页。 在对话框中的”文件名”栏内输入网页的文件名（如“First”），单击”保存”按钮，该网页就会保存 到当前的站点上。FrontPage 2000保存文件的类型主要有网页文件（.htm）、FrontPage模板（.tem）、 文本文件（.txt）、超文本模板文件（.htt）等。 6、关闭网页 （1）、单击”文件”菜单并选择”关闭”，或直接按Alt+F4键，如果此时网页文件未保存，就会出现一 个提示对话框。 （2）、当单击对话框中的”是”按钮时，将出现保存网页对话框，输入网页文件名并单击”保存”按钮 后，网页文件将被关闭；当单击”否”按钮时，该网页文件不保存并关闭；当单击”取消”按钮时，该网 页文件不关闭，并返回主编辑窗口。 五：学生上机操作，教师指导 第5课时　图片的运用 一、教学目的：学习图片的插入和设置。 二、教学重点：图片的插入和设置。 三、教学时间：1课时 四、教学步骤 教师讲解、示范 一）插入图片 下面我们以一个实例来说明如何在网页中加入图片。其操作步骤如下： （1）新建一个空白网页，把光标定位到要插入图片的地方。 （2）单击“ ”工具图标，或单击”插入”菜单，选择”图片”菜单项，在子菜单中单击”来自文件”选 项，在出现一个”图片”对话框的同时，还弹出一个”选择文件”对话框。 （3）在”选择文件”对话框的“搜寻”栏内选定图片的存放位置，然后从文件列表中双击某个图片文件 （或选定图片文件），单击”确定”按钮，则图片插入到网页中。 二）、设置图片的属性 在网页中插入图片后，我们还要对图片的某些属性进行设置。 （1）在某个图片上单击鼠标右键后，弹出一个快捷菜单，选择图片属性。 （2）单击”图片属性”菜单项，出现图片属性对话框。在图片属性对话框中，我们可以设置图片的各种 属性： 1、常规属性 “图片源”：指图片的存放位置。如果要重新选择其他一幅图片时，单击”浏览”按钮。如果要修改这幅 图片，可以单击”编辑”按钮，启动自带的Image Composer软件，修改完图片后，只要退出该软件，网页 图片就会自动更新。 “替代表示”：如果当前图片较大，分辨率也较高，我们应该在”低分辨率”中选定一个备用的低分辨率 图像，这样在一些浏览网页的低档机显示器不能显示高分辨率图片时，可以显示这个低分辨率的图片。此 外，在“文本”栏内默认值为图片文件名加上文件长度，这是当该图片不能显示时，这些说明文字会显示 出来，也就常说的图片的别名。若要修改图片的别名时，在文本框内输入即可。 2、图像的外观 单击”图片属性”对话框中的”外观”选项卡。在这个对话框中，我们可以设置图片与文本之间的对齐方 式、图片的边框粗细以及图片的大小等。 布局栏： 单击”对齐方式”下拉箭头，出现一个下拉菜单，有多种对齐方式，在图文混排时非常有用，大家可以试 试看。 利用”边框粗细”可以在图片周围加上一个指定宽度的边框。值为0时，边框不显示。 设置”水平间距”和”垂直间距”的值，可以改变图片与相邻内容（如文字）之间的距离。 默认情况下，浏览器中显示的网页图片是实际大小的图片。如果要改变图片的大小，则在对话框的”大小 ”栏中调整“宽度”、“高度”的值（单位为像素或百分比）。选择“保持纵横比”选项是防止尺寸修改 后的图片出现太扁或太长的“变形”现象。 图片的定位，可以单击图片工具栏的图片定位按钮。图片可以随便移动，但在预览时常会与实际不一致。 三）学生上机操作：      在网页中插入合适的图片。 第6.7课时 项目符号与编号列表 一、教学目的：学习使用项目符号，理清条理，理解做事步骤。 二、教学重点：编号列表，图片项目符号列表，多级列表。 三、教学时间：2课时 四、教学步骤： 教师讲解、示范 一）编号列表 编号列表是在实际应用中最为常见的一种列表，编号列表的各列表项以某种形式的顺序进行排列。下面我 们以一个实例说明。其操作步骤如下： 1、新建一个空白网页，输入“我的兴趣和爱好”标题，按回车键； 2、单击“ ”工具图标，在网页中出现“1.”，在这个编号后面输入“看书”； 3、按回车键后，在“2.”后面输入 “上网”； 4、重复上述步骤，直到出现编号“5.”。在其后面输入“踢足球”，然后按Shift+回车键，再输入“打 网球”，按回车键； 5、在编号“6.”行上按回车键，该编号就会在屏幕上消失了； 6、将网页文件保存起来，并在浏览器中浏览。 另外，在编号列表中，列表符号可以是数字，也可以是其他符号，这些符号有：（1）大写罗马数字：如 Ⅰ.、Ⅱ.、Ⅲ.、Ⅳ.、…；（2）小写罗马数字：如ⅰ.、ⅱ.、ⅲ.、ⅳ.、…；（3）大写英文字母：如A. 、B.、C.、D.、…；（4）小写英文字母：如a.、b.、c.、d.、…。当需要改变列表编号时，其操作过程 大致如下： 1、将光标定位在一个列表所在行的任意位置。 2、然后单击鼠标右键，这时将弹出一个对话框，单击其中的”列表属性”选项，出现列表属性对话框。 （或者单击”格式”菜单，选择”项目符号和编号”菜单项亦可。） 3、此时在对话框中打开的是”编号”选项卡。 4、单击不同的选择框，然后单击”确定”按钮，就可以选择不同样式的项目编号。 二）项目符号列表 与编号列表不同，在项目符号列表中各列表项都是通过一个特殊符号引出的。下面以一个项目符号列表的 实例来说明。     其操作步骤如下：     1、新建一个空白网页，输入“我喜欢看的文学名著”，按回车键； 2、或单击“ ”工具图标，在网页中出现一个黑点列表符号，在列表符号后面输入“《三国演义》（罗贯 中）”； 3、按回车键后，在下一行又出现一个黑点列表符号，依次输入“《水浒传》（施耐庵）”，按回车键； 4、重复上述步骤，直到把“《西游记》（吴承恩）”、“《神曲》（但丁）”全部输入计算机中； 5、在最后出现的黑点列表符号行上，再按一次回车键，该黑点就会在屏幕上消失了； 6、将网页文件保存起来，并在浏览器中浏览。 三）图片项目符号列表 图片项目符号列表是一种特殊形式的列表，列表符号均由指定的图片引出列表项。在FrontPage 2000中， 用于列表的图片可以是软件自带的图片，也可以是你所指定的图片。 下面我们以一个图片项目符号列表的实例操作进行讲述。 具体操作过程如下：     1、新建一个空白网页，输入“21世纪的科学技术”，按回车键。选定这段文字，并设置为6号字、宋 体、加下划线； 2、单击”格式”菜单项，然后选择”项目符号和编号”菜单项，出现项目符号和编号方式对话框，此时 打开的是”图片项目符号”选项卡。 3、选择”指定图片”，单击”浏览”按钮，出现选择图片对话框。 4、单击对话框右下角的”剪贴画”按钮，就会弹出”剪贴画库”。选择并单击”Web符号”选项，从中选 择一种图片（例中是“ ”），选中后单击“ ”插入剪辑按钮。网页上就会出现这个图片符号。 提示：如果要指定磁盘图片文件作为项目符号，则在”选择图片”对话框中单击“ ”按钮，出现一个选 择文件对话框后，再选定硬盘目录上的一个图片文件，依次单击”确定”按钮后即可。 5、在图片符号后，输入“信息科学技术”，并按回车键； 6、重复上述步骤，直到把“生物科学技术”、“材料科学技术”等全部输入计算机中； 7、在最后的图片项目符号行上按回车键，该符号就会在屏幕上消失了； 8、将网页文件保存起来，并在浏览器中浏览。 四）多级列表 前面分别介绍了几种列表方式。但在实际应用中，各种列表往往同时混合使用，有时还需要使用多级嵌套 列表。 下面创建一个多级列表的实例。 其操作过程如下： 1、从”样式”下拉菜单中选择“标题3”，输入“我最喜欢的电影”，按回车键； 2、单击“ ”工具图标，在编号“1.”后面输入“最喜欢的中国电影”，按回车键。接着再输入“最喜欢 的外国电影”； 3、以下是“最喜欢的中国电影”嵌套列表的操作： 把插入点移到列表项目“最喜欢的中国电影”的末尾，按回车键，新出现编号为“2.”的空列表行； 连续两次单击“ ”工具图标（增加缩进），或连续按Ctrl+M键，新出现的编号“2.”消失，后面的标号 恢复正常。光标比上一行的位置缩进了两个字符，在光标位置出现了新的标号“1.”。 单击鼠标右键，这时将弹出一个对话框，单击其中的”列表属性”选项，出现列表属性对话框。此时打开 的是”编号”选项卡。 在”编号”选项卡中选择大写罗马数字列表方式，然后单击”确定”按钮，列表符号变为“Ⅰ.”。接着 输入“开国大典”，按回车键；输入“生死抉择”，按回车键；输入“花季雨季”。 4、以下是“最喜欢的外国电影”嵌套列表的操作： 把插入点移到列表项目“最喜欢的外国电影”的末尾，按回车键，新出现编号为“3.”的空列表行； 连续两次单击“ ”工具图标（增加缩进），或连续按Ctrl+M键，新出现的编号“3.”消失。在光标位置 出现了新的标号“1.”。 单击鼠标右键，这时将弹出一个对话框，单击其中的”列表属性”选项，出现列表属性对话框。此时打开 的是”编号”选项卡。 单击”无格式项目列表”选项卡，并从中选择方块符号列表方式。然后单击”确定”按钮，列表符号变为 “ ”。接着输入“魂断蓝桥”，按回车键；输入“生死时速”，按回车键；输入“飘”。 5、在结尾的项目符号行上连续按回车键，直到该符号在屏幕上消失为止； 6、将网页文件保存起来，并在浏览器中浏览。 五）、学生上机操作：      在网页上练习项目符号与编号列表 第8.9课时 表格的运用 一、教学目的：学习表格的插入、编辑和设置。 二、教学重点：表格的生成，编辑和设置。 三、教学时间：2课时 四、教学步骤 教师讲解、示范 一）、表格的组成 表格的几个部分组成： 表头：表格的首行，表示表格各列的名称。 行：表格的一行，水平方向。 列：表格的一列，垂直方向。 单元格：在表格中，每个方格称为一个单元格（Cell），可以为每个单元格设置不同的属性。 边框：在表格的四周，可设置有无。 在每个单元格中，除了可以填写文本之外，还可以放置图片、表单等，表格的最大好处是能分类显示数据 ，同时还能利用表格来组织网页的整体布局。 二）、插入表格      在FrontPage 2000中插入一张表格的方法有三种：     1、使用”插入表格”工具按钮 （1）将光标移到你要插入表格的位置，即插入点。 （2）在常用工具栏中单击“ ”图标工具，在下方出现一个“4×5”的表格小方框。 （3）按住鼠标左键，同时朝右下方拖动鼠标，在方框底部显示相应的表格行数和列数。 （4）松开鼠标左键，在插入点处自动出现一张空的表格。     2、使用”表格”菜单命令 （1）将光标移到你要插入表格的位置，即插入点。 （2）单击”表格”菜单，选择”插入”选项，并在选择项中单击”表格”选项，出现插入表格对话框。 （3）在对话框中，在“行数”输入需要的行数（例中为5），在“列数”输入需要的列数（例中为4）， 同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距”。 （4）最后单击”确定”按钮，屏幕上就会出现一张空的表格。     3、使用手工绘制表格 如果想在网页中插入一张不规则的表格，可以采用以下步骤：     （1）将插入点移到你要添加表格的地方。 （2）在”表格”菜单中选择”绘制表格”选项，或单击表格工具栏上的“ ”。 （3）此时光标变成笔的形状。按住鼠标左键，然后向右下方拖动，到达适当位置的时候松开鼠标左键后 ，将会出现“1×1”的表格。 （4）如果要在表格内添加表格的行和列，可以利用这支笔在表格内画水平或垂直线。 （5）单击工具栏上的“ ”擦除按钮，可以删除表格内的任意一条线。 三）、表格的属性      1、选定表格元素     选定表格元素指选择表格的单元格、一行或一列、多行或多列、整个表格。在表格元素被选定后，才 能修改单元格属性、表格属性、复制和删除等操作。 选定整个表格。其操作方法：单击”表格”菜单，选择”选定”单击”表格”选项，则整个表格反色显示 ，表示已被选定了整个表格。 选定表格的行。其操作方法主要有以下两种： 将光标移到表格中某一行的左边，当光标变成向右的“ ”黑色小箭头时，单击鼠标左键。此时该行反色 显示，表示该行已被选中。 将光标移到表格中某一行的任意一个单元格内，然后单击”表格”菜单，选择”选定”后再单击”行”选 项，则该行被选定。 选定表格的列。其操作方法主要也有两种： 将光标移到表格中某一列的最上边，当光标变成一个向下的“ ”黑色小箭头时，单击鼠标左键，此时该 列被选中。 将光标移到表格中某一行的任意一个单元格内，然后单击”表格”菜单，选择”选定”后再单击”列”选 项，则该列被选定。 选定单元格 选定一个单元格。将光标移到某单元格内，单击”表格”菜单，选择”选定”后再单击”单元格”选项， 则该单元格被选定。 选定多个单元格。在选定一个单元格后，用手按住Ctrl键，不要松开，然后单击要选定的其他单元格。 选定表格的多行或多列。用与“选定多个单元格”的类似方式来操作。 2、设置表格的属性        设置整个表格的多种属性，其操作步骤如下： 将光标移到表格中，单击”表格”菜单，选择”属性”，再单击”表格”选项，或在表格上单击鼠标右键 ，接着选择”表格属性”，出现一个对话框。 对齐方式。该设置是整个表格在网页内的对齐方式，开始设为默认，可设置为左对齐、右对齐、水平居中 、两端对齐。 单元格边距。单元格边界与内容之间的距离。该值越大，单元格内的文字与表格线的距离越大。 边框粗细。设置表格外边框的宽度。如不显示外边框，可将此值设为0。 3、设置单元格的属性     设置某个单元格的属性，也可同时设置多个单元格的属性。步骤如下： （1）选定要设置属性的单元格（如果只须设置某个单元格的属性，只需将光标移到该单元格内，无需选 定该单元格）； （2）单击”表格”菜单，选择”属性”，然后单击”单元格”选项，或单击鼠标右键，选择”单元格属 性”选项，将会出现一个对话框。 （3）在单元格属性对话框中，我们可以设置单元格的多种属性。 （4）设置完毕后，单击”应用”按钮，可以预览一下设置效果。 （5）单击”确定”按钮，设置结束。 四）、插入与删除、合并与拆分      一张表格创建后，可以在单元格内输入文字、符号等，也可以删除单元格中的任何内容，这与在网 页中的操作方式完全相同。以表格为例输入内容。      1、插入行或列     创建一张表格后，觉得表格的行数或列数不够，就用到插入行或列的功能。 实例：把表格扩大，最下方插入3行，最右方插入2列。 （1）在表格中插入行。其操作方法有以下两种： 使用菜单命令： 将光标定位在待插入行的任意单元格内； 然后单击”表格”菜单，选择”插入”菜单项，在子菜单中单击”行或列”选项，出现对话框； 在对话框中选择”行”单选按钮。在”行数”框内输入要插入的行数（例如3），并在”位置”栏中选择 “所选区域下方”单选按钮。 单击”确定”按钮，在光标所在行的下方插入了新的行（设为3）。 （2）在表格中插入列。 其操作方法与插入行类似，也有两种。    2、删除行、列或单元格        当表格中某行或某列数据多余，或某不需要单元格时，应把它们删除。 实例：以表格为例，把表格中新插入的3行、2列删除。 通过删除行、列进行。操作步骤如下： 先删除行： 选定行：将光标移到表格中要删除的行的最左边，光标变成向右的“ ”小箭头时，单击鼠标左键，该行 反色显示被选中。 删除行：单击“ ”图标工具，则选中行被删除。 重复上述A)、B)两步骤把其余两行也删除。 再删除列： 选定列：将光标移到表格中要删除的列的最上边，光标变成向下的“ ”黑色小箭头时，单击鼠标左键。 此时该列被选中。 删除列：单击“ ”图标工具，则选中列被删除。 重复上述a）、b）两个步骤把另一列也删除。     3、合并单元格     将多个单元格合并成一个单元格。下面通过一个实例来说明，其操作步骤： （1）在表格中，选定第一列的后面的三个单元格。 （2）单击“ ”图标工具，或单击”表格”菜单项，选择”合并单元格”选项，这时选定的三个单元格合 并为一个单元格。 （3）选中最后一行的后两个单元格，采用上述（2）中的操作也可以把它们合并为一个单元格。     4、拆分单元格     将一个单元格拆分成多个单元格，这与合并单元格的操作正好相反。拆分单元格有两种不同的方式： 一种是按行拆分，即把单元格按行拆分为多个单元格；另一种是列拆分，即把单元格按列拆分为多个单元 格。     下面我们通过一个实例来说明，其操作步骤如下：     （1）在网页中插入一个2×2的空表格。     （2）将光标定位在第一行第一列的单元格内。 （3）单击鼠标右键，弹出一个快捷菜单，也可以单击”表格”菜单项。此时选择”拆分单元格”菜单项 ，出现一个对话框。（或单击“ ”图标工具） （4）在”拆分单元格”对话框中，选择”拆分为行”单选按钮。 （5）把”行数”的值设为2（默认值），单击”确定”按钮。此时表格第一行第一列的单元格被拆分为两 行，左上角两个单元格。 （6）将光标定位在第一行右边的单元格内。 （7）再次单击鼠标右键，选择”拆分单元格”菜单项，出现一个拆分单元格对话框。 （8）在对话框中，选择”拆分为列”单选按钮。 （9）把”列数”的值设为2（默认值），单击”确定”按钮。此时表格第一行第二列的单元格被拆分为两 列，得最后结果。 五）、表格的妙用     我们除了用表格组织来数据之外，还有就是用表格来组织网页内容。 下面用实例来说明如何设计由一个表格所组织的网页，其操作步骤如下： （1）在空白网页中插入一个2×2的表格，将表格的边界大小设置为0； （2）在表格第一行第一列的单元格和第二行第二列的单元格中输入内容； （3）在表格中第一行第二列的单元格和第二行第一列的单元格中插入图片；得最后的效果。 六）、学生上机操作 制作表格并设计网页。 第10.11课时 超链接的建立和设置 教学目的：学习超链接的制作方法。掌握超链接的设置技巧。 教学重点：超链接的制作方法，超链接的设。 教学时间：2课时 教学步骤： 每当我们在浏览网页时，都会发现当鼠标指针移动到某些文字或图片时，就会变成一只手掌“ ”的样子 ，这时只需单击鼠标左键就可以打开另一网页了。这就是我们将要讲述的网页“超链接”方式。正是由于 有了“超链接”，因特网才会如此神奇和流行！网页上的超链接主要有三种：一种是相对网址的超链接； 第二种是与绝对网址（如http://www.163.net）的超链接；第三种是指在同一网页内的超链接。 教师讲解、示范 一）、同一网站内的超链接——相对网址的超链接 下面我们以一个实例来说明，其效果。 其操作步骤如下： （1）创建一个新网站，并在网站内新建几个网页文件：主页“index.htm”、兴趣“interest.htm”、相 册“photo.htm”、喜爱站点“myfav.htm”等文件。 （2）打开主页文件“index.htm”，输入文字内容，并单击“ ”插入图片按钮，从“剪贴画库→学院” 中插入图片。 （3）选定网页内的文字“兴趣”，单击“ ”超链接工具按钮，出现”编辑超链接”对话框。在对话框的 文件列表中选择“interest.htm”网页文件。 （4）与（3）操作类似，对文字“相册”、“喜爱站点”分别设置超链接到文件“photo.htm”、 “myfav.htm”。 （5）为邮箱设置超链接：选定文字“chinaboyo@21cn.com”，单击“ ”超链接按钮，出现“编辑超链接 ”对话框。然后单击“ ”按钮（在对话框“URL”栏右边），出现“创建电子邮件超链接”对话框。在文 字框内输入邮箱地址（如chinaboyo@21cn.com），连续单击”确定”按钮，就可以创建一个超链接到邮箱 地址。 （6）最后保存文件到主页“index.htm”。 二）、绝对网址的超链接 下面通过一个实例来说明，其效果。 其操作步骤如下： （1）在上例所创建的网站中，打开喜爱站点“myfav.htm”网页文件。 （2）输入标题“我喜爱的站点”，“文字链接：”，按回车键。 （3）单击“    ”工具按钮，建立项目符号列表。 （4）文字上的超链接：输入“中文搜狐”，选定这段文字，然后单击超链接工具按钮，在所出现的对话 框“URL”栏内输入“http://www.sohu.com”，最后单击”确定”按钮。就可以创建了文字上的超链接； （5）与（4）操作类似，创建超链接： 广州视窗（http://www.gznet.com/index.html）、中华-国中网 （http://www.china.com）、碧海银沙（http://www.yinsha.com）；     （6）输入文字“图片链接：”，单击“ ”工具图标，出现对话框。依次选择在images目录中已准备 好待设置超链接的图片：“chinaschool.gif”（中国国讯网校）、“netease.jpg”（广州网易）、 “sina.gif”（新浪网）、“yongth.gif”（中国青年报）。 （7）图片上的超链接： 选定刚插入的图片 ，单击“ ”超链接工具按钮，在出现的对话框中的“URL” 栏内输入网址“ http://www.chinaschool.net/”。单击”确定”按钮。这样，也就创建了一个图片上的 超链接。 （8）采用与（5）类似的方式，分别设置其他图片的超链接。例如，广州网易 （http://www.netease.com/）、新浪网（http://home.sina.com.cn/）、中国青年报 （http://www.cyd.com.cn/zqb/home/GB/home.htm）。 （9）输入文字“[返回主页]”，创建一个超链接到主页文件“index.htm”。 （10）保存网页文件到喜爱站点“myfav.htm”。 三）、同一网页内的超链接——书签 当一个网页文件比较长的时候，为了便于浏览，我们往往在网页中使用书签。在网页中使用书签的步骤分 为两步：第一步是先定义书签，即在网页中某位置上定义一个书签；接下来是使用书签，即定义一个超链 接到该书签。 下面通过一个实例来说明，其效果。其操作过程如下： （1）新建一个网页，并在网页中输入文字等内容。 （2）定义书签： a.将光标移到主编辑区第三行的“个人信息”前面，然后单击”插入”菜单项，选择”书签”选项，出 现一个对话框。在”书签名称”框内输入“aaa”，单击”确定”按钮，则一个书签被定义了。 b.采用上述类似方法，在“兴趣爱好”、“喜爱站点”前面分别定义书签名称为：bbb、ccc。 （3）使用书签：定义完书签后，下面我们要创建超链接到这些书签了。链接书签的操作基本与前面所述 超链接的操作相同。只是在”创建超链接”对话框中不使用URL，而是使用书签。     a.用鼠标选定第二行的文字“个人信息”，然后单击“ ”超链接工具按钮，出现”编辑超链接”对 话框。     b.在对话框中的”可选”区域中，打开”书签”下拉列表框，出现上面所定义过的三个书签名称： aaa、bbb、ccc。选中“aaa”后单击”确定”按钮，则第二行上的“个人信息”被链接到“aaa”书签上 。     c.用同样的方法将“兴趣爱好”、“喜爱站点”分别链接到“bbb”、“ccc”书签。 （4）将网页文件保存起来，并在浏览器中浏览。当单击第二行上的“个人信息”、“兴趣爱好”、“喜 爱站点”时，屏幕会自动滚动到相应的书签位置并显示内容。 四）、超链接的编辑 修改超链接目的端 右击链接源→超链接属性→编辑超链接对话框→选择要链接的目的端→ok 设置超链接颜色 右击网页空白处→主题→修改→颜色→自定义→项目→超链接→颜色→ok→另存为→保存主题→ok 删除超链接 方法1：选中超链接文本或图片→delete 方法2：右击超链接（在网页视图模式下）→超链接属性→在url地址栏中，删除其内容→ok 五）、上机操作       在文字和图片上建立超链接。分别以绝对网子和相对网子以及书签的方式建立。 第11.12课时 框架网页 教学目的：学习框架网页的制作方法，掌握框架网页的构成。 教学重点：框架网页的制作, 框架网页的属性。 教学时间：2课时 教学步骤： 一）、框架页的基本组成 框架页是一种特殊格式的网页，主要由边框、网页、滚动条组成。在框架页中，每个框架都有一个网页相 连接。当打开框架页时，则同时载入每个框架所相连的网页文件。 在框架页中显示的是三个独立的网页组成的（实际下载了四个网页，还包括框架页本身这个网页）。主体 框一般用来显示正文内容的。 二）、创建框架页 FrontPage 2000提供了10个框架网页向导帮助我们创建框架页。其操作步骤如下： （1）打开”文件”菜单，选择”新建”菜单项，在子菜单中选择”网页”菜单项，出现新建对话框。 （2）在对话框中单击”框架网页”选项卡。 （3）在选项卡中选择”目录”，此时在”预览”栏中会显示被选中的框架结构图，并在上方显示说明情 况。 （4）单击”确定”按钮后，出现框架结构图。 （5）新创建的框架结构共有2个网页窗口，其中一个在左边，另一个在右边。这时单击”新建网页”按钮 后，我们可以在当前框架网页中输入文字、图片等内容了。（如果这时单击”设置初始网页”按钮后，将 弹出一个“创建超链接”的对话框，可以为所在的框架超链接到指定的网页上去。） （6）框架的保存：单击“ ”工具按钮，出现”另存为”对话框。 保存左边框的网页文件。在对话框右面的框架示意图中，单击左边框后为蓝色，表示左边框中的网页正准 备保存。在“URL”中输入文件名“in1”，单击”确定”按钮后，此时左边框的网页文件被保存起来。 保存右边框的网页文件。紧接着，在对话框的框架示意图中，右边框显示为蓝色。在“URL”中输入文件 名“in2”，单击”确定”按钮后，右边框的网页文件也被保存起来。 保存框架本身网页。在对话框中整个框架示意图的边框为蓝色，在“URL”中输入文件名“index.htm”， 单击”确定”按钮后，此时保存的是整个框架页文件。 三）、框架及框架页的属性 1、设置框架的属性 框架有很多属性，例如框架的名称、宽度、高度、边距、滚动条、可调整性、间距等。以框架页为例说明 ，其具体操作方法如下： 单击要设置属性的框架，然后单击”框架”菜单，再单击”框架属性”菜单项，出现对话框。可以在此对 话框中修改框架的属性了。    2、框架页的属性 以上是设置每个框架的属性，而修改整个框架页的属性，其具体操作如下： 在”框架属性”对话框中，单击”框架网页”按钮，会出现“网页属性”对话框。 在这个对话框中的“框架”选项卡中只有两项： “框架间距”：指框架之间的边框的宽度，默认值为2。 如果框架不要显示出边框时，可单击“显示边框”前面的单选框，取消“√”。 四）、框架页的编辑    在框架页中，当要拆分某一框架时，单击框架→拆分框架→选择并确定。当要删除某一框架时，单击 框架→删除框架→选择并确定。 五）、框架页的超链接 在框架页中，当单击左边的超链接时，在右边框中显示该超链接网页的内容。下面我们将以框架页为例， 说明怎样实现框架网页之间的超链接。其操作步骤如下：     （1）在左边的框架中选择要设置超链接的“ ”图片（或文字）。 （2）单击“ ”超链接工具按钮，出现”编辑超链接”对话框。这时在对话框的文件列表中选择 “jbxx.htm”。    （3）在对话框右下角“目标框架”栏，单击“ ”按钮，出现一个对话框。 在对话框中，单击框架示意图中不同的区域，也可以单击右边列表框的选项，在对话框的“目标设置”栏 中就相应显示所选定的区域名称。其中： 网页默认值(main)：超链接的网页将显示在右边框（即“main主体”）。 相同框架：在左边框单击某个超链接时，其链接网页也将显示在左边框。 整页：单击某个超链接时，只显示所链接的网页，原来框架不再显示。 新建窗口：单击某超链接时，所链接的网页将显示在新打开的浏览器中。 父框架：单击某个超链接时，将返回上一级的框架。 六）、上机操作      练习设计框架网页 九年级信息技术教案