(网页制作入门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”文件夹用于存放网站中的图片文件。若想关闭 “文件夹列 表”窗格，切换到网页编辑窗 口，只要单击视图栏中的“网页”图标即可。信息链接：FrontP age 中提供了多种建立典型网站(如个人网站、公司展示网站、讨论网站等)的向导及 模板，利用合适的向导来建立网站 可以简化制作过程。上面介绍了最基本的建立网站的方法。有兴趣的同学可以试看在“Web 站点模板”对话框中选择不同的站点向导、建立风格独特的网站。33、为网站准备素材“可爱的中 国”网站的空 站点建起来了，接下来我们的工作 是制作网页，充实网站的内容前还有一件很重要的事要做，那就是为网站准备素材。网页中除 了文字之外，还 包含图片丶声音丶动画等多种内容 ，这些资料要在制作网页之前准备好，存放 在一个文件夹中。收集资料的 方法很多，我们可以在因特网上查找并下载所需要的资料;也可以 在素材库中找素材;还可以利用扫描仪、数码相机等设备来采集信息。如下图所示，我们为制作 “可爱的中国”网站准备的素材都存放在“D:\网站素材\可爱的中 国”文件夹中 。在这个文件夹中有“动画 ”、“视频”、“图片 ”、“文字”、“音频”和“其他”等几个文件夹，分 别用来存放网站所需 的相关资料。图 3-1.4在“ 可爱的中 国素材库”文件夹中，有制作 “可爱的中国”网站所需 的相关素材，大家可将这些素材拷贝到“D:\ 网站素材\可爱的中国”的相关文件 夹中。然后在这些素材的基础上继续丰富素材库。信息链接：在使用他 人创作的图片及 文字资料前，一定要征得原作者的 同意或者注明资料的来