《网页制作入门frontpage2003教材4.docxVIP

网页制作4第三单元本单元以“可爱的中国”为主题，运用前2单元已经学过的Frontpage2003网页制作知识、制作完成“可爱的中国”主题网站。第一课规划网站，主要是设计网站结构图及创建“可爱的中国”网站的站点，并为制作网站准备素材。第二课设计框架网页，要求在左框架网页中始终显示导航栏,并且通过导航栏链接的网页能够分别显示在右框架网页之中。第三课学习设置网页过渡效果以给浏览者提供美妙且富有情趣的视觉环境。第四课发布网站本课第一任务是对“可爱的中国”网站进行最后的检测。第二任务是通过Windows系统中的“个人Web服务器”，将自己的计算机作为服务器，发布网站。第五课将制作网站的一般步骤进行如下归纳，学生检查自己制作的网站并完成评价表的填写。本单元中所用到的素材等，都保存在相关网页的相应文件夹中。知识要点：第1课：1、规划网站的结构。2、创建空白站点。3、为网站准备素材。第二课：1、创建框架网页。2、保存框架网页。第三课：设置网页过渡效果。第四课：1、对网站进行检测。2、利用个人Web服务器发布、测试网站第一课时规划与准备探究空间：可爱的中国、悠久的历史、灿烂的文化。接下来，就让我们以“可爱的中国”为主题，从中国历史、地理、中国之最、中华民族等方面作为内容开始规划一个“可爱的中国”网站。11、规划网站的结构在开始建立网站之前，首先要确定网站的主题，然后根据主题确定这个网需要由多少个网页组成，以及这些网页之间的链接方式。当我们确定了“可爱的中国”网站的主题后，经过分析，决定用5个网页来表现这个主题，如下图所示。主页中国历史中国地理中国之最中华民族图3-1.1我们把上面的这个图称为网站结构图。从这个图中可以看出，可爱的中国”网站的结构分为2层。在制作网站之前画出结构图，不但可以帮助我们规划网站结构，使网站层次分明、条理清楚，还可以确定各个网页的内容，方便大家思考各网页之间的链接方式。22、创建站点设计出“可爱的中国”网站的结构后，接下来我们要在FrontPage中创建这个空白网站，然后再逐步补充其中的内容，最终形成一个内容丰富多彩的网站。第1步:启动FrootPage。在右侧的“新建网站”任务窗格中单击信息链接：如果FrontPage窗口没有出现“新建网站”任务窗格，可单击菜单栏上的文件，在“文件”菜单栏中单击“新建”，然后在右侧的窗格中选择新建网页或站点。第2步:自动打开左下图所示“网站模板”对话框。在“指定新网站的位置”栏可以设置网站保存的位置，在这里我们点击“d:\可爱的中国”使这个文件夹成为保存网站文件的默认文件夹。第3步:单击框消失，新站点建立成功。图3-1.2，出现“创建新站点提示框。稍等一会儿，该提示第4步:单击视图栏中的“文件夹”图标，此时FrontPage窗口中出现“文件夹列表”窗格，在这里显示出新建网站中的文件夹。而在窗口标题栏中则显示目前网站的所在位置，如下图所示。图3-1.3由于我们建立的是空白站点，所以网站文件夹中没有任何网页文件，但系统会自动生:成上图所示的两个子文件夹，其中的“images”文件夹用于存放网站中的图片文件。若想关闭“文件夹列表”窗格，切换到网页编辑窗口，只要单击视图栏中的“网页”图标即可。信息链接：FrontPage中提供了多种建立典型网站(如个人网站、公司展示网站、讨论网站等)的向导及模板，利用合适的向导来建立网站可以简化制作过程。上面介绍了最基本的建立网站的方法。有兴趣的同学可以试看在“Web站点模板”对话框中选择不同的站点向导、建立风格独特的网站。33、为网站准备素材“可爱的中国”网站的空站点建起来了，接下来我们的工作是制作网页，充实网站的内容前还有一件很重要的事要做，那就是为网站准备素材。网页中除了文字之外，还包含图片丶声音丶动画等多种内容，这些资料要在制作网页之前准备好，存放在一个文件夹中。收集资料的方法很多，我们可以在因特网上查找并下载所需要的资料;也可以在素材库中找素材;还可以利用扫描仪、数码相机等设备来采集信息。如下图所示，我们为制作“可爱的中国”网站准备的素材都存放在“D:\网站素材\可爱的中国”文件夹中。在这个文件夹中有“动画”、“视频”、“图片”、“文字”、“音频”和“其他”等几个文件夹，分别用来存放网站所需的相关资料。图3-1.4在“可爱的中国素材库”文件夹中，有制作“可爱的中国”网站所需的相关素材，大家可将这些素材拷贝到“D:\网站素材\可爱的中国”的相关文件夹中。然后在这些素材的基础上继续丰富素材库。信息链接：在使用他人创作的图片及文字资料前，一定要征得原作者的同意或者注明资料的来源，尊重别人的知识产权。在前面的操作中，我们对“可爱的中国”网站进行了规划，并且创建了空白站点，还搜集了大量有用的素材。在下一个主题活动中，我们将通过设计框架网页，进一步完善“可爱的中