1、 A.A.活动主题导入活动主题导入 1.1.当了解到奥运会口号是奥运会举办理念的高度概当了解到奥运会口号是奥运会举办理念的高度概 括和集中体现时括和集中体现时, ,同学们一致认为有必要在奥运会同学们一致认为有必要在奥运会 的网页专栏上展示历届奥运会口号。那么的网页专栏上展示历届奥运会口号。那么, ,如何新如何新 建一个网页建一个网页, ,并将收集到的奥运会口号放到网页上并将收集到的奥运会口号放到网页上 呢呢? ? 2.2.这节课这节课, ,同学们将通过使用网页制作工具制作展同学们将通过使用网页制作工具制作展 示奥运会口号的网页示奥运会口号的网页, ,体验制作简单网页的过程体验制作简单网页的过程
2、, ,包包 括新建网页括新建网页, ,在网页上输入、编辑和修饰文字在网页上输入、编辑和修饰文字, ,保存保存 和预览网页等。和预览网页等。 B.B.学习体验:学习体验: 要制作一个网页要制作一个网页, ,你会选择和使用网页制作工具吗你会选择和使用网页制作工具吗? ? 你了解过使用网页制作工具制作网页的一般过程吗你了解过使用网页制作工具制作网页的一般过程吗? ? 一、选择一个适合的网页制作工具一、选择一个适合的网页制作工具 (一)网页制作工具是用于制作和修改网页的工具(一)网页制作工具是用于制作和修改网页的工具 软件。作为初学者软件。作为初学者, ,应选择易学易用的网页制作工应选择易学易用的网页
3、制作工 具。具。MicrosofMicrosoft t FrontPageFrontPage简单易学、易用、功简单易学、易用、功 能强大能强大, ,采用的是典型界面设计采用的是典型界面设计, ,对初学者来说是较对初学者来说是较 理想的网页制作工具之一。理想的网页制作工具之一。 (二)相关知识链接:(二)相关知识链接: 1.1.网页制作工具:常用的网页制作工具还有网页制作工具:常用的网页制作工具还有 Dreamweaver Adobe pagemillDreamweaver Adobe pagemill等。等。 2.2.典型界面:典型界面是指与常见软件典型界面:典型界面是指与常见软件, ,如如W
4、indows Windows WordWord等具有相同风格的界面。等具有相同风格的界面。 二、制作能展示历届奥运会口号的网页二、制作能展示历届奥运会口号的网页 (一)同学们,你们知道网页的标签和奥运会口号(一)同学们,你们知道网页的标签和奥运会口号 是什么吗?是什么吗? 标签标签(Label)(Label):标签是便于内容进行分类、索引和:标签是便于内容进行分类、索引和 多元化管理的知识管理技术。多元化管理的知识管理技术。 奥运会口号:奥运会口号是一句概括奥运会口号:奥运会口号是一句概括奥运会举办奥运会举办理理 念念, ,能被各种不同文化背景的人广泛接受的简单有能被各种不同文化背景的人广泛接
5、受的简单有 力和易记的话。从力和易记的话。从19841984年洛杉矶奥运会年洛杉矶奥运会起起, ,每届奥每届奥 运会都有自己的主题口号。运会都有自己的主题口号。 1.1.打开打开FrontPageFrontPage 双击桌面上的双击桌面上的FrontPageFrontPage图标图标 , ,打开打开FrontPageFrontPage 网页制作工具,如图网页制作工具,如图2 2- -2 2 所示。所示。 2 2输入历届奥运会口号。输入历届奥运会口号。 在网页编辑区在网页编辑区, ,你可以轻松地输入下面的文字你可以轻松地输入下面的文字: : 近二十年各届奥运会的主题口号:近二十年各届奥运会的主题
6、口号: 19841984年洛杉矶奥运会年洛杉矶奥运会: :参与历史参与历史 Play part in Play part in HistoryHistory 19881988年汉城奥运会年汉城奥运会: :和谐、进步和谐、进步 Harmony and Harmony and ProgressProgress 19921992年巴塞罗那奥运会年巴塞罗那奥运会: :永远的朋友永远的朋友 Friends Friends for lifefor life 19061906年亚特兰大奥运会年亚特兰大奥运会: :世纪庆典世纪庆典The The celebration of the centurycelebr
7、ation of the century 20002000年悉尼奥运会年悉尼奥运会: :分享奥林匹克精神分享奥林匹克精神Share the Share the spiritspirit 20042004年雅典奥运会年雅典奥运会: :欢迎回家欢迎回家 Welcome Welcome HomeHome 20082008年北京奥运会年北京奥运会: :同一个世界同一个世界 同一个梦想同一个梦想 One One World One DreamWorld One Dream 3.3.修饰奥运会口号文字修饰奥运会口号文字 (1)(1)用“格式”工具栏用“格式”工具栏( (如图如图2 2- -3 3所示所示)
8、 )的工具对奥运的工具对奥运 会口号文字进行修饰。会口号文字进行修饰。 将标题文字选为黑体将标题文字选为黑体2424磅字磅字, ,如图如图2 2- -4 4所示。所示。 将口号文字居中并选用不同的颜色将口号文字居中并选用不同的颜色, ,以以20082008年北年北 京奥运会口号为例京奥运会口号为例, ,如图如图2 2- -5 5所示(口号文字修饰效所示(口号文字修饰效 果)。果)。 (2)(2)使用“字体”使用“字体”对话框对话框, ,还可对文字进行更多的修还可对文字进行更多的修 饰。饰。 单击“格式”菜单中的“字体”单击“格式”菜单中的“字体”, ,可打开“字可打开“字 体”体”, ,对话框
9、对话框, ,如图如图2 2- -6 6所示。所示。 根据需要,选择更多的修饰。根据需要,选择更多的修饰。 观察比较观察比较FrontPageFrontPage与与WordWord的“格式”工具栏及的“格式”工具栏及 “字体”对话框“字体”对话框, ,看看有哪些相同点。看看有哪些相同点。 同学们:我们通过学习弄清楚什么是对话框了吗?同学们:我们通过学习弄清楚什么是对话框了吗? 对话框:对话框是一种比较简单的对话框:对话框是一种比较简单的WindowsWindows窗口窗口, ,它它 可以实现电脑与用户的交互。一般没有最大化和最可以实现电脑与用户的交互。一般没有最大化和最 小化按钮。它可能含有输入
10、框小化按钮。它可能含有输入框( (按钮按钮) )、提示信息选、提示信息选 择框择框( (按钮按钮) )等窗口元素。在对话框内等窗口元素。在对话框内, ,我们可以通我们可以通 过选择不同的选项或输入不同的信息来改变对象过选择不同的选项或输入不同的信息来改变对象 (如所选的文字(如所选的文字) )的属性。的属性。 4 4保存网页。保存网页。 (1)(1)单击“文件”菜单中的“另存为”对话框单击“文件”菜单中的“另存为”对话框, ,如图如图 2 2- -7 7所示。所示。 (2)(2)在“保存位置”中选择“在“保存位置”中选择“My WebsMy Webs”。”。 (3)(3)点击“更改标题”点击“
11、更改标题”, ,可以修改网页标题。可以修改网页标题。 (4)(4)在“文件名”栏输入“奥运”并单击保存按钮。在“文件名”栏输入“奥运”并单击保存按钮。 这样这样, ,有奥运会历届口号的网页就以“奥运”为文有奥运会历届口号的网页就以“奥运”为文 件名件名, ,保存在“保存在“My WebsMy Webs”文件夹中了!”文件夹中了! 5 5预览网页。预览网页。 相关知识链接:相关知识链接: 预览:在不输出文件情况下看到网页整体的结构及预览:在不输出文件情况下看到网页整体的结构及 效果。预览的效果就是最终的效果。我们把效果。预览的效果就是最终的效果。我们把FrontFront- - PagePage
12、的这种功能叫作“所见即所得”。的这种功能叫作“所见即所得”。 通过预览,可以看到网页在浏览器中的效果。在通过预览,可以看到网页在浏览器中的效果。在 “文件”下“文件”下拉拉菜菜单单中选择“在浏览器中预览”中选择“在浏览器中预览”, ,如如 图图2 2- -8 8所示,所示, 就可以预览网页的效果了就可以预览网页的效果了, ,如图如图2 2- -9 9所示。所示。 交流交流 预览网页和打印预览效果,都是“所见即所得”吗?预览网页和打印预览效果,都是“所见即所得”吗? 观察观察 请使用请使用I IE E浏览器“文件”菜单中的“打开”命令来浏览器“文件”菜单中的“打开”命令来 打开“奥运”网页打开“
13、奥运”网页, ,看一看你的制作成果看一看你的制作成果, ,并与预览并与预览 的效果作比较。的效果作比较。 三、巩固练习:三、巩固练习: 练习用练习用FrontPageFrontPage制作“奥运”网页,熟悉制作步制作“奥运”网页,熟悉制作步 骤。骤。 四、拓展学习:四、拓展学习: 20082008年北京奥运会口号“同一个世界年北京奥运会口号“同一个世界 同一个梦想同一个梦想 (One World One Dream)(One World One Dream)”表达了中国人民携手共”表达了中国人民携手共 创未来、建设和谐社会、实现和谐发展的梦想和追创未来、建设和谐社会、实现和谐发展的梦想和追 求。请大家谈谈对这一口号的理解和认识。求。请大家谈谈对这一口号的理解和认识。 五、课堂小结(学生自己总结)五、课堂小结(学生自己总结) 通过这节课的学习,我学会了修饰奥运会口号文通过这节课的学习,我学会了修饰奥运会口号文 字字