使用Frontpage制作网页.ppt

使用Frontpage制作网页 李胜龙 2006年8月 前 言 FrontpageXP是OfficeXP中的组件之一，它的使用和Word在很大程度上有些相似，所以只要会用Word，那么学习网页制作将会是件十分容易的事。 常见的制作网页的工具有flash、dreamweaver、frontpage等，其中因为frontpage使用简单，制作方便，深受初学者的青睐。今天我们就以frontpageXP为例，来讲讲如何来制作一个简单网站。 启动 开始→程序→Ｍicrosoft Frontpage 认识FrontpageXP的界面 从这里，我们可以看到， FrontpageXP的界面和WordXP相似，最上面蓝色一条称为“标题栏”，显示的是文件的名称，下面是“菜单栏”，包括文件、编辑等菜单项，接下来是“常用工具栏”和“格式工具栏”关于工具栏中按钮的使用，我们下面的学习中将一一了解。左侧这边是“视图栏”，里面有6种视图方式，单击就可选择其中的一种，一般我们只使用其中的一种，就是“网页视图”。当然，如果你觉得这一条就在这边有点碍眼的话，可以到“查看”菜单中单击一下“视图栏”命令，就可以将它隐藏起来。右边这一块空白区域是“编辑区”，就是在这里制作我们的网页。“编辑区”下方我们可以看到有三个“切换按钮”，第一个是“普通”按钮，也就是切换到现在这个界面。第二个是“HTML”，单击了这个按钮之后，你会看到编辑区有很多代码，事实上这些就是网页的源程序，在这里我们可以为网页加一些网页特效，用来美化我们的页面。第三个则是“预览”按钮，当我们做了一些网页之后，就可以通过这个按钮来看看有没有达到自己预期的效果，如果不满意，就可以点“普通”回过去修改一下你的网页。 到手开始做网页 接下来，我们就可以开始动手做网页了。但是大家现在想一想，你想做的网页是不是只是一张页面呢，当然不会，事实上，你要做的肯定是由多张页面，多张图片，甚至是音乐组合而成的，那么首先我们就必须建立一个站点来放这些内容。 在“文件”菜单中指向“新建” “站点”，（如右图），就会出面下图三 选择“空站点”，在位置中输入站点的路径和名称。（注意：一般默认的是C盘下的我的文档，不过为了给C盘节省空间，我们建议不在C盘下建立站点，可以直接输入路径，如在E盘下建立，就直接输入E :\ My web,就可以在E盘下建立一个名为My web的站点。名称可以自己随便取，但一定要是英文的 ）。建好站点之后，你会看到标题栏上显示的是该站点的路径及名称，这说明你已经打开了这个网站。 现在我们可以开始做第一张网页了，首先单击“常用工具栏”上的“保存”按钮，将第一张页面保存下来，第一张一般取名为“index”, 保存好后，我们可以看到左侧的“文件夹列表”中就多了这个网页文件。下面的工作就是在这张页面上输入文字、插入图片等。首先我要强调很重要的一点，文字、图片不能直接输入，一定要先制作表格，用表格来为网页布局。而且一张网页不能只用一个表格。 一般页面顶部是放置标题图片的，所以就可以插入一个一行一列的表格，然后在表格内插入标题图片。下面则可以根据网页的布局需要由插入其他表格。（注意：插入表格的时候要把表格的边框改为０，否则在做出来的网页上我们会看到一条条表格线，很不雅观）。如我们再在标题图片的下面插入一个一行多列的表格，然后输入需要链接的文字，比如“作者简介”，“文章内容”等。再下面再插入一张大的表格，输入主要的文字内容。当然，表格怎么插，插在哪，都是根据你的网页布局来制作的，并不是一定要和我这个一样。 FrontpageXP中文字格式的设置和WordXP中是一样的，只要选择“格式工具栏”上的相应按钮就可以了。 现在我们就当这张网页已经完成了，那么显然接下来就要做个保存工作了。保存非常重要，如果没有保存，那么前面的内容就白做了，但是如果保存了，却没有正确地保存，那么也会前功尽弃的，网页中的图片、声音等文件都需要做一个保存。一般可以先单击“保存”按钮，然后按提示保存，图片保存在图片文件夹 “images”中，页面可以直接保存在站点的一级目录下，声音可以另建一个文件夹保存，也可以直接保存在一级目录下。（注意：所有的文件名必须是英文、数字或英文与数字的结合，绝不能出现在一个中文字，否则将来挂到网上的时候就将不能显示。） 接下来我们将制作其他的几张页面，来看看如何建立页面与页面之间的链接，先新建一张页面，同样取名保存，在页面上设置好内容，然后回到“index”页面上，先选定相应的链接文字，右击，选择“超链接”命令，在弹出的创建超链接对话框中选择所需要链接到的页面，然后单击“确定”按钮就可以了。 我们经常在打开一张页面后就听到动人的歌曲，这是给网页加上了背景音乐。背景音乐的加入是首先将所需要的音乐