辽师大版信息五下第4课《做一个简单的网页》课件一

第5课 制作简单的网页 教学目的: 1、了解制作网页的初步知识 2、能使用FrontPage 2003制作简单的网页 教学准备：一张图片 教学内容： 同学们都喜欢上网浏览网页，一个图文并茂的网页在给我们传递知识的同时，还给我们 以美的享受。 网页中除了文字，还可以包含各种图片、声音、动画甚至是一段视频。其实制作网页并 不难，文字编辑软件Word就可以制作网页，不过要说到专业的网页编辑工具，那同学们 一定要了解FortPage软件。 但是，我们现在使用的软件都是要经过先安装，才可以正常使用。下面我们就来一起安 装FortPage这个软件。 操作步骤： 、在这个文件 上双击左键，打开这个压缩文件。 1 、然后在frontpage文件上双击左键，打开这个文件以后，找到里面的setup.exe这个 文件，在这个文件上双击左键。(一般情况下,每一个安装的文件后缀名都是exe.或者是 setup.exe.) 3、双击以后，就打开了下面的这个窗口。输入产品密钥，那产品的密钥我们怎去找呢 ？（一般情况下，产品的密钥都是sn.txt.我们只要找到这个文件，就可以了。） 在这个文件上双击左键 在这个文件上双击左键 在这里输入产品的密钥 双击这里打开 输入完以后直接点击“下一步” 这就是产品的钥匙 2 4、输入完以后，直接点击“下一步”，直到完成。 点击这里完成 3 安装好以后，我们怎来启动这个软件呢？ 操作步骤： 点击“开始”“程序”“Microsoft Office”“Microsoft Office FrontPage 2003”上单击。 单击这里 移动鼠标到这里 再把移动鼠标到这里 最后在这里单击左键 4 随后，弹出了rontPage 2003的程序窗口，我们可以发现，它同Word的程序窗口 非常相似（如下图所示） 标题栏 菜单栏 格式工具栏任务窗格 常用工具栏 编辑区 任务栏 FrontPage 2003的程序窗口 5 制作最简单的网页 在FrontPage 2003的编辑区中输入文字与在Word中的操作基本一致。 操作步骤： 、选择合适的输入法，比如“智能输入法”； 、将视图状态调整到“设计”模式； 、在程序窗口的编辑区中输入以下文字（如下图所示），第一段文字输入结束后可以 按下键盘上的回车键Enter。 6 在网页中插入图片 只有文字的网页是很单一的，我们可以将图片插入到网页中，在FrontPage 2003中 可以像在Word里面一样插剪贴画，还可以插和外部的图片文件。 1.插和图片 操作步骤: 1:在网页的编辑窗口中,将鼠标指针移动到需要插入图片的位置上单击鼠标左键,然后 单击菜单栏上的“插入”“图片”“来自文件”（如下图所示） 1 2 7 2：在随后弹出的“图片”对知框中选择需要插入的图片文件，单击“插入”按钮（如下图所 示）。 单击“查找范围”旁 边的下拉按钮， 可以快速指定文 件所在的盘符 8 返回到网页的编辑窗口中，可以看到图片已经插入到了编辑的网页中（如下图所示）。 9 调整图片的大小和位置 图片进入编辑窗口后，我们可以根据网页情况对图片的位置，大小进行调整。 操作步骤 1、在图片单击鼠标左键，选中该图片，这时图片的四周出现8个小方块，叫做“调整控 制柄”； 2、将鼠标指针移动到其中一个调整控制柄的上面，这时鼠标指针变成了调整状态； 3、按住鼠标左键不放进行拖动就可以调整图片的大小（如下图所示）。 调整图片 到适当的 大小 调整图片的大小 10 4、单击格式工具栏上的“居中”按钮 ，将图片调整到该文本行的居中位置。 小知识： 除了使用行对齐的方式以外，还可以在图片上按住鼠标左键，当鼠标指针变成了 后 拖动鼠标，可以把图片放置到鼠标指向的新位置。 保存网页 做好了一张网页后，需要将网页保存下来。 操作步骤： 1、单击菜单栏上的“文件”“保存”或者“另存为”； 2、在“另存为”对话框中，选择需要保存文件的位置，然后在“文件名”文本输入框中输入 网页的文件名，最后单击“保存”按钮（如下图所示）； 另存为对话框 11 3、如果要保存的网页中有图片，还会弹出“保存嵌入式文件”对话框，选择图片文件的保 存文件夹并给图片文件重命名后单击“确定”按钮（如下图所示）。 小知识 保存网页时，网页文件中并不包含图片文件，如果你要将网页发布，需要将网页文件 和图片文件存放在同一文件夹内。 “保存嵌入式文件”对话框 12 预览网页 制作好了网页，你想马上查看效果吗？单击编辑窗口左下方的 按钮就可以查看网页了（如下图 所示）。 编辑中的网页和最后完成的网页的显示效果有时是不一样的，所以，在制作的过程中使用 按钮查 看正在编辑的网页，可以帮助我们调整网页到比较理想的状态。 查看网页效果 13 想一想 在网页上的图片是使用JPG格式好还是使用BMP格式好？ 练一练 1、制作一个介绍自己的网页。 2、编辑网页的时候