信息技术4册第一单元网上安家

1、 第一单元 网上安家一一网站制作初步 单元简介: 本单元主要介绍网站制作初步知识，不仅学习用word制作网页，还要学习利用专业的网页制作软件一一 frontpape来制作。最后还要把自己的网页扩展建立一个属于自己的动漫网站。 第1课Word大变身用Word制作网页 教学目标： 1、掌握利用Word制作网页的基本方法。 2、能将Word文件转换为网页。 教学过程： 一、观察自己上网时浏览的网页，里面内容及格式和我们的文件有哪些相同 点？ 二、打开保存过的具有“我喜爱的动漫一览表”的Word文件一一 “动漫表” 学生按下列步骤操作，教师给予讲解和指导。 1、将Word进行必要的设置。 (1) 设置

2、艺术字居中。 第1步：在菜单中依次选择“格式7 “艺术字”。 第2步：设置艺术字版式。在出现的对话框中选择“版式“标签，其中环绕方式选择”嵌入型“，这样可将艺术字 插入文字当中，可以用设置文本的对齐方式进行设置。 第3步：选中艺术字，单击工具栏中的“居中“按钮。 (2) 设置表格居中。 第1步：在表格中任意位置单击鼠标左键，将插入光标放在表格中。 第2步：在菜单栏中依次选择“表格” 7 “表格属性”。 第3步：在出现的“表格属性”对话框中，选择“表格”标签的对齐方式为“居中”，其他 为默认值。 (3) 设置表格的边框样式。 为美观起见我们将表格的边框线进行变化。 第1步：在表格中任意位置单击鼠

3、标左键后，依次选择“表格” 7 “表格属性”。 第2步：在出现的“表格属性”对话框中，单击“边框和底纹”按钮，在出现的对话框中选 择“边框”标签中的设 置项为“全部”，线型为倒数第二中（因为只有第一种和最后两种能够在网页上显示）。 2、将Word文件转换为网页。 将Word文件进行保存后，选择“文件”菜单中的“另存为”菜单项。在出现的“另存为”对话框中，将保存类型 选择为“Web页”，位置还是文件的位置。 3、浏览网页。 到“动漫”文件夹下，可以看到出现了一个带有e图标的文件，它就是刚刚保存的网页文件。双击它可以用浏 览器以网页的方式打开进行浏览。 三、阅读知识链接。 编辑网页应该注意：网页的

4、标题要简洁、明确；每个网页都要合理布局，保持页面风格一致，展现主题。网页 中插入的图片要尽量的小。网页中引用的资料及商标（或图标）不能侵犯版 权。 四、谈制作心得。 第2课牛刀小试一一专业网页制作工具 课前准备： 将自己搜集到的动漫图片进行整理，以每个动漫的名称为文件夹，将图片分门别类存放进相应的文件夹中。 教学目标： 掌握用FrontPage将自己喜欢的一个动漫的多幅经典图片制作为一个网页。 教学过程： 、谈话导入。 Word虽然能制作出漂亮的网页，但它的功能非常有限，要想制作更丰富、更专业的网页，最好用一些专业的网页制 作工具软件，如，Office家族的另一个成员一一简单又实用的 Fron

5、tpageo它强的的功能不但使制作过程变得容易，而且提高了工作效率。这节课我们就 学习用FrontPage将自己喜欢的一个动漫的多幅经典图片制作为一个网页。 二、学习制作步骤。 教师讲解，学生操作。 1、启动 FrontPage 启动FrontPage与启动Word 一样，单击“开始”按纽，选择菜单中“程序”中的Microsoft FrontPage命令，就可以打开FrontPage窗口。 2、认识 FrontPage 窗口。 FrontPage窗口也和Word窗口很相似，但是也有些不同的地方。 (1) 视图栏。 除了标题栏、菜单栏、常用工具栏、格式工具栏和状态栏外，左边还有个灰色背景的视图栏

