第五课 建立超链接(教参)

（一）教学设计部分

⇨教学内容分析

本课的主要内容与地位

网页的学名是HTML（即：超文本文件），从本质上说网页只是一个文本文件，超文本的意思即是含超级链接的文本文件。

HTML格式是文本文件，不嵌入任何非文本格式文件，网页中所有丰富的元素都是通过链接实现的，用一段文本文件告诉浏览器图片或者声音的位置，然后浏览器会自动加载到网页中显示，但网页本身仍然没有嵌入任何非文本的文件。

由此可见，超链接是网页赖以存在的基础。理解超链接的原理、熟练地使用超链接是一个合格的网站建设者必要条件。

本课与前后内容的关系

学习超链接的相关知识，是对前面几课制作的几个孤立网页的有机整合。只有通过超链接，由网页组成的集合才能被称作网站。

⇨教学目标分析

知识目标/技能目标

知识目标

1.理解超链接的概念。

2.理解导航栏在网页设计中的重要性。

技能目标

1.掌握在网页中插入超链接的一般过程；

2.熟练掌握将链接指向站点内、站点外和电子邮箱的一般方法；

3.学会在网站内设置导航栏。

过程与方法目标

能够根据实际需要，选择不同的网页素材、建立不同的链接。

情感态度与价值观目标

体会万物皆有联系，加强与父母、老师和同学之间沟通和交流，虚心听取别人的意见，不至于在自己的成长过程中迷失方向。

本课的重难点

重点：“创建超链接”对话框；标签链接。

难点：导航栏的设置。

本课的课时分配建议

一课时

⇨教学策略设计建议

教法建议

本课是第一单元的重点和难点，教学中建议采用将学生进行分组，不同级别的学生完成不同的探究任务。其中包括：站点内的超链接、到外部站点的超链接、到电子邮箱的链接和到应用程序或文档的链接，以及选择不同的网页素材（文字、图片）作为链接对象的操作方法。

在学生的学习过程中，教师应指导学生实时进行网页的预览，以体验不同链接的不同作用。对实践中遇到的如OutlookExpress的使用问题，教师可在讲解知识点时作以简单的介绍。

讲解设置导航栏部分时，教师可指导学生回顾第二课设置网页模板的相关知识。

⇨教学资源与环境建议

教学环境准备建议

1.保证每台学生机能够连接Internet或虚拟网络环境；

2.学生机安装OutlookExpress。

⇨教学评价建议

自评、互评、师评要注意的问题

在任务驱动、协作探究的教学过程中，学生是否顺利地建立了各种超链接；

在教师的指导下，各任务小组的学生能否相互协作。

⇨教学过程参考案例

第一阶段：导入新课，明确学习目标

第二阶段：范例精讲，学生自主探究，完成范例。

⇨教学反思

超链接是网页中最显著的特征，也是网页设计中的重点和难点。在教学过程中，应注重让学生通过实践理解超链接的概念，并熟练运用。

（二）补充资料部分

⇨1.课件与学件

学生用学件

2.资料库

用FrontPage2000做样式表

Dreamweaver以其强大的功能正在扩张到更多“网虫”的硬盘里，然而Dreamweaver并非每个功能都那么出色。至少，在样式表（CSS)设置方面就显得太专业，让这些英文不好的“虫虫”们大伤脑筋。经过N次下载、安装，到头来我才发现原来最好的早已在自己的手中，那就是被我封存很久的--FrontPage2000。下面就让我带领大家一块来分享"傻瓜"化软件带来的快乐吧。

一、三种添加CSS的方式

在FrontPage2000里可以通过三种方式给网页增加样式表。

1.页面链接一个外部的样式表文件，这种方法可以使多个页面使用同一个样式表文件，方便保持页面的主题。

步骤：启动FrontPage2000，然后依次点“文件”→“新建”→“网页”，打开FrontPage2000的新建对话框，选择“样式表”选项。在这些样式表中有FrontPage2000自带的很多样式表供你参考和修改。当然如果你对CSS熟悉的话，你也可以使用空白的样式表，自己重新创建一个。

2.通过在FrontPage2000创建一个样式表单，此时样式表就是网页的一部分，直接位于HTML文档的之间。这个实际上不算创建，只要把已经创建好的样式表直接复制下来，然后选择网页编辑的“html”选项，然后粘贴到之间就可以了。

3.通过使用内含样式表元素，单独指定样式表。在FrontPage2000编辑一个页面的时候，只要选中要发生变化的文字，然后点击右键，选择"网页属性"就可以随时随地进行可视化操作了。

二、内含式样式表的使用

下面就以修改美化一个搜索框为例，给大家介绍一下内含式样式表的使用。

打开FrontPage2000，然后调入这个页面。接下来就先对输入框进行处理。用鼠标左键选中那个最长的输入框，然后点击右键，选择"表单域属性"，出现文本框属性。

然后点击“样式”，接着选择“格式”中的“边框”按钮，出现边框与阴影对话框。

因为要保持表格的统一，我们在“设置”中选择“自定义”，然后选择“样式”中的“实线”。最重要的就是应用边框的设置。点击方框，四周出现的四个小按钮分别代表着文本输入框的四条边框。为了和文本输入框外面的表格统一，这里的宽度也选择为“1”，然后“确定”。

接着用鼠标左键选中搜索按钮，点鼠标右键，选择“超链接属性”就会出现窗口。

选择“样式”按钮，再选择“浏览”插入我们事先作好的搜索图片。

仍旧用鼠标左键选中那四个字，然后再点击右键，选择“超链接属性”，弹出Windows 窗口。

选择“背景”选项，然后选中“启用超链接翻转效果”，然后点“翻转样式”弹出新的Windows窗口。