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

《信息技术4册第一单元 网上安家.docx》由会员分享，可在线阅读，更多相关《信息技术4册第一单元 网上安家.docx（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

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

3、格属性”对话框中，单击“边框和底纹”按钮，在出现的对话框中选择“边框”标签中的设置项为“全部”，线型为倒数第二中（因为只有第一种和最后两种能够在网页上显示）。2、将Word文件转换为网页。将Word文件进行保存后，选择“文件”菜单中的“另存为”菜单项。在出现的“另存为”对话框中，将保存类型选择为“Web页”，位置还是文件的位置。3、浏览网页。到“动漫”文件夹下，可以看到出现了一个带有e图标的文件，它就是刚刚保存的网页文件。双击它可以用浏览器以网页的方式打开进行浏览。三、 阅读知识链接。编辑网页应该注意：网页的标题要简洁、明确；每个网页都要合理布局，保持页面风格一致，展现主题。网页中插入的图片要

4、尽量的小。网页中引用的资料及商标（或图标）不能侵犯版权。四、谈制作心得。第2课牛刀小试专业网页制作工具课前准备：将自己搜集到的动漫图片进行整理，以每个动漫的名称为文件夹，将图片分门别类存放进相应的文件夹中。教学目标：掌握用FrontPage将自己喜欢的一个动漫的多幅经典图片制作为一个网页。教学过程：一、谈话导入。Word虽然能制作出漂亮的网页，但它的功能非常有限，要想制作更丰富、更专业的网页，最好用一些专业的网页制作工具软件，如，Office家族的另一个成员简单又实用的FrontPage。它强的的功能不但使制作过程变得容易，而且提高了工作效率。这节课我们就学习用FrontPage将自己喜欢的一

5、个动漫的多幅经典图片制作为一个网页。二、学习制作步骤。教师讲解，学生操作。1、启动FrontPage启动FrontPage与启动Word一样，单击“开始”按纽，选择菜单中“程序”中的Microsoft FrontPage命令，就可以打开FrontPage窗口。2、认识FrontPage窗口。FrontPage窗口也和Word窗口很相似，但是也有些不同的地方。（1） 视图栏。除了标题栏、菜单栏、常用工具栏、格式工具栏和状态栏外，左边还有个灰色背景的视图栏。这是用来以各种方式查看网页的。（2） 编辑窗口。右边大面积的空白地方，就是编辑网页的编辑窗口，是我们用来编辑网页的地方。（3） 编辑模式栏。在

6、编辑窗口的下边有3个标签，叫做编辑模式栏，为我们编辑和浏览网页提供了3种显示模式。在普通模式下，可以像Word一样对网页进行编辑制作；在HTML模式下，就是我们现在还看不懂的网页代码了；在预览模式下，可以随时查看网页的实际效果。注意：在编辑网页时，应该将编辑模式设为“普通”。3、制作网页编辑网页的方法与编辑Word方法非常相似，相同的效果使用的按钮也是相同的。（1） 文字用我们在Word中的方法，在第一行输入标题“神探柯南图片欣赏”。设置文字的字体为黑体，字号为24磅，对齐方式为居中。FrontPage中的字号与Word中的字号稍有不同，它变成了多少磅，磅数越大，字号越大。（2） 插入表格。换

7、行后，用在Word中学习的方法，插入一个3行4列的表格。（3） 插入图片并调整大小。还是用我们在Word中学习的方法分别在表格的单元格中插入图片并调整大小。（4） 设置表格属性。第1步：设置表格宽度。在表格中的任意位置单击鼠标左键，在菜单栏中依次选择“表格”“属性”“表格”，在出现的窗口中选择指定宽度为700像素。第2步：设置表格居中。在“表格属性”窗口中选择对齐方式为“水平居中”。这样可以保证我们的表格内容在任何情况下都在网页中间显示。4、保存网页单击“保存”按钮，将网页文件保存在前面建的保存柯南图片的文件夹下。5、预览网页方法一、单击编辑式栏中的预览标签，可以在编辑区预览网页。但是，这和我

8、们平时上网时感觉不一样，而且它的窗口和我们平时用的浏览器的窗口大小不同，效果肯定和最后用浏览器浏览时的效果不一样。方法二、单击工具栏上的“在浏览器中预栏”按钮，就可以打开IE浏览器进行预栏。这种方法比较常用，效果也比较好。当然，在预栏前要求必须保存。三、阅读知识链接在网页只能感输入文字和编辑文字的方法与Word基本性同，需要注意的是，设置文字的字体时，尽量使用Windows自带的字体，以免由于浏览者的计算机中没有安装特殊字体，而只能用宋体来显示文本，影响网页的整体效果。在FrontPage默认的情况下，按回车键另起一段时，段与段之间的距离比较大，这时按Shift+回车键，就可以解决这个问题。四

9、、交流制作心得。 第3课 “神速”建站网站模板课前准备：浏览几个网站，探究一下网站的结构特点。教学目标：学会建立网站的方法。教学过程：一、谈话导入今天我们学习如何建立网站。二、按下列步骤操作。1、建立动漫网站（1） 启动FrontPage。（2） 建立网站。第1步：在文件菜单中选择“新建”“站点”。第2步：在出现的新建窗口中左边选择“只有一个网页的站点”，在“指定新站点的位置”文本框中输入“d:陈菱动漫网站”（“陈菱”换为自己的名字），这样是将网站建立在自己的个人文件夹下，网站名为“动漫网站”。第3步：单击“确定”按钮，建立好网站。“文件夹列表”框，是以文件夹的形式管理我们的网站的。可以看到在