6、。这是用来以各种方 式查看网页的。 (2) 编辑窗口。 右边大面积的空白地方，就是编辑网页的编辑窗口，是我们用来编辑网页的地方。 (3) 编辑模式栏。 在编辑窗口的下边有3个标签，叫做编辑模式栏，为我们编辑和浏览网页提供了 3种显示模式。 在普通模式下，可以像Word 一样对网页进行编辑制作；在HTML模式下，就是我们现在还看不懂的网页代码 了；在预览模式下，可以随时查看网页的实际效果。 注意：在编辑网页时，应该将编辑模式设为“普通”。 3、制作网页 1) 编辑网页的方法与编辑Word方法非常相似，相同的效果使用的按钮也是相同的。 文字 用我们在Word中的方法，在第一行输入标题“神探柯南图片

7、欣赏”。设置文字的字体为黑体，字号为24磅, 对齐方式为居中。 FrontPage中的字号与Word中的字号稍有不同，它变成了多少磅，磅数越大，字号越大。 (2) 插入表格。 换行后，用在Word中学习的方法，插入一个3行4列的表格。 (3) 插入图片并调整大小。 还是用我们在Word中学习的方法分别在表格的单元格中插入图片并调整大小。 (4) 设置表格属性。 第1步：设置表格宽度。 在表格中的任意位置单击鼠标左键，在菜单栏中依次选择“表格” 7 “属性” 7 “表格”在出现的窗口中选择指定 宽度为700像素。 第2步：设置表格居中。 在“表格属性”窗口中选择对齐方式为“水平居中”。这样可以保

8、证我们的表格内容在任何情况下都在网页中间显 zjx o 4、保存网页 单击“保存”按钮，将网页文件保存在前面建的保存柯南图片的文件夹下。 5、预览网页 方法一、单击编辑式栏中的预览标签，可以在编辑区预览网页。但是，感觉不一这和我们平时上网时效 样，而且它的窗口和我们平时用的浏览器的窗口大小不同，器浏览时的效果不一果肯定和最后用浏览 样。 方法二、单击工具栏上的“在浏览器中预栏”按钮，就可以打开方法比较常用，效ie浏览器进行预栏。这种 果也比较好。当然，在预栏前要求必须保存。 三、阅读知识链接 在网页只能感输入文字和编辑文字的方法与Word基本性同，需要注意的是，设置文字的字体时，尽量使用 Wi

9、ndows自带的字体，以免由于浏览者的计算机中没有安装特殊字体，而 只能用宋体來显示文本，影响网页的整体效果。 在Frontpage默认的情况下，按回车键另起一段时，段与段之间的距离比较大，这时按Shift+回车键，就 可以解决这个问题。 四、交流制作心得。 第3课“神速”建站一一网站模板 课前准备：浏览儿个网站，探究一下网站的结构特点。 教学目标： 学会建立网站的方法。 教学过程： 一、谈话导入 今天我们学习如何建立网站。 二、按下列步骤操作。 1、建立动漫网站 (1) 启动 FrontPageo (2) 建立网站。 第1步：在文件菜单中选择“新建7 “站点”。 第2步：在出现的新建窗口中左

10、边选择“只有一个网页的站点”，在“指定新站点的位置”文本框中输入“陈菱 动漫网站”(“陈菱”换为自己的名字)，这样是将网站建立在自己的个人文件夹下，网站名为“动漫网站”。 第3步：单击“确定”按钮，建立好网站。 文件夹列表”框，是以文件夹的形式管理我们的网站的。可以看到在新建成的网站中自动 产生了两个文件夹： -private文件夹一般存放私人的资料，image文件夹一般存放制作网站时所用的图片。index, htm是站点 中的主页，在因特网上有约定，当通过浏览器打开一个网站时，它会自动打开这个网站中名为index.htm或 default.htm 的网页。 2、为网站制作主页 (1)打开主页

