frontpage2000教案

第一节 认识FrontPage 2000备时：总时：上时：教学目的知识技能：1、启动和退出FrontPage 2000的方法； 2、认识FrontPage 2000的窗口组成。过程方法：能了解和理解FP的功能和使用。情感态度价值观：培养学生的创新力教学重点FrontPage 2000的窗口组成教学难点FrontPage 2000的窗口组成教学方法讲述法、多媒体教学法、练习法教学过程I、引言：前面我们已经学习了如何从Internet上获取信息，如何利用网络进行交流。那么，我们又该如何将信息发布到Internet网上去呢？这就涉及到网页的制作与上传。FrontPage 2000是微软公司开发的用于制作网页的软件，应用非常普遍。它操作简单，使用方便，最适合初学者使用。II、讲授新课1、启动FrontPage 2000(1)启动Windows98系统(2)选择菜单命令“开始”-“程序”-“Microsoft FrontPage”。2、认识FrontPage 2000的窗口(page2 2-1)(1)菜单栏：用下拉式菜单的方式提供FrontPage 2000制作网页的各种命令；(2)工具栏：包含许多功能的快捷按钮，当我们将鼠标指针移动到各个按钮上时，可以感应出该按钮的名称；(3)视图栏：FrontPage 2000提供了6种查看站点的不同方式，可以让你更方便地查看网页的大小、链接等等；(4)视图选项卡：FrontPage 2000提供了3种不同的方法来查看网页，我们可以使用界面左下角的视图选项卡，并可在它们之间切换。3、退出FrontPage 2000 退出FrontPage 2000的方法是：单击FrontPage 2000窗口右上角的关闭按钮 X ；也可以单击“文件”菜单栏中的“退出”菜单选项。这样就可以退出FrontPage 2000了。III、练习、作业、预习FrontPage 2000的启动和退出。熟悉FrontPage 2000窗口的基本操作。预习：如何制作网页？IV、教学小结本节主要讲述FrontPage 2000的基本操作界面，使学生能初步了解FrontPage 2000的启动、退出和其窗口的基本组成。教学后记第二节 创建网站结构备时：总时：上时：教学目的：知识技能 1、掌握网站的结构的建立 2、学会管理网站的文件 3、认识制作网站软件过程方法：根据提供的素材创建网站规划图情感态度价值观：能发现存在的问题，并以积极的态度通过相互交流、协作学习、自主探究等手段尝试解决问题。教学重点： 1、建立网站的结构 2、管理网站教学方法：站点辅导与多媒体教室教学过程: 一、网站整体规划 一个成功的网站，其前期的整体规划是必不可少的。 1、确定网站表达的主题 要设计一个新的网站之前，首先要确定好网站的主题。个人网站可以根据自己的特长或兴趣爱好进行选定。网站涉及的内容切勿过多过散，否则会因此在反映主题上显得肤浅。 2、确定网站的总体结构 总体结构的确立至关重要，若网站的总体结构清晰明了，在设计网页时就会得心应手，游刃有余；但若网站的总体结构混乱，在设计网页过程中将会颠三倒四，无法将自己的想法表达出来。 网站结构是根据主题需要和服务需求来确定的。网站的组织结构一般采用树形结构。例如下面有一个个人网站的结构： 茶圣茶的分类茶的起源茶的来源茶树陆羽3、确定网页的表达形式 组成网站的网页有多种多样的表达形式，或以简洁的文本，或以多媒体表现手法，提供华丽的图像、复杂的页布置、优美的音乐、精美的视频等。网页的表达形式常常因主题而异或因人而异。总之，网页应该主题鲜明突出、要点明确、语言简单明了、画面动静相宜，色彩搭配合理，以吸引更多的人浏览。 4、资料的收集与整理二、网页制作工具 用来设计网页的方法很多,可使用HTML语言来编辑,也可用网页制作工具来设计网页。网页制作软件很多，常见的有Frontpage、Dreamweaver、Golive、Hotdog等。作为初学者，使用Frontpage或者Dreamweaver MX来制作网页都是比较合适的。我们在这里主要学习Frontpage 2000使用。 FrontPage2000最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage2000会为你跟踪文件并拷贝那些新版本文件。FrontPage2000是现有网页制作软件中既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。 网页的基本元素有三个：文字、图片和超链接。设计网站前就要对需要的素材进行收集与整理。 一个成功的网站，往往是既有美观的外观，而且有充实的内容。华而不实的网站是吸引不了多少眼球的。 网站的内容必须健康向上，而且要遵重他人著作版权，未经许可不随意复制使用他人的作品。 三、认识Frontpage FrontPage2000与Word相似同为Office系列软件中的一员，启动FrontPage2000后，其界面如图（page3）：四、创建第一个站点 1、确定网站的总体结构 2、启动Frontpage 2000,选择“文件”菜单“新建”“站点”命令。 3、弹出新建对话框，选择“只有一个网页的站点”，并指定新站点的位置为E:G1XX 4、在出现网页视图界面后，在左侧视图栏选择“导航”按钮， 4、在“导航”视图编辑窗口，于“主页”处单击右键，在弹出的快捷菜单中选择“重命名”命令，将“主页”二字改为“茶的来源”，然后再在此处单击右键，弹出右键快捷菜单，并从中选择“新建网页”命令，即可增添一个新网页到站点中。与此操作类似，再重复四次“新建网页”。最后可见五个新网页。 5、依次对五个新网页的标题名重命名，方法是依次在New Page 1New Page 5等五个网页标题名处单击右键，在弹出的快捷菜单中选择“重命名”命令，即可依次输入新的网页标题名“茶的起源”、 “茶的分类”、“茶圣”、“茶树”、“陆羽”。 6、在视图栏中单击“网页”按钮，切换到“网页”视图状态，选择“文件”菜单中“保存”命令或常用工具栏中的“保存”按钮，保存站点。五、探究思考： 1、在建站点结构时，在“导航”视图编辑窗口中新添加了网页，但在文件夹列表中对应的网页文件名却没显示出来，怎么办？2、如何改文件夹列表中的网页文件名？ 六、操作任务： 自己独立创建“茶与茶的来源”网站的结构。七、小结：总结站点建立的过程并要注意的情况。站点存放的目录位置站点建立的目录名称站点的结构组成第三节 网页中的文字编辑备时：总时：上时：教学目的： 1、掌握在网页中添加多种要素 2、掌握网页的版面格式 教学重点： 网页版面格式的设置 教学方法：站点辅导与多媒体教室教学过程:下面以制作网页“广东简介”为来学习网页中的文本编辑。 一、添加文本 1、选择“文件”菜单“打开站点”命令打开站点，双击“广东简介”网页文件名（例如网页文件gdjj.htm）即可打开站点中的“广东简介”空白网页；2、在网页编辑区，直接输入“广东简介”网页的标题及内容（也可到网页设计素材页复制）。 二、设置文字格式 在网页编辑区，输入文本后，可利用格式工具栏上的命令按钮来改变文字的字体、大小、样式、颜色等，也可选择“格式”菜单中的“字体”命令，更精细地设置字体格式。 三、文本修饰 1、添加边框 首先选取某个文本段落，再选择“格式”菜单中“边框与阴影”命令，然后在弹出的“边框与阴影”对话框中，设置边框的样式、宽度、颜色及定位等属性，最后单击“确定”按钮即给文本添加了边框。 2、添加背景 首先选取某个要被添加背景的文本段落，再选用“格式”菜单中“边框与阴影”命令，在弹出的“边框与阴影”对话框中，选择“阴影”选项卡，若只以某种颜色作为背景，则只要设置背景颜色即可；若以某个图片为背景，则只要设置好背景图片选项即可。 四、段落格式 选用“格式”菜单中“段落”命令，弹出“段落” 对话框后可在其中设置段落缩进、段落间距、单字间距等。 五、插入水平分隔线 选用“插入”菜单中“水平线”命令，即可光标处插入水平线。若对插入的水平线不满意，可双击水平线弹出“水平线属性”对话框，可修改水平线的宽度、高度、颜色、有无阴影、对齐方式等属性。 六、保存网页 选择“文件”菜单中“保存”命令或单击常用工具栏中的“保存”按钮，即可保存网页文件。 七、预览网页 设计好的页面，应该检查它在浏览器中是否显示正常。 方法一： 一般只要切换到预览模式就可以了。单击“预览”选项卡（位于网页编辑区左下角处），在这个预览模式下的网页显示和在浏览器中的网页显示是一样的。 方法二：单击常用工具栏中的“用浏览器预览”按钮，即可在浏览器中预览网页。 或者选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。(可用此法选择测试在不同浏览器中显示网页效果) 方法三：网页存盘后可在浏览器地址栏中输入网页所在的路径文件名，回车即可在浏览器中预览网页。 七、 操作任务： 制作“茶与茶的起源”网页 1、首先输入文本内容 2、编排文本： .将标题“茶的起源” 字号(14),颜色(红色),字间距(加宽 7pt)，边框(设置:方框;样式:凸线;宽度: 2px;颜色：阴影(用作背景的图片见素材网页，)。 .其它 字形(加粗),颜色(如下图2示) .加入水平线高度(1),颜色(灰色) 备时：总时：上时：第三节 网页的保存教学目标：知识目标：1、进一步掌握浏览网页的操作。 2、学会在网上下载信息的方法。技能目标：1、培养学生有意识地运用网络筛选、获取信息的意识能力。 2、培养学生综合运用知识的能力。情感目标： 培养学生的想象能力和创作意识。教学重点：保存网页及其文字、图片。教学难点：保存网页教学方法： 1、演示法 2、自学法 3、实践法教学过程一、导入新课：由学生讲述金字塔的故事，并提出问题，学生在网上查找答案。学生给出WORD制作文档。二、新课教师给出网上获取的（网页形式）信息并提出问题：同在网上获得的，答案形式上有那些区别。1、保存整个网页 进入页面：文件另存为（输入文件名）。2、保存网页的部分文字右击选中要保存的文字“复制”打开WORD“粘贴”3、保存网页中的图片右击指向要保存的图片图片另存为。（取文件名）教师布置任务：将“网上邻居G7网页”中的有关金字塔网页的文字和图片保存在WORD中。三、课堂练习 1、你以旅行社一名导游的身份，在网上查找旅游景点（时间、空间不限）将景点的简介和图片保存下来，并用WORD进行适当的修饰、排版。 2、“和我一起去旅游”演示作品，并以导游的身份向游客介绍你所找的景点。四、课堂小结 教师与学生共同对本节课进行小结；教师演示学生作品，学生互相评说，共同提高。五、课后休闲： 完成“导游路线”制作第四节 网页中的图像应用备时：总时：上时：教学目的： 1、掌握见面图像的应用 2、设置动态网页效果 教学重点： 1、插入图像的处理 2、动态效果的实现教学方法：站点辅导与多媒体教室教学过程:下面以制作网页“今日广东”为来学习网页中图片的使用。 一、使用图像作网页背景 1、以Frontpage打开主页（比如index.htm文件），拉出“格式”菜单，选择“背景”命令，弹出“网页属性对话框2、选中对话框中格式栏的“背景图片”选项，然后单击“浏览”按钮，指定作为背景图片的图片文件。3、单击“确定”按钮，即给网页加上图片背景了。 二、插入图像与编辑图像 一个图文并茂的网页显然比纯文字内容的网页显然更具吸引力。 1、插入图像 插入图像到网页内容中，方法是：选择“插入”菜单“图片”命令选择“来自文件”或“剪贴画”，然后选定图像文件或剪贴画即可。 2、编辑图像 插入图像到网页中后可对图像进行简单的编辑和加工。 .编辑图像大小 插入图像到网页中后，图像大小默认为原图大小，若要调整图像的大小，只需以鼠标单击该图像，图像的四周会出现八个控制点，再以鼠标拖动其中一控制点即可自如地调整图像大小。 .给图像加边框 通过设置图像属性，可改变图像的对齐方式、给图像加上边框等。 给图像加上边框的操作方法：在要添加边框的图像上单击右键弹出快捷菜单，选择“图片属性”命令，弹出“图片属性”对话框，再在对话框中设置边框粗细值为大于0的某个值，单击“确定”按钮即可。 .使用图像编辑工具 在Frontpage中，选中一图像，即会出现图像编辑工具栏，利用工具栏中各种工具可对网页中的图像进行编辑，如对图像实现旋转与翻转、剪裁、淡化、凹凸效果等。三、以图片作为项目符号 选择“格式”菜单中的“项目符号与编号”命令，弹出“列表属性”对话框。2、在“图片项目符号”选项卡，选中“指定图片”，单击“浏览”按钮去选择指定的图像文件或剪贴画，最后单击“确定”按钮；3、在出现的图片项目符号后面输入文字比如“广东简介”、“广东行政区域”等等。 四、设置横幅广告效果 1、选择“插入”菜单“组件”“横幅广告管理器”命令，弹出“横幅广告管理器属性”对话框；2、在“横幅广告管理器属性”对话框中，设置“宽度”“高度”“过渡效果”“每幅图片显示”等属性值，单击“添加”按钮在“显示图片”框中添加要显示的图片（例如添加Image文件夹中的a.jpg,b.gif,c.gif）；最后单击“确定”按钮；3、以鼠标拖动插入的横幅外框上的控制点可改变横幅的大小。注意：预览效果要在浏览器中才能看到。 五、制作滚动字幕 1、将光标定位在要放置滚动字幕处；2、选择“插入”菜单“组件”“字幕”命令，弹出“字幕属性”对话框；3、在“字幕属性”对话框中，在“文本”框内输入字幕文字，并设置“方向”、“速度”、“表现方式”、“文本对齐方式”、“重复”、“背景颜色”等属性，最后单击“确定”按钮；4、以鼠标拖动插入的字幕外框上的控制点可改变其大小。六、设置悬停按钮 悬停按钮是一种带动感效果的按钮。当访问者指向或单击它时会产生变化，如发光等，并可超链接到相应的页面。设置悬停按钮的方法如下：1、将光标定位在要放置悬停按钮的位置处；2、选择“插入”菜单“组件”“悬停按钮”命令，弹出“悬停按钮属性”对话框3、在“悬停按钮属性”对话框中，在“按钮文本”框内输入按钮文本（例如“广东简介”等），并设置链接到的位置，还可以设置“按钮颜色”、“背景颜色”、“效果”、“效果颜色”、“高度”、“宽度”等属性，最后单击“确定”按钮；4、以鼠标拖动插入的悬停按钮外框上的控制点可改变其大小。注意：预览效果要在浏览器中才能看到。 七、操作任务 制作主页，达到如下的版面效果 ：1、打开站点及主页（index.htm）,给网页添加背景图（背景图见素材页图pbj00.gif）；2、画一虚表格（即表格边框的粗细值为0）用于规划版面，便于图文混排在一起； 3、将标题“今日广东”制作成横幅广告效果； 注意：设置“宽度”=257，“高度”=55，“每幅图片显示(秒)”=1秒，在“显示图片”框中添加三幅图片（见素材页上的三幅图a.jpg,b.gif,c.gif）。4、在网页左侧（参考图9）插入用于项目符号与编号的图片（bh_1.gif）；5、在项目符号与编号的图片后，插入第一个悬停按钮“广东简介”： 注意：设置“按钮文本”=广东简介，“链接到”=gdjj.htm，其它选项设置不变。6、第一个悬停按钮完成后按软回车，重复上一步操作过程插入第二个悬停按钮“广东行政区域”。7、反复重复上一步操作过程，依次插入第三个悬停按钮“广东地理”、第四个悬停按钮“广东自然资源”、第五个悬停按钮“广东风景名胜”等。 8 、在网页右侧插入图片（见素材页jrgd_1.jpg）；9 、输入“版主留言”与“给我来信”放置在网页底部同一行，摆放格式参看下图10；10 、在网页底部再下一行，将“海内存知已 天涯若比邻”制作成滚动字幕显示： 注意：设置“文本”=海内存知已天涯若比邻，其它选项设置不变。11、在网页底部再下一行，插入一幅透明标识图（见素材页jrgd_2.gif）并居中对齐。12、保存网页，注意悬停按钮与横幅广告效果只有在浏览器中预览才能看到效果。备时：总时：上时：第五节 网页中的表格设计教学目的： 1、掌握利用表格实现网页版面设置 2、掌握表格的属性设置 教学重点： 1、表格的调整设置 2、表格的控制规划教学方法：站点辅导与多媒体教室教学过程:下面以制作“茶的分类”网页与为例来学习网页中表格的使用。 一、网页中创建表格 创建表格的方法有：方法1、单击工具栏中的“插入表格”按钮，然后拖动出表格大小。方法2、选中“表格”菜单“插入”选项“表格”命令，在弹出的“插入表格”对话框中，指定表格的行数与列数，然后单击“确定”按钮即可。方法3、单击“表格”菜单中的“手绘表格”命令，在网页编辑区拖动鼠标画出表格。 二、调整表格行宽与列宽 建立表格后，可拖动表格线来改变表格的行宽和列宽。 三、单元格的合并与拆分 1、合并单元格-将表格中连续的几个单元格合并成一个单元格。 操作：以鼠标拖动选取要合并的几个单元格选择“表格”菜单中“合并单元格”命令。2、拆分单元格-将选定的单元格拆分成几个单元格。 操作：以鼠标选取要拆分的单元格选择“表格”菜单中“拆分单元格”命令，弹出“拆分单元格”对话框，选择“拆分成列”或者是“拆分成行”，并选择拆分成相应的列数或行数值，然后单击“确定”按钮完成。 四、设置单元格的属性 设置表格中单元格的属性可以定制：1).单元格的布局（水平与垂直对齐方式、指定单元格宽度与高度、行跨距与列跨距、标题单元格、不换行）2).单元格的边框（边框颜色、亮边框、暗边框）3).单元格的背景（背景颜色、背景图片）操作：以鼠标在单元格中单击右键即弹出快捷菜单，选择“单元格属性”命令，弹出“单元格属性”对话框，在其中设置相应的选项即可。 五、设置表格的属性 设置表格的属性可以定制：1).表格的布局（水平与浮动对齐方式、指定表格宽度与高度、单元格边距与间距）2).表格的边框（边框粗细、边框颜色、亮边框、暗边框）3).表格的背景（背景颜色、背景图片）操作：以鼠标在表格中任意处单击右键即弹出快捷菜单，选择“表格属性”命令，弹出“表格属性”对话框，在其中设置相应的选项即可。 六、使用表格来规划网页的版面 表格是常用的页面元素，做网页经常要借助表格来进行排版，用好表格是页面设计的关键。借助表格，可以实现所设想的任何排版效果。另外，灵活使用表格的背景、框线等可得到很美观的效果。 要实现网页的排版布局，可首先向网页中插入一个或几个大表格，预先设计好行列的分布，然后把图像、文本、多媒体等页面元素分别插入到表格里合适的单元格中。 用于进行网页排版的表格，其边框线的粗细值一般应设为 0 ，这样浏览网页时就看不到表格线了，以免影响网面的美观。 请看下面一个利用表格进行网页版面规划的例子： 七、操作任务 一）、制作“茶的分类”网页，达到如下的版面效果：1、打开空白网页（fenlei.htm）；2、插入一5行3列的表格，设置对齐方式=居中,边框粗细=0,单元格边距=3,单元格间距=3,指定宽度=85(百分比)；3、选中表格第一行的两个单元格，合并单元格为一个单元格；4、在表格的每一单元格中输入有关的文本（参考图10，文字内容可到素材页复制）；5、设置每一单元格的背景颜色为合适的颜色； 操作提示：单元格中单击右键弹出快捷菜单选择“单元格属性”命令弹出“单元格属性”对话框设置。 6、预览网页，保存网页。 二）、制作网页，达到如下的版面效果：1、打开空白网页（gdfjms.htm）；2、插入一3行3列的表格，设置对齐方式=居中,边框粗细=0,单元格边距=3,单元格间距=3,指定宽度=80(百分比)；3、将表格第一行的三个单元格合并为一个单元格；4、将表格第二行的第一个单元格拆分为四个单元格；5、将原表格(参见下图a示)第三行的第一个单元格与第二个单元格各自分别拆分为两个单元格；6、在新表格(参见下图d所示)第一列的第二个、第四个、第六个、第八个单元格与第二列的第二个、第三个单元格中依次插入图片：1.gif、2.gif、3.gif、4.gif、5.gif；7、在新表格(参见下图d所示)第一列的第三个、第五个、第七个单元格与第三列的第二个、第三个单元格中依次插入文本：锦绣中华、惠州西湖、 肇庆鼎湖风景、广州世界大观、汕头天坛花园；8、在表格中可对每个单元格的背景颜色进行设置，可参考图11所示的单元格背景色自行设置；9、预览并保存网页。第六节 网页中的多媒体元素备时：总时：上时：教学目的： 1、掌握网页的多媒体元素的插入 2、掌握网页动态HTML效果设置 3、对网页过渡效果设置教学重点： 1、网页动态HTML效果设置 教学方法：站点辅导与多媒体教室教学过程:下面以制作“茶与茶来源”网页为例来学习网页中多媒体元素的应用以及动态效果的设置。 一、网页中添加动画 插入GIF动画的方法： 选中“插入”菜单“图片”“来自文件”命令，在弹出的“图片”对话框中，选定要插入的GIF动画文件，然后单击“确定”按钮即可。插入GIF动画的方法： 1).选择“插入”菜单“高级”“插件”命令，弹出“插件属性”对话框； 2).在“插件属性”对话框中，单击“浏览”按钮选定要插入的Flash动画文件，接着设定动画的大小（高度、宽度）与布局（对齐、边框、间距）； 3).单击“确定”按钮即可。 二、网页中添加背景音乐 所谓背景音乐，是指浏览该网页时在后台播放的音乐。浏览网页时有背景音乐，有时会显得生动些，但也不可滥用，会影响浏览速度。背景音乐一般用MIDI、MP3、WAV格式的音乐文件。 给网页添加背景音乐的操作方法如下： 1).选择“文件”菜单中“属性”命令或者在网页任意处单击鼠标右键选择“网页属性”，弹出“网页属性”对话框； 2).在“网页属性”对话框中“常规”选卡内，设置要添加的背景音乐文件所在位置、循环播放次数； 3).单击“确定”按钮完成。 三、网页中添加视频 在网页中可以适当插入视频，以增强网页的表现力。 插入视频到网页中的操作方法如下： 1).选定插入视频位置，选择“插入”菜单“图片”“视频”命令，弹出“视频”对话框； 2).在“视频”对话框中，指定要插入的视频文件； 3).单击“确定”按钮，插入视频完成。 4).视频文件插入后，视频看上去象一幅图片出现在网页中，以鼠标右击视频对象，选择“图片属性”，即弹出“图片属性”对话框，可在此对话框中设置视频的播放方式。 四、添加动态HTML效果 对网页中的元素设置动态HTML效果，可以使得网页具有一种特别的动画效果，显得生动有趣。对网页中的元素如文字、图片、动画、视频等都可以设置动态HTML效果。 给网页元素设置动态HTML效果的操作方法如下： 1).选定要设置动态HTML效果的网页元素如文字或图片或视频或动画等； 2).选择“格式”菜单“动态HTML效果”命令，弹出“DHTML效果”工具条； 3).单击“开启”下拉按钮，选择一种事件，如单击、双击、悬停、网页加载等； 4).单击“应用”下拉按钮，选择一种动态方式，如波动、飞入、跳跃等； 5).单击“选择设置”下拉按钮，选择动态效果，如从右侧、从顶端、从右下部等； 6).单击工具条右上角的关闭按钮，动态HTML效果设置完成。 五、设置网页过渡效果 网页过渡是一种特殊的网页效果。当用户从一个网页切换到另一网页，网页切换会以一种类似转转场效果来自然地过渡到另一网页。 给网页设置过渡效果的操作方法如下： 1).选择“格式”菜单“网页过渡”命令，弹出“网页过渡”对话框； 2).在“网页过渡”对话框中，设置事件（如进入网页、退出网页等）、设置过渡效果（如圆形收缩、向上擦除等）、设置过渡周期（多少秒时间）； 3).单击“确定”按钮，完成网页过渡设置。 六、操作任务 完成“茶圣”网页的制作，达到如下的版面效果。制作过程如下：1、打开站点中已创建的空白网页（gddl.htm）；2、插入一4行2列的表格，设置对齐方式=居中,边框粗细=0,单元格边距=0,单元格间距=0；操作提示：“表格”菜单“插入”“表格”命令，设置相应参数。3、合并第四行的两个单元格为一个单元格（用于放置标题）；合并第四行的两个单元格为一个单元格；操作提示：选中要合并的单元格，“表格”菜单“合并单元格”命令。4、在表格第一行中插入FLASH动画；操作提示：“插入”菜单“高级”“插件”命令，选定FLASH动画文件gddl01.swf，设置动画大小(高度=121，宽度=462)与布局(居中对齐)。5、插入网页背景音乐；操作提示：“文件”菜单“属性”命令“网页属性”对话框“常规”选卡，指定背景音乐文件（m2.mid）,设定播放循环次数为2。6、在表格第二行第一个单元格中插入视频；操作提示：“插入”菜单“图片”“视频”命令“视频”对话框指定要插入的视频文件（gddl1.avi）。 7、在表格第二行第二个单元格中插入文本：“祖国的南大门-广东”，然后对此文本设置动态HTML效果；操作提示：输入文本“格式”菜单“动态HTML效果”命令“DHTML效果”工具条设置事件为网页加载、动态方式为飞入、动态效果为从右侧关闭工具条。8、在表格第三行第一个单元格中插入图片；操作提示：“插入”菜单“图片”“来自文件”命令指定图片文件（gddl.gif）。9、在表格第三行第二个单元格中插入一段文本内容：“古时为南越地 省会广州是华南最大的城市。”；操作提示：可以自己直接输入或去素材页复制过来。10、给网页设置过渡效果；操作提示：“格式”菜单“网页过渡”命令“网页过渡”对话框设置事件(进入网页)、设置过渡效果(圆形放射)确定完成。11、在表格第四行中插入一行标识版权的文本内容（如：2004 Ok Yes. Ltd.All Rights Reserved.版权所有 不得转载 ）； 12、预览并保存网页。第七节 超链接与书签备时：总时：上时：教学目的： 1、了解超链接的种类 2、掌握设置各种超链接的方法 3、清楚书签的意义教学重点： 1、链接设置的方法 2、书签的意义教学方法：站点辅导与多媒体教室教学过程: 超链接是网页的一个最基本的元素，通过设置链接我们可以若干个网页有机地联系在一起，方便浏览者从一个网页跳转到另一个网页，从而自如地在Web世界漫游。如果一个网页没有超链接到其它页面，也没有被其它网页链接，那就成了茫茫网海中的孤岛。超链接是WWW万维网存在的基础。 下面通过修改网页为例来学习在网页中设计超链接与书签的方法。 一、创建外部超链接 这里所谓的外部超链接是指从一个网页链接另一个网页或网站,或说是指网页之间或网站之间的链接。给文本创建超链接的方法： .打开前面已做好的index.htm，在“版主留言”的下面插入一行： 友情链接: 茶的起源 其中Google标志是插入的图片（见素材页的图片google.gif），其它是输入的文本。 .选中文本“茶圣”，单击工具栏中的超链接按钮或选择“插入”菜单“超链接”命令。 .在弹出的“创建超链接”对话框中，单击按钮选择要链接到的目标网页文件gdjj.htm。 .单击“确定”按钮，完成文本“茶圣”超链接到网页文件gdjj.htm的设置。 .对文本“陆羽”，重复 .三步操作过程，完成文本“广东简介”超链接到网页gddl.htm的设置。 .选定文本“给我来信”，单击工具栏中的超链接按钮,弹出“创建超链接”对话框。 .在对话框中，单击按钮即弹出“创建电子邮件超链接”对话框，输入电子邮件地址如，然后单击“确定”按钮，完成文本“给我来信”超链接到发送电子邮箱的设置。 给图象创建超链接的方法： .在网页（index.htm）中，双击“茶的起源”选中图象。 .单击工具栏中超链接按钮或选择“插入”菜单“超链接”命令，弹出“创建超链接”对话框。 .在URL(U):后输入要链接到的目标网址或者单击按钮使用Web浏览器来选择要链接到的目标网页或网站。 .单击“确定”按钮即可。通过悬停按钮创建超链接的方法： .在网页（index.htm）中，双击悬停按钮“茶的起源”或在其上单击右键选择“悬停按钮属性”命令，即弹出“悬停按钮属性”对话框(关于悬停按钮的制作方法已讲，请参考前面“二.网页中图像应用”一节内容)。 .在“悬停按钮属性”对话框(如图3示)中，单击“浏览”按钮查找或在“链接到”后直接输入超链接到的目标网页文件名gdjj.htm 。 .单击“确定”按钮即可。 .重复上面 步骤，以同样的方法，依次分别将其它悬停按钮中的超链接设置好。 二、设置超链接的属性 超链接创建后还可以通过改变超链接属性来改变它。设置超链接的颜色 .用鼠标右键单击网页，弹出快捷菜单，选择“网页属性”命令，出现“网页属性”对话框，选择“背景”选项卡。 .在“超链接”、“已访问的超链接”、“当前超链接”等选项处，选择合适的颜色(参考图4)。 .单击“确定”按钮即可。 设置超链接的翻转效果 .用鼠标右键单击网页，弹出快捷菜单，选择“网页属性”命令，出现“网页属性”对话框，选择“背景”选卡(如图4所示)。 .选中“启用超链接翻转效果”复选框，单击“翻转样式”按钮，弹出“字体”对话框。 .在“字体”对话框中设置好字体属性（如设置字型为倾斜等），然后单击“确定”按钮即可。 超链接的删除 若要删除超链接，但保留文本或图象的方法： .选定已设置了超链接的文本或图片，然后单击工具栏中的超链接按钮，弹出“创建超链接”对话框（如图2所示）。 .在“创建超链接”对话框中，将“URL(U):”选项后框内的内容删除（参考图2)。 .单击“确定”按钮即可。 若要彻底删除超链接（连同文本或图象一起）的方法： 选中超链接的文本或图片，按delete键即可。 三、创建内部超链接与设置书签 这里所谓的内部超链接，指在同一网页内，从一处（设置的超链接处）跳转到另一处（设置的书签处）的超链接。这在一个网页内容很长的情况下很有用，可让网页的访问者快速而方便地浏览内容。 创建内部超链接的方法如下：1. 打开前面已做好的网页（gdjj.htm），作适当的修改与编排 .将光标定位在网页中有关“茶圣”内容段的小标题前位置处（即“人”字前面）。 .选择“插入”菜单“书签”命令，弹出“书签”对话框(如图5示)，在书签名称处输入书签名a4。 .单击“确定”按钮，完成书签设置。 .回到网页开头位置处，选定文本 .单击工具栏中的超链接按钮，弹出“创建超链接”对话框（如图2）。 .在“创建超链接”对话框左下角的“书签”项后面的框中，单击下拉按钮，选中书签要链的书签名a4。 .单击“确定”按钮，完成链接到书签的设置。 类似地重复上面的的操作步骤，依次分别将相应的书签（书签a1、a2、a3、a5、a6）及相应的超链接创建好。 四、创建热点超链接 热点超链接也称为图像映射，它是另一种形式的超链接，可以将同一幅图像的不同部分（热点）设置链接到不同的网页。热点超链接常常用于菜单栏、导航及地图中。下面通过制作网页“茶的分类”来学习创建图像热点超链接的方法。五、操作任务 1、编辑网页 (index.htm),要求：.在网页下方增加一行 .将文本分别超链接到相应网页。 .将图象超链接到网站。 .将文本“给我来信”超链接到发送至某个电子邮箱。3、制作网页“茶的分类”(gdxzqy.htm),要求： .设计一个如下图7所示的网页版面。 .将图中标出的每一个类别的茶，以热点超链接到相应页面的简介网页。(第八节 网站的发布更新维护备时：总时：上时：教学目的： 1、申请网页空间 2、上传网页 3、网站维护教学重点： 1、站点的发布2、网站维护更新教学方法：站点辅导与多媒体教室教学过程: 申请网站空间 自己的网站建好了，就需要在Internet上找个空间来存放，以便能够让所有的人能访问得到。互联网上的Web空间，有商业收费的，也有免费的。在这里我们主要学会自己在互联网上，申请一个自己的免费网站空间，同时也熟悉老师在校内服务器上给同学们提供的本地站点空间，怎样连接使用。 一、申请一个免费空间 在虎翼网上申请的免费空间只能做纯HTML网页空间。 首先去到虎翼网()登记注册 申请准备：请先仔细看看下图1所示的填写注册资料页面，其中一些填写项要事先想好，如： 域名/用户名、密码、Email、身份证号码等。 申请过程：上虎翼网()虎翼社区登记注册阅读“虎翼网免费虚拟主机用户服务条款”同意填写申请注册资料再填写资料提示完成。 激活申请的免费空间帐号 在虎翼网()申请注册完成后，会发一封电子邮件到你的电子邮箱，用以激活你申请的帐号。 .首先打开虎翼网()发给你的电子邮件。 .按照邮件中指示的方法激活你申请的帐号。 具体操作：请看 .以你的帐号及密码登录虎翼网免费空间管理系统，了解其中的相关规则，以方便正式使用。二、发布站点 网站制作好了，网站空间也有了，下面我们就可以将设计好的网站搬到网站空间里去。下面我们开始学习如何将自己的网页上传发布到互联网上去或校内的Web空间，以便同学们互相欣赏、互相借鉴各自网站，提高制作水平。 一、发布网站到Internet上的网站空间 这里以同学们在虎翼网()上的网页空间为例说明发布自己网站的具体操作方法。 假设我申请的帐号(用户名)是:zsyzit ，则域名为: ，FTP站点地址为: 操作步骤： .启动软件WS-FTP Pro ； .新建FTP站点zsyzit ； .连接登录FTP站点zsyzit ； .在自己所在机器上选中要上传的文件，复制； 登录申请的远程站点空间 将本地网站文件上传到网上空间三、站点维护与更新 网站已经建好，下面的工作是欢迎大家访问浏览。那么如何让人们知道你的网址呢？ 1、推广自己的站点 站点推广主要有两大类方法：一类是通过改进网站内容和服务，吸引用户访问，起到推广效果；另一类是通过网络广告宣传推广站点。在这里主要介绍属于前一类方法的一种为网页定义关键字，向因特网上的导航台提交本站点的网址和关键词，在页面的原码中，可使用META标签加入主题词，以便于搜索引擎识别检索，使你的站点易于被用户查询到。 向您站点的任意网页中添加关键字，其操作方法如下： .在“文件”菜单上，单击“属性”命令，再单击“自定义”选项卡，即弹出“网页属性”对话框。 .在“用户变量”框下，单击“添加”，即弹出“用户Meta变量”对话框。 .在“名称”框中，键入“keywords”。 .在“值”框中，键入网站的索引关键字，比如“今日广东”等，若有多个关键字可使用逗号作为关键字之间的分隔符。 .单击“确定”，完成。 2、网站的维护与更新 在将自己制作的网页上传到该空间后，浏览者可以浏览网页。但如果你的网站长期不更新，恐怕就会浏览你的网站会越来越少了。网站的更新与维护是创建网站之不可或缺的后期工作。 一般有如下的情况： .原旧版网站需添加新内容，可在本地编辑好再上传，或覆盖或增加之； .原旧版网站需删除某些内容，可登录站点空间删除之，或在本地编辑好再上传覆盖之； .原旧版网站整体更新改版，可登录站点空间删除全部，然后再上传新版网站。 五、操作任务 1、在虎翼网()上申请自己的免费空间,要求： .能够成功地申请注册； .顺利激活自己的帐号。 .登录虎翼网免费空间管理系统，了解相关使用规则。 2、熟悉自己的本地站点空间,要求： .明确自己的本地帐号；.更改自己的初始密码3、发布自己网站到虎翼网()上的免费网页空间中,要求： .连接登录你的免费空间。 .上传文件到空间。 .测试浏览免费网页空间中自己的网页。4、发布网站到本地(校内)的网站空间中,要求： .连接登录你的校内空间。 .上传文件到空间。 .测试浏览校内网页空间中自己的网页。 备时：总时：上时：实践一： Frontpage网页制作教学目标：教学目标：知识与技能：能利用表格设计页面布局，能在网页中插入图片、文字，制作出一个简单的网页。过程与方法：能合理利用身边的素材，安排网页的内容。能有意识地进行色彩的搭配，注重页面美化。情感态度与价值观：能转换视角，以浏览者的角度考虑页面设计的合理性。能发现网页中存在的问题，并以积极的态度通过相互交流、协作学习、自主探究等手段尝试解决问题。教学组织：教师引导，学生自主探究教学环境：网络教室，极域教学软件，网页制作软件（Frontpage）教学重点、难点：利用表格布局网页教学过程：教学环节教师活动学生活动导入简单回顾上节新建站点、打开站点等操作，引入新课。讨论交流选择几位进度较快的学生作品进行交流，教师从中引导。学生选择自己喜欢的题材分组进行作品构思，交流，确定网页布局。任务实践学生制作网页。教师巡视，及时发现学生操作中遇到的问题，引导学生通过讨论交流、自主探究解决问题。对提出问题、解决问题的同学给予积极的评价。学生完成任务：1、插入图片。2、插入文字（复制/插入文件）。任务探究用表格布局网页教师演示部分学生网页，引导学生评价网页，并通过改变浏览器窗口大小的方法，引出网页布局的重要性。进而让学生探索用表格布局网页的方法学生观察所展示的网页，认识布局的重要性。通过交流、自主探究等方法学会用表格布局网页。小结表扬表现突出的学生，并对本节所学知识作简单回顾。以小组为单位，组内互评个人表现（课堂表现、网页效果）；总结本节所学内容。备时：总时：上时：实践二：制作网页教学目标：了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。 重点难点：重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码的应用。教学策略：教师实例演示，学生上机操作，教师辅导和点评。 教学过程： 用 FrontPage 编制的网页课件有较易操作的界面（与上网浏览网页完全相同），一门课程或一堂课的脉络结构（知识结构）可以在主页上用菜单（树形菜单或弹出菜单）或导航条的形式清楚地表明，可以列出教学目的、内容、重点难点、引言、概念性质、例题、练习、小结、作业等等，甚至操作注意事项。 FrontPage