网页制作入门(frontpage2003教材).docxVIP

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