11、 注意：右边的编辑窗口的标题，也就是默认的要编辑的网页的名字，叫做new-page-1. htm,不是我们的主页 index htm。 编辑主页前，要双击文件夹列表中的index.htm ,这时，编辑窗口中的网页名字也变为了 index, htm,这时才是开始编辑主页。 (3)编辑主页。 主页上访问者浏览到的第一个网页，因此要精心设计才能给访问者留下深刻的印象。主页的制作方法，与普通网页也 没有什么区别。用前面学过的方法，编辑一个主页。内容不用太多，简单介绍自己网站的内容。 3、将其他已经制作好的网页加入该网站 (1) 打开网页。 单击工具栏中的“打开”按钮，打开前面编辑的“柯南”网页。 (2

12、) 另存网页。 第1步：在菜单中选择“文件7 “另存为”，将网页存到“动漫网站”文件夹下。 第2步：在“保存嵌入式文件”窗口中单击“改变文件夹”按钮，在出现的窗口中选择站点内的“ image”文件 夹，单击“确定”按钮。 第3步：返回到“保存嵌入式文件”窗口，中间的“文件夹”项由空白变为“image”，单击 “确定”按钮。这样就可以将网页中用到的图片存到站点中的“image”文件夹中了。 4、添加新的网页 (1 )新建网页。 单击工具栏中的“新建”按钮，在出现的窗口中选择“常规”标签中的“普通网页”。单击 “确定”按钮后，可以看到编辑窗口出现了空白的新网页。 (2) 编辑网页。 编辑另一个动漫

13、的图片展示网页，如，“加菲猫”。 (3) 保存网页。 单击工具栏中的“保存”，将网页保存在网站文件夹内(注意图片的保存)。文件夹列表窗口出现刚刚保存过的网 页。 三、阅读知识链接 网页的名字在网站中是可以直接进行修改的。在文件夹列表中的网页上单击鼠标右键T选择 “重命名”，就可以修改网页的名字。但是注意：主页的名字是不能修改的。 网页类型的文件，名字都是*htm （htm是网页文件的扩展名）。如果在文件夹列表中修改网页的名字，不要忘 了在后面输入htm ”，否则就不是网页文件了。 四、谈制作心得。 第4课网页“手拉手” 一一超链接 教学目标：将网站中的所有网页通过超链接联系起来。 教学过程：

14、一、谈话导入 师：我们制作了一个又一个的网页，浏览网页是不是也像看书一样，需要一页一页，一篇一篇文章地读呢？要是必 须一页一页的读，想在网络的汪洋大海中找到自己想看的内容可太难了。动脑筋想一想，你有什么好办法？ 小组交流 师：网站中的网页同Word文档最大的差别不在于它的内容，也不在于它丰富多彩的外观，而是在于超链接。网站 中的网页正是通过超链接互相连接在一起的。它相当于打开另一个网页的钥匙，只要设置合理、可行的超链接才能 创建出一个优秀的网站。 二、按下列步骤操作。 1、打开网站 在菜单中选择“文件” 7 “打开站点” (2)在出现的“打开站点”窗口中，找到站点文件夹，它是与其他普通文件夹不

15、一样的，它的图表不同。 (3)选择站点文件夹后，单击“打开”按钮。 2、为首页与“动漫表”网页的超链接 (1 )建立首页到“动漫表”网页的超链接。 第1步：在文件夹列表中双击“ index, htm ”，打开主页。 第2步：选择主页上“进屋坐坐”后面的图片。 第3步：单击工具栏上的“创建超链接”按钮。出现“创建超链接”窗口。 第4步：在站点所有内容的列表中选择要链接到的网页一一动漫表htm。单击“确定”按 钮。 (2)建立“动漫表”网页到首页的超链接。 网站内的合理、可行的超链接是应该相互链接的。 第1步：打开“动漫表”网页。 第2步：在最下面一行，输入文字“返回主页”。 第3步：拖动鼠标选中

16、这4个字。 第4步：单击工具栏上的“创建超链接”按钮。 第5步：在“创建超链接”窗口中选择“ index, htm ” ,单击“确定”按钮。 3为“动漫表”与各动漫图片展示的网页建立超链接 (1) “动漫表”到各动漫图片展示网页的超链接。 用前面的方法将“动漫表”中代表各动漫的图片超链接到各白的图片展示网页。 在各个动漫图片展示网页中的饿最下面插入一个代表返回的小图片，在这个小图片上加入回到“动漫表”的超链接。 1、建立与邮箱的超链接。 为了让访问我们网站的人，给我们发E-mail,就像我们在交通部的网站上可以直接给交通部 长发信一样，需要建 立与诱降的超链接。 (1) 打开主页。 (2) 建立与邮箱的超链接。 第1步：选择“联系我哦”后面的小图片，单击按钮。 第2步：在“创建超链接”窗口中单击右下角的“制作发送电子邮件的超链接”按钮。 第3步：在出现的窗口中输