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

（信息技术）信息技术册第一单元网上安家
第壹单元网上安家——网站制作初步
单元简介：
本单元主要介绍网站制作初步知识，不仅学习用word制作网页，仍要学习利用专业的网页制作软件——frontpape来制作。

最后仍要把自己的网页扩展建立壹个属于自己的动漫网站。

第1课Word大变身——用Word制作网页
教学目标：
1、掌握利用Word制作网页的基本方法。

2、能将Word文件转换为网页。

教学过程：
壹、观察自己上网时浏览的网页，里面内容及格式和我们的文件有哪些相同点？
二、打开保存过的具有“我喜爱的动漫壹览表”的Word文件——“动漫表”。

学生按下列步骤操作，教师给予讲解和指导。

1、将Word进行必要的设置。

（1）设置艺术字居中。

第1步：于菜单中依次选择“格式”→“艺术字”。

第2步：设置艺术字版式。

于出现的对话框中选择“版式“标签，其中环绕方式选择”嵌入型“，这样可将艺术字插入文字当中，能够用设置文本的对齐方式进行设置。

第3步：选中艺术字，单击工具栏中的“居中“按钮。

（2）设置表格居中。

第1步：于表格中任意位置单击鼠标左键，将插入光标放于表格中。

第2步：于菜单栏中依次选择“表格”→“表格属性”。

第3步：于出现的“表格属性”对话框中，选择“表格”标签的对齐方式为“居中”，其他
（3）设置表格的边框样式。

为美观起见我们将表格的边框线进行变化。

第1步：于表格中任意位置单击鼠标左键后，依次选择“表格”→“表格属性”。

第2步：于出现的“表格属性”对话框中，单击“边框和底纹”按钮，于出现的对话框中选择“边框”标签中的设置项为“全部”，线型为倒数第二中（因为只有第壹种和最后俩种能够于网页上显示）。

2、将Word文件转换为网页。

将Word文件进行保存后，选择“文件”菜单中的“另存为”菜单项。

于出现的“另存为”对话框中，将保存类型选择为“Web页”，位置仍是文件的位置。

3、浏览网页。

到“动漫”文件夹下，能够见到出现了壹个带有e图标的文件，它就是刚刚保存的网页文件。

双击它能够用浏览器以网页的方式打开进行浏览。

三、阅读知识链接。

编辑网页应该注意：网页的标题要简洁、明确；每个网页均要合理布局，保持页面风格壹致，展现主题。

网页中插入的图片要尽量的小。

网页中引用的资料及商标（或图标）不能侵犯版权。

四、谈制作心得。

第2课牛刀小试——专业网页制作工具
课前准备：
将自己搜集到的动漫图片进行整理，以每个动漫的名称为文件夹，将图片分门别类存放进相应的文件夹中。

掌握用FrontPage将自己喜欢的壹个动漫的多幅经典图片制作为壹个网页。

教学过程：
壹、谈话导入。

Word虽然能制作出漂亮的网页，但它的功能非常有限，要想制作更丰富、更专业的网页，最好用壹些专业的网页制作工具软件，如，Office家族的另壹个成员——简单又实用的FrontPage。

它强的的功能不但使制作过程变得容易，而且提高了工作效率。

这节课我们就学习用FrontPage将自己喜欢的壹个动漫的多幅经典图片制作为壹个网页。

二、学习制作步骤。

教师讲解，学生操作。

1、启动FrontPage
启动FrontPage和启动Word壹样，单击“开始”按纽，选择菜单中“程序”中的MicrosoftFrontPage命令，就能够打开FrontPage窗口。

2、认识FrontPage窗口。

FrontPage窗口也和Word窗口很相似，可是也有些不同的地方。

（1）视图栏。

除了标题栏、菜单栏、常用工具栏、格式工具栏和状态栏外，左边仍有个灰色背景的视图栏。

这是用来以各种方式查见网页的。

（2）编辑窗口。

右边大面积的空白地方，就是编辑网页的编辑窗口，是我们用来编辑网页的地方。

（3）编辑模式栏。

于编辑窗口的下边有3个标签，叫做编辑模式栏，为我们编辑和浏览网页提供了3种显示模
式。

于普通模式下，能够像Word壹样对网页进行编辑制作；于HTML模式下，就是我们当下仍见不懂的网页代码了；于预览模式下，能够随时查见网页的实际效果。

注意：于编辑网页时，应该将编辑模式设为“普通”。

