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