1、第一课第一课 简单网页尝试做简单网页尝试做 教学目的与要求： 1掌握建立站点的方法； 2掌握保存网页及预览网页的方法。 教学重难点： 1建立站点； 2保存网页； 3预览网页。 教学过程： 一复习巩固 二引入新课 目前， 可以制作网站的工具软件非常多， 我们选用 FrontPage 作为网 站制作的工具软件。 三建立新站点 1打开 FrontPage，单击“文件”“新建”“站点” ，打开“新 建”对话框。 2 选择 “空站点” ， 键入站点的保存位置和名称， 单击 “确定” 按钮。 四建立网页 在 FrontPage 中创建站点后， 会自动在站点文件夹内创建两个文件夹， 用于制作网页时存放各类资
2、源。 在光标处输入网站的名称，并写上一段欢迎的文字，例如“欢迎走进 温馨的 XX 班网上家园” 。 这样，一个只有文字的网页就建立好了。 五保存网页 单击“文件”“保存文件” ，打开“另存为”对话框，输入文件名， 单击“保存”按钮。 六预览网页 1在浏览器中预览网页。单击“文件”“在浏览器中预览” ，打开 “在浏览器中预览”对话框，单击预览。 2在 FrontPage 窗口中单击“预览”按钮，进行预览。 3观察使用两种预览方法所显示的预览效果。 七思考与练习 建立一个新站点，并输入文字，保存后预览。 第二课第二课 美化网页显身手美化网页显身手 教学目的与要求： 1掌握打开站点的方法； 2掌握插
3、入图片的方法； 3掌握保存图片的方法。 教学重难点： 1插入图片； 2保存图片。 教学过程： 一复习巩固。 二引入新课 仅有文字的网页显得有些单调， 今天， 我们在网页上挂上我们的全家 福“班级合影”图片。 三打开站点 1单击“文件”“打开站点” ，弹出“打开站点”对话框。 2单击“查找范围”后的小方块按钮，选择站点位置。单击“打开” 按钮。 四插入图片 1在文件夹列表中，双击 new_page_1.htm,打开网页。 2在网页上把光标移到要插入图片的位置。 3单击“插入”“图片”“来自文件” ，打开“图片”对话框。 4单击“从计算机上选择文件”按钮，弹出“选择文件”对话框。 5单击“查找范围
4、”后的小方块按钮，选择图片文件所在的位置。 6选择图片文件， “班级合影” ，单击“确定”按钮。 插入的图片的大小可以自由调整。单击图片，出现 8 个控制点， 拖动这些控制点就可以改变图片的大小。 网页上常用的图形格式有 Gif 和 Jpeg 两种。 五保存图片 在保存含有图片的网页时， 计算机会自动弹出一个 “保存嵌入式文件” 对话框。这是因为我们刚刚从站点外“我的资料”文件夹中插入了一 个图片，现在计算机要求把这个图片存放到站点内。 文件名 new_pa1.jpg 是计算机自动生成的。 为了方便使用， 我们可以 重新给图片起名字。在“保存嵌入式文件”中选择图片文件 new_pa1.jpg，
5、单击下面的“重命名”按钮，可对其重命名。我们将 图片文件重命名为 bjhy.jpg。 为方便图片管理， 计算机自动在站点内为我们建立了一个存放图片的 文件夹 images。一般情况下，我们都把图片文件存放在这个文件夹 内。 在“保存嵌入式文件”对话框内，选择图片文件 bjhy.jpg，单击“改 变文件夹” ，打开“改变文件夹”对话框。选中“images” ，单击“确 定”按钮，图片文件 bjhy.jpg 就存放在“images”内了。 单击“确定”按钮就完成了对网页和图片的保存。 六思考与练习 在网页中插入图片， 将插入图片的网页保存， 并将图片存放到 images 文件夹内。 第三课第三课
6、浏览网页有标准浏览网页有标准 教学目的与要求： 1. 掌握用表格布局的方法； 2. 掌握横幅广告的制作方法； 3. 完成班级简介页面的制作。 教学重难点： 1. 表格的布局与插入； 2. 制作横幅广告。 教学过程： 一.复习巩固 二.引入新课 制作了首页， 我们就好象拥有可一扇大门， 推开这扇门就应该看到里 面丰富多彩的内容。下面，我们用“班级简介”页面、 “班级荣誉” 页面、 “活动剪影”页面来丰富我们的家园。本课，我们以“班 级简介”页面为例学习网页的制作。 三.插入表格 （制作网页前，我们要先设计网页内容的布局，根据设计，插入合适 的表格。 当要制作一个内容较复杂的网页时， 可以插入两个
7、或多个规 范的表格来定位，使每个表格不过于复杂，方便我们的编辑。 ） 1. 新建一个网页。 先插入一个 2 行 2 列的表格， 再将第 2 列合并 成一个单元格。这一表格用来放置网站标志图片和校园风光图片。 2. 将光标放到第一个表格下方， 再继续插入一个1行6列的表格， 用于排放栏目。 3. 将光标放到第二个表格下方， 再继续插入一个1行1列的表格。 在这个表格中制作“班级简介”的文字及图片内容。 布局做好后，网页基本完成了一半。接下来，只要把相应的内容放到 不同的单元格就可以了。 四.给网站名单元格添加背景 将光标定位在单元格内，然后 1. 单击“表格”“属性”“单元格” ，弹出“单元格属
8、性” 对话框； 2. 选中“使用背景图片” ； 3. 单击“浏览” ，选择背景图片文件“背景图 2.gif” ； 4. 单击“确定”按钮。 五.横幅广告的制作 横幅广告并不是一种动画， 而是通过横幅广告管理器制作的由多个大 小相同的图片交替显示的一种动态效果。 将校园风光图片制作成横幅广告。 首先， 将光标定位在插入校园风光 图片的单元格内，然后 1. 单击“插入”“组件”“横幅广告管理器” ，弹出“横幅 广告管理器属性”对话框； 2. 单击“添加”按钮，依次添加要显示的图片； 3. 单击“确定”按钮。 六.思考与练习 第四课第四课 网页素材先准备网页素材先准备 教学目的与要求： 1了解网站建
9、设规划流程； 2收集整理资料。 教学重难点： 1网页的连接； 2网站的规划。 教学过程： 一引入新课 我们的校园生活丰富多彩， 班级活动活泼有趣， 怎样让远方的伙伴了 解我们的校园生活呢？为了更好地展示我们班级的风采， 让更多的人 认识和欣赏我们，我们可以制作班级网站，发布到因特网上，让更多 的人了解我们班。 二网页之间如何联系 1在因特网上，利用超级链接可以方便地将与网站主题相关联的一 个个网页链接起来， 使其变成一张有序的网， 为人们展现丰富的主题 内容。 2以“中国儿童中心”的首页为例，介绍网页的链接。 在 “中国儿童中心” 网站中， 网页是由一层层的超级链接组织起来的。 如第一个页面中
10、包括“芝麻开门” 、 “故事地界” 、 “能力大比拼” 、 “游 戏天地”等栏目， “游戏天地”栏目又分别链接有“益智游戏”网页、 “趣味游戏”网页、 “技巧游戏”网页三大内容。当我们选择“益智 游戏”时，又看到许多游戏名称供我们选择。 3请学生随便找一个网站，点击网页，体验超级链接。 三网站规划与素材准备 网站是由多个网页链接组成的， 在开始制作网站前最好做好整体规划。 1确定网站主题。网站的主题决定制作网站的风格，决定网站所包 含的网页信息。 2搜集素材。通过多种渠道搜集网站所需要的各种素材。 3筛选、整理素材。对搜集来的素材进行必要的挑选、修改、编排、 整理， 筛选出各类网页所需要的素材
11、。 有时还需要根据实际情况自己 动手完成一些必要的文字、图片等素材。 4做好网站建设规划。根据我们筛选、整理的素材，按照不同的分 类，规划整理到不同的网页中。同时要注意使页面布局主题突出、美 观大方、有自己的特色。 5选择网页制作软件，开始制作。 四思考与练习 为自己的班级网站设计一个欢迎首页。 第五课第五课 使用表格版面齐使用表格版面齐 教学目的与要求： 1了解表格在网页中的作用； 2掌握插入表格的方法； 3掌握首页命名及设置网页标题的方法。 教学重难点： 1利用表格制作网页。 教学过程： 一复习巩固 二引入新课 一个好的网页不仅内容要充实， 而且版面要美观。 为了一个好的视觉 效果，需要精
12、心装点自己的家园。打开我们的网页，怎样将网页中的 文字、图片摆放得更美观一些呢？ 三利用表格制作网页 插入表格的方法非常简单， 但在插入表格之前， 我们需要知道自己要 画一个几行几列的表格。 1新建网页并设置网页背景。 单击“新建”按钮，新建一个网页。将适合的图片设置成网页背景 2打开“插入表格”对话框。 单击“表格”“插入”“表格” ，弹出“插入表格”对话框。 3输入行、列数，设置布局参数，单击“确定”按钮。 4通过鼠标调整表格的列宽。 5在合适的位置放入欢迎文字、全家福、欢迎词等。 四设置网页标题 在“保存网页”对话框中设置网页标题。 1输入文件名：index 2单击“更改”弹出“设置网页
13、标题”对话框 3输入网页标题“首页” ，单击“确定按钮” index.htm 是网站常用的首页名。这是因为，我们在浏览器中输入 一个网址时， 浏览器会自动寻找该地址的 index.htm 文件， 并将其打 开。 五思考与练习 建立一个介绍自己的网页。并将内容通过表格定位。 第六课第六课 图像声音齐上阵图像声音齐上阵 教学目的与要求： 1掌握设置背景图片的方法； 2掌握设置背景音乐的方法； 3掌握保存背景音乐的方法。 教学重难点： 1设置背景图片； 2设置背景音乐。 教学过程： 一复习巩固 二引入新课 我们在浏览许多网页时，可以听到优美的音乐，看到漂亮的背景。今 天，我们就揭开它的神秘面纱。 三
14、为网页设置背景 1单击“格式”“背景” ，打开“网页属性”对话框。 2选择“背景”标签，选中“背景图片” ，单击“浏览” ，选择背景 图片，单击“确定”按钮。 四为网页配背景音乐 1在“网页属性”对话框中选择“常规”标签。 2单击“浏览”按钮，弹出“背景音乐”对话框，选择背景音乐文 件，单击“确定”按钮。 五保存网页 1把“背景.gif”更名为“bj.gif” ，保存在 images 文件夹内。 2把“背景音乐.mid”更名为“bjyy.mid” ，保存在站点根目录下。 六思考与练习 为自己的网页设置背景图片和 音乐。 第七课第七课 网页越做越漂亮网页越做越漂亮 教学目的与要求： 1.了解表格
15、的一般操作； 2.掌握制作欢迎字幕的方法。 教学重难点： 1. 制作欢迎字幕。 教学过程： 一.复习巩固 二.引入新课 我们经常会在网站上看到一行或多行滚动的文字， 就和电影中移动的 字幕一样，非常有趣。今天，我们学习制作滚动字幕的方法。 三.拆分单元格 （在制作滚动字幕之前，要确定字幕的位置。我们可以将“欢迎走进 温馨的 XX 班网上家园” 单元格拆分为两行， 下面一行用于放置字幕。 ） 拆分单元格的方法：将光标定位在要拆分的单元格中，然后 1.单击“表格”“拆分单元格” ，弹出“拆分单元格”对话框； 2.设置拆分的方式，如：拆分成行； 3.设置拆分的行数，如：2 行； 4.单击“确定”按钮
16、。 四.制作欢迎字幕 将光标定位在要插入字幕的单元格中， 1. 单击“插入”“组件”“字幕” ，弹出“字幕属性”对话 框； 2. 输入文字； 3. 单击“确定”按钮。 在一个内容较复杂的网页中，要较好地定位内容，需要对表格进行 分割、行列的插入或删除、单元格的合并、拆分等。这些操作都可以 在“表格”菜单中进行，操作方法也很相似。 五.思考与练习 1.在表格内进行表格的插入、删除、拆分、合并等操作； 2.在自己的网页中，插入一个简短的“欢迎字幕” ，并试着改变字幕 的颜色。 第八课第八课 链接网页成一家链接网页成一家 超级链接的制作 教学目的与要求： 1. 认识超级链接； 2. 掌握建立文字、图
17、片超级链接的方法。 教学重难点： 1. 建立图片的超级链接 教学过程： 一.复习巩固 二.引入新课 我们已经做好了两个网页， 如何使这两个网页紧密地联系起来， 让更 多的浏览者能方便地在它们之间自由地进出呢？ 当我们在网上冲浪的时候， 经常会单击页面上某些文字或图片来进入 我们的目标页面。 我们把从一个页面到另一个页面的链接叫做超级链 接。 三.创建图片的超级链接 首先，打开网页文件，选中要设置超级链接的图片。然后 1. 单击“插入”“超链接” ，弹出“创建超链接”对话框； 2. 选择超链接到的网页。如：bjjj.htm 3. 单击“确定”按钮。 当鼠标移动到有超级链接的文字或图片时， 一般情
18、况下， 鼠标 会变成手状，表明这上面有超级链接。这时，单击就可以转入链接到 的页面。 创建好首页到“班级简介”页面的超级链接后，我们可以轻松地从首 页进入到“班级简介”页面。那么，怎样从班级简介“bjjj.htm”页 面再跳回首页呢？很简单， 当然还是设置超链接， 将它链接回来就行 了。 四.观察设置超级链接前后， “首页”文字有什么变化。 五.思考与练习 1. 请给自己的首页加上一个文字或图片的超级链接 2. 保存网页并到浏览器中进行测试，观察鼠标指针的变化 第九课第九课 创建站点做网页创建站点做网页 教学目的与要求： 1. 掌握指向信箱超级链接的设置方法； 2. 掌握设置网页过渡效果的方法
19、。 教学重难点： 1. 为个人小档案网页中的 E-mail 信箱设置超级链接 教学过程： 一.复习巩固 二.引入新课 在个人小档案网页中，每个同学都有自己的 E-mail 信箱。为了方便 浏览者给他们写信， 我们可以为E-mail信箱设置超级链接。 为E-mail 信箱设置超级链接的方法与文字和图片设置超级链接的方法稍有不 同。 三.为个人小档案网页中的 E-mail 信箱设置超级链接。 1. 右键单击 E-mail 信箱， 单击快捷菜单中的 “超链接” 菜单项， 弹出“创建超级链接”对话框； 2. 单击“制作发送电子邮件的超链接”按钮，弹出“创建电子邮 件超链接”对话框； 3. 在光标处输入
20、邮箱地址； 4. 单击“确定”按钮； 5. 单击“确定”按钮。 E-mail 的超级链接设置好后，浏览网页时，单击该超级链接，系统 会自动进入写新邮件的窗口。 制作了许多类似的个人小档案网页， 为了使这些相似的网页的显示效 果产生一定的变化， 我们可以为每位同学的个人档案网页设置网页过 渡效果。 四.为个人小档案网页设置网页过渡效果 1. 在设置网页过渡效果的网页中单击“格式”“网页过渡” ， 弹出“网页过渡”对话框； 2. 设置过渡时间； 3. 设置过渡效果； 4. 单击“确定”按钮。 五.思考与练习 1. 制作自己小组同学的个人小档案， 并设置好电子邮件的超链接 2. 在制作的网页中，设置
21、网页过渡效果 第十课第十课 更多效果在继续更多效果在继续 教学目的与要求： 1. 建立同学通信录网页； 2. 设计制作人物的具体介绍页面。 教学重难点： 1. 利用图片属性设置图片的大小； 2. 制作个人小档案。 教学过程： 一.复习巩固 二.引入新课 同学们一定都有漂亮的电话簿、 有趣的纪念册等， 里边记录着每位朋 友的个人资料和联系方式。 在我们的班级网站中，我们可以把同学们的照片和名字放在网页上， 制作成图文并茂的同学录。 三.利用图片属性设置图片的大小 在表格内插入照片时，过大的照片会将表格撑大，影响整体布局，这 时需要对图片大小进行调整。 为了使所有的照片大小一致， 我们可以 使用“
22、图片属性”来设置。 1. 右键单击图片，单击“图片属性”快捷菜单项，弹出“图片属 性”对话框； 2. 选择“外观”标签； 3. 选中“指定大小” ； 4. 取消“保持纵横比” ； 5. 输入宽度和高度的象素值； 6. 单击“确定”按钮。 用同样的方法把其他照片设置为同样大小。 图片宽度与高度的象素值，可通过受动调整第一幅图片获得。 我们在制作网页时，经常会用到网页属性、表格属性、单元格属性、 图片属性等。 除了使用菜单打开的方式外， 利用鼠标右键的快捷菜单 更方便。 四.制作个人小档案 1. 复制“模版一.htm”文件，粘贴后将其更名为“grda1.hem” ； 2. 插入一个 1 行 2 列
23、的表格； 3. 在第一列单元格内插入一照片； 4. 在第二列插入一个 6 行 2 列的表格。 设置表格对齐方式为： 水 平居中，单元格边距、单元格间距均为 2。输入个人档案内容。 五.思考与练习 1. 把个人小档案网页制作成模版，完成其他同学的个人档案 2. 美化网页中的表格及文字 第十一课第十一课 网页模板效率高网页模板效率高 教学目的与要求： 1. 掌握建网页模版的方法； 2. 学会布置荣誉室。 教学重难点： 1. 模版网页； 2. 班级荣誉网页。 教学过程： 一.复习巩固 二.引入新课 荣誉大厅网页主要是展示班级的一些荣誉照片及图片的说明文字。 怎 样布局呢？ 由于网站是由多个网页组成的
24、，这些网页中通常有些内容是相同的， 如标志图片、横幅广告、导航条等。怎样能使这些相同的部分，直接 调入到新的网页中使用呢？这就需要网页模版。 下面， 我们用班级简介网页制作一个模版网页， 并利用这个模版来完 成班级荣誉网页的制作。 三.用班级简介网页制作一个模版网页 1. 新建一网页，照 bjjj,htm 的样子设置好网页属性，并保存为 “模版一.htm” ； 2. 在已有网页中选中共同内容。打开“bjjj.htm”网页，将表格 定位在第一个表格，单击“表格”“选定”“表格” 。这样，第 一个表格就被选中了； 3. 复制选中的内容到模版网页。单击工具栏中的“复制”按钮， 再打开模版文件“模版一
25、.htm” ，单击“粘贴”按钮即可； 4. 复制所有的共同内容到模版文件中。 把共同的内容制作完后就完成了模版网页的制作。 四.用模版网页制作班级荣誉网页 1. 复制模版网页。 在文件夹列表选中模版网页文件 “模版一.htm” ， 单击“复制”按钮，再单击“粘贴”按钮，FrontPage 会自动在网站 内建立一个 “模版_复制(1).htm” ， 把它更名为 “bjry.htm” 即可； 2. 打开“bjry.htm”网页，在导航栏下方插入一个 4 行 4 列的表 格； 3. 分别插入图片和文字到相应的单元格内，并调整图片大小； 4. 保存并预览网页。 五.思考与练习 1. 利用自己制作的模版
26、网页，制作其它网页。 第十二课第十二课 框架网页初体验框架网页初体验 教学目的与要求： 1. 掌握插入水平线的方法； 2. 掌握插入书签，建立网页内超级链接的方法。 教学重难点： 1. 创建书签 教学过程： 一.复习巩固 二.引入新课 同学们有许多特长，我们可以通过“风采展示”网页进行展示。 “风 采展示”网页下面含有“习作园地” 、 “小小画廊” 、 “动物世界”等页 面， “习作园地”页面下又含有同学们的许多篇文章。 三.制作“风采展示”网页 1. 制作“风采展示”网页，将网页命名为“fczs.htm” ，标题为 “风采展示” 。 (1)单击“插入”“水平线”选项，在页面插入一水平线； (
27、2)插入一个 3 行 2 列的表格，边框粗细为 1，亮边框为兰色，暗边 框为白色，并在相应单元格内插入图片并输入文字； 。 2. 制作“习作园地”页面，将该页命名为“xzyd.htm” ，标题为 “习作园地” 。 (1)插入一个表格，并设置表格背景； (2)再在这一表格内插入一个 8 行 2 列的表格，设置为水平居中，在 相应单元格内输入文章标题及序号。 3. 制作“习作园地”下的文章。 首先插入 4 行 1 列的表格，分别在相应位置输入标题、作者、文章内 容，最后一行插入一图片并建立返回“习作园地”的超级链接。用相 同的方法制作其他文章的页面，分别命名为 xz1.htm，xz2.htm 网页
28、标题为习作一，习作二 4. 完成这三级页面的超级链接。 四.在习作一创建书签 习作一的文章“悟空、八戒油城见闻” ，文章这么长，分为“孙悟空 三考李西歌” 、 “猪八戒逛油城”两部分。拖动滚动条查看很不方便， 怎样才能快速查看任意一部分内容呢？ 当网页中的内容较长时， 我们同样可以在网页内部建立超级链接， 称 做书签。 它是将网页中的一些关键字与网页中的某部分内容链接起来， 单击关键字，就会跳转到相应的内容。 1. 插入书签。 将光标定位在超级链接的目标位置， 即文章第一部 分“孙悟空三考李西歌”的前面。 (1)单击“插入”“书签”选项，弹出“书签”对话框； (2)输入书签名称“孙悟空三考李西
29、歌” ； (3)单击“确定”按钮。 这时，就在指定位置插入了一个标记，这就是我们插入的书签。 2. 创建超级链接。 选中需要建立超级链接的文字， 即文章顶端的 小标题“孙悟空三考李西歌” 。 (1)选中文章顶端的小标题； (2)单击“插入”“超链接” ，弹出“创建超链接”对话框； (3)选中我们已经插入的书签“孙悟空三考李西歌” ； (4)单击“确定”按钮。 保存网页，浏览器中预览该网页，单击“孙悟空三考李西歌” ，这一 部分的内容就跑到屏幕的顶端了。 五.思考与练习 1. 在什么情况时使用书签比较方便？ 2. 对其他几篇比较长的文章建立书签 第十三课第十三课 框架网页渐完善框架网页渐完善 教
30、学目的与要求： 1. 学会制作“小小画廊”网页； 2. 掌握导入图片文件到网站的方法。 教学重难点： 1. 制作“小小画廊”网页 教学过程： 一.复习巩固 二.引入新课 “风采展示” 下的 “小小画廊” 页面可以充分展示同学们的绘画作品， 今天我门就来学习如何制作“小小画廊” 。 三.制作“小小画廊”页面 1. 复制 “模板一.htm” ， 粘贴并命名为 “xxhl.htm” ， 网页标题 “小 小画廊” ； 2. 插入 5 行 3 列的表格， 中间一列单元格设置白色背景， 并调整 列宽； 3. 制作第一幅绘画作品 (1)在第一行第二列的单元格内插入一个 3 行 3 列的表格； (2)在第一行
31、第三列的单元格内插入一个 2 行 1 列的表格，并调整好 行高与列宽； (3)在单元格内设置背景颜色，输入文字或插入图片，调整大小； (4)在单元格内输入文字，插入图片，调整大小。 4. 复制制作好的第一行的表格到后面各行， 再将图片和文字更换 一下即可。 四.导入图片文件到 images 文件夹中 在上面的制作中，需要不断地删除、插入、调整大小，太麻烦了。 有什么更方便的办法更换单元格中的图片呢？ 由于要更换的图片在网站外，我们可以将它们导入到网站的 images 文件夹内，之后在调用更方便多了。 1. 单击“文件”“导入”选项，弹出“导入”对话框； 2. 单击“添加文件”添加要导入的文件；
32、 3. 单击“修改” ，修改文件位置和名字； 4. 单击“确定”按钮。 五.通过 images 文件夹，更换成其他绘画作品和作者照片。 1. 选中第二行的绘画作品，打开“图片属性”对话框； 2. 单击“浏览” ，更改“图片源”为 images 文件夹中的 hh2.gif 文件； 3. 单击“确定”按钮。 六.思考与练习 1. 导入图片有什么好处？ 2. 将自己的计算机绘画作品制作成一个网页 第十第十四四课课 测试更新不能忘测试更新不能忘 教学目的与要求： 1. 掌握通过 HTTP 发布网站的方法； 2. 掌握通过 FTP 发布 Web 网站的方法。 教学重难点： 1. 通过 HTTP 发布网站
33、； 2. 通过 FTP 发布 Web 网站。 教学过程： 一.复习巩固 二.引入新课 网站做好了， 要让更多的人欣赏到我们的网站， 需要把网站发布出去。 完成网站内所有网页的编辑后，经过检查无误，就可以发布站点了。 网站既可以发布到 Internet 网上的 “个人主页空间” ， 也可以发布到 学校的服务器上，还可以发布到自己的本地计算机上。 三.在 FrontPage 中将站点发布到本地计算机上 1. 单击“文件”“发布站点” ，弹出“发布站点”对话框； 2. 单击“浏览” ，设置本地的发布位置为 e:wxjy 站点； 3. 单击“确定”按钮； 4. FrontPage 自动完成发布过程，并
34、显示发布进度； 5. 发布完成后单击“完成”按钮。 四.用FTP工具软件FlashFxp将我们制作的网站上传到主页空间。 所谓发布站点，就是将网站内容复制到远程服务器上的过程。发布 站点也叫 “上传站点” 。 发布站点时可以使用专门的文件上传工具 FTP。 FTP 是什么呢？简单的说，它是一种网络上传送文件的方法，可以把 我们自己做好的网页传到网络上去。 FTP 软件有很多种， 比如 CuteFtp、 FlashFxp、LeapFtp 等。 除了将做好的网站发布到本地计算机上外， 我们还可以通过 FTP 将网 站发布到因特网上。 在因特网上， 友谊写网站为我们提供了免费的个 人主页空间，可以在
35、搜索引擎中以“免费个人主页空间”为关键字进 行搜索，得到结果，从中选择一个来用。 1. 安装 FTP 工具软件 FlashFxp； 2. 运行 FlashFxp 软件； 3. 在 FlashFxp 窗口中，单击“会话”“快速连接” ，弹出“快 速连接”对话框； 4. 输入用户名、 密码、 服务器的 IP 地址和端口号， 单击 “连接” 按钮。信息验证无误后，返回工作窗口，窗口中显示连接成功信息； 5. 在窗口右上区域的本地文件夹中选择要发布的网站， 在本地文 件夹下显示网站文件和文件夹列表， 选取所有网站文件和文件夹， 用 鼠标拖动到左边的 FTP 站点。 系统开始上传文件。 完成后系统显示上
36、 传成功信息。 五.思考与练习 检查网站的所有链接。确认无误后，把制作的网站发布到本地或 者 Internt 上，然后测试发布结果。 第十五课第十五课 交流评价提升快交流评价提升快 教学目的与要求： 交流与评价网站教学设计 一、教学目标： 1.各小组将自己的站点文件夹设置为“只读”共享。 2.每个小组都能在教师的引导下对各站点进行比较公正、 合理的自评 与他评。 二、教学重点： 1.对小组站点的自评与他评。 三、教学难点： 教师能够正确地引导学生对站点进行比较公正、合理的自评与他评。 四、教学过程： 1、导入新课： 同学们“小水滴”小组主题站点中的所有网页都已制作完成，其他小 组的主题站点完成的怎么样了？大家怎样才能够互相了解到彼此的 情况呢？这节课我们就一起来学习这方面的内容。 2、新授内容： （一） “共享”作品 1.演示方法： 2.布置任务：把自己的成果库设置成共享文件夹。 3.巡视指导 4.知识拓展
浙公网安备33030202001339号