3、制作网页
编辑网页的方法和编辑Word方法非常相似，相同的效果使用的按钮也是相同的。

（1）文字
用我们于Word中的方法，于第壹行输入标题“神探柯南图片欣赏”。

设置文字的字体为黑体，字号为24磅，对齐方式为居中。

FrontPage中的字号和Word中的字号稍有不同，它变成了多少磅，磅数越大，字号越大。

（2）插入表格。

换行后，用于Word中学习的方法，插入壹个3行4列的表格。

（3）插入图片且调整大小。

仍是用我们于Word中学习的方法分别于表格的单元格中插入图片且调整大小。

（4）设置表格属性。

第1步：设置表格宽度。

于表格中的任意位置单击鼠标左键，于菜单栏中依次选择“表格”→“属性”→“表格”，于出现的窗口中选择指定宽度为700像素。

第2步：设置表格居中。

于“表格属性”窗口中选择对齐方式为“水平居中”。

这样能够保证我们的表格内容于任何情况下均于网页中间显示。

4、保存网页
单击“保存”按钮，将网页文件保存于前面建的保存柯南图片的文件夹下。

5、预览网页
方法壹、单击编辑式栏中的预览标签，能够于编辑区预览网页。

可是，这和我们平时上网时感觉不壹样，而且它的窗口和我们平时用的浏览器的窗口大小不同，效果肯定和最后用浏览器浏览时的效果不壹样。

方法二、单击工具栏上的“于浏览器中预栏”按钮，就能够打开IE浏览器进行预栏。

这种方法比较常用，效果也比较好。

当然，于预栏前要求必须保存。

三、阅读知识链接
于网页只能感输入文字和编辑文字的方法和Word基本性同，需要注意的是，设置文字的字体时，尽量使用Windows自带的字体，以免由于浏览者的计算机中没有安装特殊字体，而只能用宋体来显示文本，影响网页的整体效果。

于FrontPage默认的情况下，按回车键另起壹段时，段和段之间的距离比较大，这时按Shift+回车键，就能够解决这个问题。

四、交流制作心得。

第3课“神速”建站——网站模板
课前准备：浏览几个网站，探究壹下网站的结构特点。

教学目标：
学会建立网站的方法。

教学过程：
壹、谈话导入
今天我们学习如何建立网站。

二、按下列步骤操作。

1、建立动漫网站
（1）启动FrontPage。

（2）建立网站。

第1步：于文件菜单中选择“新建”→“站点”。

第2步：于出现的新建窗口中左边选择“只有壹个网页的站点”，于“指定新站点的位置”文本框中输入“d:\陈菱\动漫网站”（“陈菱”换为自己的名字），这样是将网站建立于自己的个人文件夹下，网站名为“动漫网站”。

第3步：单击“确定”按钮，建立好网站。

“文件夹列表”框，是以文件夹的形式管理我们的网站的。

能够见到于新建成的网站中自动产生了俩个文件夹：-private文件夹壹般存放私人的资料，image文件夹壹般存放制作网站时所用的图片。

index.htm是站点中的主页，于因特网上有约定，当通过浏览器打开壹个网站时，它会自动打开这个网站中名为index.htm或default.htm的网页。

2、为网站制作主页
（1）打开主页
注意：右边的编辑窗口的标题，也就是默认的要编辑的网页的名字，叫做new-page-1.htm,不是我们的主页index.htm。

编辑主页前，要双击文件夹列表中的index.htm，这时，编辑窗口中的网页名字也变为了index.htm,这时才是开始编辑主页。

（3）编辑主页。

主页上访问者浏览到的第壹个网页，因此要精心设计才能给访问者留下深刻的印象。

主页的制作方法，和普通网页也没有什么区别。

用前面学过的方法，编辑壹个主页。

内容不用太多，简单介绍自己网站的内容。

3、将其他已经制作好的网页加入该网站
（1）打开网页。

单击工具栏中的“打开”按钮，打开前面编辑的“柯南”网页。

（2）另存网页。

第1步：于菜单中选择“文件”→“另存为”，将网页存到“动漫网站”文件夹下。

第2步：于“保存嵌入式文件”窗口中单击“改变文件夹”按钮，于出现的窗口中选择站点内的“image”文件夹，单击“确定”按钮。

第3步：返回到“保存嵌入式文件”窗口，中间的“文件夹”项由空白变为“image”，单击“确定”按钮。

这样就能够将网页中用到的图片存到站点中的“image”文件夹中了。

