1、 激趣情境导入激趣情境导入 1.1.我们已经初步掌握了制作网页的方法，要是能为奥运我们已经初步掌握了制作网页的方法，要是能为奥运 会网页专栏建立展示专栏主题和基本内容的主页会网页专栏建立展示专栏主题和基本内容的主页, ,并建立并建立 主页与其他页面的链接主页与其他页面的链接, ,不仅能使这个网页专栏显得更为不仅能使这个网页专栏显得更为 完整，还便于同学们浏览这一专栏。完整，还便于同学们浏览这一专栏。 2.2.在这节课中，同学们将通过建立奥运专栏主页在这节课中，同学们将通过建立奥运专栏主页, ,以及建以及建 立主页与“奥运”页面和中国奥委会网站的链接立主页与“奥运”页面和中国奥委会网站的链接,
2、,学习如学习如 何建立新页面、如何创建和编辑页面链接等。何建立新页面、如何创建和编辑页面链接等。 学习体验：学习体验： 以五环标志衬托下的奥运会简介作主页内容以五环标志衬托下的奥运会简介作主页内容, ,有助有助 于突出“了解奥运于突出“了解奥运 关注奥运”这一主题。怎样才关注奥运”这一主题。怎样才 能建立主页与“奥运”页面及中国奥委会网站的链能建立主页与“奥运”页面及中国奥委会网站的链 接接? ? 一、建立奥运专栏主页一、建立奥运专栏主页 1.Word1.Word文档“奥运简介”保存了奥运会五环标志及文档“奥运简介”保存了奥运会五环标志及 奥运会简介等内容奥运会简介等内容, ,这些内容可通过因
3、特网获得。这些内容可通过因特网获得。 2. 2. 现在现在, ,就让我们来建立奥运专栏的主页吧就让我们来建立奥运专栏的主页吧! ! (1)(1)打开打开FrontPage,FrontPage,在在FrontPageFrontPage中单击工具栏上中单击工具栏上 “新建网页”按钮“新建网页”按钮 , ,新建网页页面。新建网页页面。 (2)(2)输入专栏主题文字“了解奥运关注奥运”。输入专栏主题文字“了解奥运关注奥运”。 (3)(3)把奥运会五环标志图片、奥运会简介文字等内容输入把奥运会五环标志图片、奥运会简介文字等内容输入 到网页上。到网页上。 (4)(4)进行修饰文字、调整图片、设置背景等操作
4、。进行修饰文字、调整图片、设置背景等操作。 （5)5)将主页另存为“将主页另存为“indexindex”。”。 如图如图8 8- -1 1所示（奥运专栏主页）是一个奥运专栏主页的范所示（奥运专栏主页）是一个奥运专栏主页的范 例。例。 3 3. .相关链接相关链接： 主页文件名主页文件名 主页的主页的文件名可以文件名可以任选任选, ,一般习惯用一般习惯用 indexindex、mainmain、 default default 等等, ,最好不用中文最好不用中文命名。命名。 二、创建主页与“奥运”页面的链接二、创建主页与“奥运”页面的链接 1.1.用用FrontPageFrontPage打开主页
5、文件“打开主页文件“index.htmindex.htm”。”。 2,2,在适当的位置输入链接文字“奥运会的口号、会徽、在适当的位置输入链接文字“奥运会的口号、会徽、 吉祥物吉祥物”, ,并对文字作适当的修饰。并对文字作适当的修饰。 3.3.与创建书签链接的方法相似与创建书签链接的方法相似, ,选择链接文字后打开“创选择链接文字后打开“创 建超链接”对话框。建超链接”对话框。 4 4选择选择网页文件网页文件“奥运”（如图“奥运”（如图8 8- -2 2所示“选择链所示“选择链 接的网页文件”）并单击“确定”按钮。接的网页文件”）并单击“确定”按钮。 就这样就这样, ,链接文字自动添加了下画线链
6、接文字自动添加了下画线与“奥运”与“奥运” 页面的链接创建成功了，如图页面的链接创建成功了，如图8 8- -3 3所示所示( (与“奥运”与“奥运” 页面创建了链接的主页页面创建了链接的主页) )。 5.5.相关链接：相关链接： 网页文件：扩展名为网页文件：扩展名为*htm*htm或或*html*html的是最常见的网的是最常见的网 页文件。除此之外，扩展名为页文件。除此之外，扩展名为 *.asp*.asp、*.php*.php等的等的 也是应用较普遍的网页文件。也是应用较普遍的网页文件。 三、创建与中国奥委会网站的链接三、创建与中国奥委会网站的链接 1.1.创建网站链接的方法与创建书签链接、
7、页面链接的方创建网站链接的方法与创建书签链接、页面链接的方 法相似。法相似。 请你运用已掌握的知识与方法请你运用已掌握的知识与方法, ,在主页中适当的位置创建在主页中适当的位置创建 链接文字为“中国奥委会”链接文字为“中国奥委会”, ,并链接到中国奥委会网站并链接到中国奥委会网站 ()()。 图图8 8- -4 4所示是创建了中国奥委会网站链接的主页页面。所示是创建了中国奥委会网站链接的主页页面。 2.2.相关链接：相关链接： 编辑超链接：网页上的超链接不仅可以创建编辑超链接：网页上的超链接不仅可以创建, ,还可还可 以取消或编辑修改。这些操作都可在以取消或编辑修改。这些操作都可在FrontP
8、ageFrontPage的的 “编辑超链接”对话框上完成。“编辑超链接”对话框上完成。 四、浏览专栏主页四、浏览专栏主页 1.1.用用IEIE浏览器打开主页文件“浏览器打开主页文件“index.htmindex.htm”, ,体验一体验一 下所建立的页面链接和网站链接吧。下所建立的页面链接和网站链接吧。 2.2.观察思考：观察思考： （1 1）在浏览网页时）在浏览网页时, ,点击书签链接与点击页面链接、点击书签链接与点击页面链接、 网站链接有什么不同网站链接有什么不同? ? （2 2）在网页中可以建立多种类型的超链接。除了）在网页中可以建立多种类型的超链接。除了 用用过的过的书签链接、页面链接
9、和网站链接书签链接、页面链接和网站链接, ,同学们还同学们还 知道有哪些类型的超链接知道有哪些类型的超链接? ? 提示提示: :请观察请观察FrontPageFrontPage的“创建超链接”对话框的“创建超链接”对话框 五、巩固练习：五、巩固练习： 请在主页上建立与国际奥委会网站请在主页上建立与国际奥委会网站 (www.olympis.org) (www.olympis.org) 的超链接。的超链接。 六、拓展学习：六、拓展学习： 除了用文字作链接对象除了用文字作链接对象, ,还可以用图片作链接对象。还可以用图片作链接对象。 请尝试以主页上的奥运会五环标志图片为链接对象请尝试以主页上的奥运会五环标志图片为链接对象, , 建立与国际奥委会网站链接的超链接。建立与国际奥委会网站链接的超链接。 七、课堂小结（学生自己总结）七、课堂小结（学生自己总结） 通过这节课的学习，我学会了建立奥运专栏主通过这节课的学习，我学会了建立奥运专栏主 页页
