[高二上]网页制作FrontPage2000简明教程-全八讲

目录
第一讲：网页作品的欣赏和评析
第二讲：用FrontPage建立和管理站点
第三讲：主题、共享边框和导航设置
第四讲：网页模板的下载和修改
第五讲：收集资料和图文编排
第六讲：超链接
第七讲：在网页中使用声音、视频、动画等多媒体元素
第八讲：添加网页特效

第一讲：网页作品的欣赏和评析
在每台电脑的D：盘都保存有相关的电脑作品，请同学们自行参考。
（重点：校首届电脑作品创作大赛的获奖作品。如：031、033班级网站，）

第二讲：用FrontPage建立和管理站点
准备：
1、      在“开始――程序―――Microsoft FrontPage”。
2、      把默认新建的“new_page_1”关闭。

一、新建站点：
1、文件－－新建－－站点；
2、选择“空站点”，同时在“指定新站点的位置”中选择要把网站保存在什么地方，比如自己输入“e:\hss”表示把网站存在E盘的hss（自己姓名的拼音字母）文件夹里。
3、确定。

二、新建网页：
1、在屏幕左栏选择“导航”视图，根据右栏的提示新建主页；
2、在主页图示上右键－－新建网页；
3、同样的操作按网站需要划分的栏目新建网页。
4、在刚建好的网页上右键－－重命名，把每个网页改成与栏目相关的名字。

第三讲：主题、共享边框和导航设置
一、应用和修改主题：
1、回到“网页”视图。
2、“格式”菜单－－“主题”，选择一种主题，钩选“动态图形”和“背景图片”，当然你还可以修改主题。
3、确定。这时所有的页面都使用了同样的背景，但还没有出现该主题相应的其他效果，必须接着设置共享边框。

二、设置共享边框：
1、格式－－共享边框……
2、确定选择“所有网页”，建议钩选“上，包含导航按钮”，“左，包含导航按钮”，“下”。还可选“右”。
3、确定。这时会显示出设置好的效果，比如每个网页都有横幅，有导航栏按钮等。（如果没有显示这些效果，请把所有共享边框删除，再重新设置一遍。）
4、在下边框中输入网站或作者的相关信息。

三、设置导航栏：
1、打开任意一个页面，在上边框中双击横幅下方的导航按钮（有些网页是提示“编辑此导航栏属性，以便插入导航栏”），选择“主页下的子页”。注意：这里的子层、同一层、父页等是依据在“导航”视图中的站点结构来决定的。
2、如果还有些页面上的导航栏可能不满足实际要求，可以自己通过“插入――导航栏”来单独设置。

第四讲：网页模板的下载和修改
1、搜索、下载网页模板(选择模板的原则：页面排版合理，色彩搭配和谐，修改操作简便)。
2、解压文件，得到网页模板的文件夹。
3、删除其中一些无关的文件，保留需要的网页和图片文件（夹）。（如果不确定某个文件是否有用，请保留！）
4、把保留的所有文件和文件夹选中（用鼠标框选），复制。
5、启动FrontPage，新建一个空站点。（提示：文件――新建――站点，选择“空站点”，“指定新指定位置”到E：盘）。
6、在“文件夹”视图下，粘贴。把模板导入到站点中。把其“名称”改成“moban.htm”，“标题”改成“模板”。
7、编辑、修改该模板网页。（删除原有文本资料、设置自己的栏目等。技巧提示：在图片上输入文字、用自己的图片替换原来的Logo标志）。
8、修改好模板后，保存一下（用工具栏上的“保存”按钮，或“文件—保存文件”），以便复制。
9、利用模板来创建栏目页面。在“文件夹”视图下，复制模板，粘贴若干次做为栏目的页面，把粘贴好的页面“名称”改成对应栏目的拼音，“标题”改成对应栏目的中文标题。
10、设置各网页的链接。（右键――超链接，选取对应的目标网页名称，确定即可。每个页面的每个栏目都得设置！）

第五讲：收集资料和图文编排
★文字和图片资料的收集要求：
1、在E：盘下建立文件夹（比如“XX网站素材”，也可以建立两个文件夹分别存放图片和文字），专门用来存放制作网站有可能用到的文字和图片资料。在日后的网站制作进程中，看到好的资料都存放于对应的文件夹中。
2、文字资料的收集要求：把别人网站上的文字，复制，新建一个记事本（方法：开始――程序――附件――记事本），粘贴，用与该资料相关的文件名保存到“XX网站文字素材”文件夹中。而不推荐把别人网站上的文本复制就直接粘贴到自己的网页中。因为在别人网站上的文本大多都在制作网站的时候使用了表格等特殊格式，直接复制再粘贴到正在制作的网页中会出现一些混乱的格式（比如有虚线的表格框线）。
3、图片资料的收集要求：在网上把好的图片（最好的大尺寸的）用右键――“图片另存为”，下载保存到“XX网站图片素材”文件夹中。而不推荐使用在图片上用右键――复制，再到自己的网页中粘贴的方式，因为这种方式只是引用了该图片的网址，一旦原网站上将该图片删除，我们自己的网页中的该图片也就无法显示了。

★文字的编排：
1、Enter和Shift+Enter两种换行方式的区别：前者行间距较大，表示换行后另起一段；后者行间距较小，表示换行后先起的行与上一行属于同一段。
2、定位文字块：选中文字，“格式－－定位，选择绝对”，确定后所选文字可在网页中自由移动。
3、如果是使用已经保存到记事本里的文字，可找到文字素材文件夹，打开对应的记事本，把内容复制，在粘贴到网页中就可以了。

★图片
“插入――图片，从计算机上选择一个文件”，调整、设置好图片后，单击工具栏的“保存”按钮保存一下文件，会弹出“保存嵌入式文件”对话框，单击其上“改变文件夹”，打开“imges”，确定返回，再确定保存。

第六讲：超链接
★文字超链接
一、选中要作超链接的文字――右键――超链接…；
二、在出现的对话框里选择目标网页（即你想点击选中的文字后就到达的那页），确定。
当然你还可以直接在下方的“URL”中一个正确的网址。再看看右下方的四个图标按钮都有什么用。

★图片超链接：
一、整张图片的超链接方法与文字超链接一样（略）；
二、在图片上输入文字再用热区超链接：选中图片后在屏幕的下方出现一行“图片工具栏“的图标。找到类似“A”的图标，选中它后可以在图片上输入文字；找到三个并排的长方形、椭圆、多边形的图标，根据需要选择一种，然后在图片上画图形，画好后松开鼠标，自动会弹出超链接属性对话框。按要求选择链接目标，确定返回即可。

[1] [2]  下一页