4、添加新的网页
（1）新建网页。

单击工具栏中的“新建”按钮，于出现的窗口中选择“常规”标签中的“普通网页”。

单击“确定”按钮后，能够见到编辑窗口出现了空白的新网页。

（2）编辑网页。

编辑另壹个动漫的图片展示网页，如，“加菲猫”。

（3）保存网页。

单击工具栏中的“保存”，将网页保存于网站文件夹内（注意图片的保存）。

文件夹列表窗口出现刚刚保存过的网页。

三、阅读知识链接
网页的名字于网站中是能够直接进行修改的。

于文件夹列表中的网页上单击鼠标右键→选择“重命名”，就能够修改网页的名字。

可是注意：主页的名字是不能修改的。

网页类型的文件，名字均是*.htm(htm是网页文件的扩展名)。

如果于文件夹列表中修改网
页的名字，不要忘了于后面输入“.htm”,否则就不是网页文件了。

四、谈制作心得。

第4课网页“手拉手”——超链接
教学目标：将网站中的所有网页通过超链接联系起来。

教学过程：
壹、谈话导入
师：我们制作了壹个又壹个的网页，浏览网页是不是也像见书壹样，需要壹页壹页，壹篇壹篇文章地读呢？要是必须壹页壹页的读，想于网络的汪洋大海中找到自己想见的内容可太难了。

动脑筋想壹想，你有什么好办法？
小组交流
师：网站中的网页同Word文档最大的差别不于于它的内容，也不于于它丰富多彩的外观，而是于于超链接。

网站中的网页正是通过超链接互相连接于壹起的。

它相当于打开另壹个网页的钥匙，只要设置合理、可行的超链接才能创建出壹个优秀的网站。

二、按下列步骤操作。

1、打开网站
（1）于菜单中选择“文件”→“打开站点”。

（2）于出现的“打开站点”窗口中，找到站点文件夹，它是和其他普通文件夹不壹样的，它的图表不同。

（3）选择站点文件夹后，单击“打开”按钮。

2、为首页和“动漫表”网页的超链接
（1）建立首页到“动漫表”网页的超链接。

第1步：于文件夹列表中双击“index.htm”，打开主页。

第2步：选择主页上“进屋坐坐”后面的图片。

第3步：单击工具栏上的“创建超链接”按钮。

出现“创建超链接”窗口。

第4步：于站点所有内容的列表中选择要链接到的网页——动漫表.htm。

单击“确定”按钮。

（2）建立“动漫表”网页到首页的超链接。

网站内的合理、可行的超链接是应该相互链接的。

第1步：打开“动漫表”网页。

第2步：于最下面壹行，输入文字“返回主页”。

第3步：拖动鼠标选中这4个字。

第4步：单击工具栏上的“创建超链接”按钮。

第5步：于“创建超链接”窗口中选择“index.htm”，单击“确定”按钮。

3为“动漫表”和各动漫图片展示的网页建立超链接
（1）“动漫表”到各动漫图片展示网页的超链接。

用前面的方法将“动漫表”中代表各动漫的图片超链接到各自的图片展示网页。

（1）各动漫图片展示网页回到“”动漫表”的超链接。

于各个动漫图片展示网页中的饿最下面插入壹个代表返回的小图片，于这个小图片上加入回到“动漫表”的超链接。

1、建立和邮箱的超链接。

为了让访问我们网站的人，给我们发E-mail,就像我们于交通部的网站上能够直接给交通部长发信壹样，需要建立和诱降的超链接。

（1）打开主页。

（2）建立和邮箱的超链接。

第1步：选择“联系我哦”后面的小图片，单击按钮。

第2步：于“创建超链接”窗口中单击右下角的“制作发送电子邮件的超链接”按钮。

第3步：于出现的窗口中输入自己的邮箱地址。

2、保存网页、预览。

三、阅读知识链接。

把网页和网页之间连接起来，需要的时候就跳到所需的网页，所以，网页和网页之间建立了超链接就形成了网站。

壹个网站壹般是由壹个主页和若干个子页共同构成的。

通过超链接这些网页连接起来，共同展示众多的信息。

超链接是网站中的重要概念。

它其实就是附于文字或图像上的壹个目标地址，这个地址能够是另壹个网站的地址、壹幅图片的地址、壹个程序文件的地址等。

当我们单击建立了超链接的文字或图片时，计算机就会打开地址所指向的网页、图片或引用的文件。

四、谈制作心得。