10、新建成的网站中自动产生了两个文件夹：-private文件夹一般存放私人的资料，image文件夹一般存放制作网站时所用的图片。index.htm是站点中的主页，在因特网上有约定，当通过浏览器打开一个网站时，它会自动打开这个网站中名为index.htm或default.htm的网页。2、为网站制作主页（1）打开主页注意：右边的编辑窗口的标题，也就是默认的要编辑的网页的名字，叫做new-page-1.htm,不是我们的主页index.htm。编辑主页前，要双击文件夹列表中的index.htm，这时，编辑窗口中的网页名字也变为了index.htm,这时才是开始编辑主页。（3） 编辑主页。主页上访问者浏

11、览到的第一个网页，因此要精心设计才能给访问者留下深刻的印象。主页的制作方法，与普通网页也没有什么区别。用前面学过的方法，编辑一个主页。内容不用太多，简单介绍自己网站的内容。3、将其他已经制作好的网页加入该网站（1） 打开网页。单击工具栏中的“打开”按钮，打开前面编辑的“柯南”网页。（2） 另存网页。第1步：在菜单中选择“文件”“另存为”，将网页存到“动漫网站”文件夹下。第2步：在“保存嵌入式文件”窗口中单击“改变文件夹”按钮，在出现的窗口中选择站点内的“image”文件夹，单击“确定”按钮。第3步：返回到“保存嵌入式文件”窗口，中间的“文件夹”项由空白变为“image”，单击“确定”按钮。这样

12、就可以将网页中用到的图片存到站点中的“image”文件夹中了。4、添加新的网页（1） 新建网页。单击工具栏中的“新建”按钮，在出现的窗口中选择“常规”标签中的“普通网页”。单击“确定”按钮后，可以看到编辑窗口出现了空白的新网页。（2） 编辑网页。编辑另一个动漫的图片展示网页，如，“加菲猫”。（3） 保存网页。单击工具栏中的“保存”，将网页保存在网站文件夹内（注意图片的保存）。文件夹列表窗口出现刚刚保存过的网页。三、阅读知识链接网页的名字在网站中是可以直接进行修改的。在文件夹列表中的网页上单击鼠标右键选择“重命名”，就可以修改网页的名字。但是注意：主页的名字是不能修改的。网页类型的文件，名字都是

13、*.htm(htm是网页文件的扩展名)。如果在文件夹列表中修改网页的名字，不要忘了在后面输入“.htm”,否则就不是网页文件了。四、谈制作心得。 第4课网页“手拉手”超链接教学目标：将网站中的所有网页通过超链接联系起来。教学过程：一、谈话导入师：我们制作了一个又一个的网页，浏览网页是不是也像看书一样，需要一页一页，一篇一篇文章地读呢？要是必须一页一页的读，想在网络的汪洋大海中找到自己想看的内容可太难了。动脑筋想一想，你有什么好办法？小组交流师：网站中的网页同Word文档最大的差别不在于它的内容，也不在于它丰富多彩的外观，而是在于超链接。网站中的网页正是通过超链接互相连接在一起的。它相当于打开另

14、一个网页的钥匙，只要设置合理、可行的超链接才能创建出一个优秀的网站。二、按下列步骤操作。1、打开网站（1）在菜单中选择“文件”“打开站点”。（2）在出现的“打开站点”窗口中，找到站点文件夹，它是与其他普通文件夹不一样的，它的图表不同。（3）选择站点文件夹后，单击“打开”按钮。2、为首页与“动漫表”网页的超链接（1）建立首页到“动漫表”网页的超链接。第1步：在文件夹列表中双击“index.htm”，打开主页。第2步：选择主页上“进屋坐坐”后面的图片。第3步：单击工具栏上的“创建超链接”按钮。出现“创建超链接”窗口。第4步：在站点所有内容的列表中 选择要链接到的网页动漫表.htm。单击“确定”按钮

15、。（2） 建立“动漫表”网页到首页的超链接。网站内的合理、可行的超链接是应该相互链接的。第1步：打开“动漫表”网页。第2步：在最下面一行，输入文字“返回主页”。第3步：拖动鼠标 选中这4个字。第4步：单击工具栏上的“创建超链接”按钮。第5步：在“创建超链接”窗口中选择“index.htm”，单击“确定”按钮。3为“动漫表”与各动漫图片展示的网页建立超链接（1）“动漫表”到各动漫图片展示网页的超链接。用前面的方法将“动漫表”中代表各动漫的图片超链接到各自的图片展示网页。（1） 各动漫图片展示网页回到“”动漫表”的超链接。在各个动漫图片展示网页中的饿最下面插入一个代表返回的小图片，在这个小图片上加

16、入回到“动漫表”的超链接。1、建立与邮箱的超链接。为了让访问我们网站的人，给我们发E-mail,就像我们在交通部的网站上可以直接给交通部长发信一样，需要建立与诱降的超链接。（1） 打开主页。（2） 建立与邮箱的超链接。第1步：选择“联系我哦”后面的小图片，单击按钮。第2步：在“创建超链接”窗口中单击右下角的“制作发送电子邮件的超链接”按钮。第3步：在出现的窗口中输入自己的邮箱地址。2、保存网页、预览。三、阅读知识链接。把网页和网页之间连接起来，需要的时候就跳到所需的网页，所以，网页和网页之间建立了超链接就形成了网站。一个网站一般是由一个主页和若干个子页共同构成的。通过超链接这些网页连接起来，共同展示众多的信息。超链接是网站中的重要概念。它其实就是附在文字或图像上的一个目标地址，这个地址可以是另一个网站的地址、一幅图片的地址、一个程序文件的地址等。当我们单击建立了超链接的文字或图片时，计算机就会打开地址所指向的网页、图片或引用的文件。四、谈制作心得。