华师版高中第四册第二章 网页制作 第一节 站点的规划和建立.docVIP

华师版高中第四册第二章 网页制作 第一节 站点的规划与建立 第二章? 网页制作 第一节? 站点的规划与建立 教材选择：（第四册、第二章、第一节） 教学目标：掌握站点的建立，学会软件的启动和素材的收集，了解站点的打开和关闭。 教学重点、难点：创建站点，收集图片，启动FrontPage2000。 教学策略：讲、练结合；教师预先制作一个示范网站，并可从网上下载部分资料素材，在课堂教学中引导学生到相应网站上去下载素材 教学课时：3课时 教学环境：网络教室 教学过程 新课引入 ??? 当我们在网上冲浪的时候，很多时候会想到，如果我也能在网上安一个家该多好。那么下面就让我们一起来看看如何把家安到因特网上去吧！ 一、 站点的规划 ??? 要制作一个站点，首先应该对它进行规划，收集各种素材，搭建好站点中每个页面的基本框架；然后在各个页面中插入各种基本的页面元素，讲相关资料放入页面之中；最后设置好各个页面之间的链接，对网页进行一些整体的修饰，便可将它发布到因特网上去了。 ??? 我们现在以制作一个“个人空间”站点过程为例，来学习从站点规划到网也设计制作直至站点发布等一系列知识。 ??? 首先，根据目的，站点包括“自序”、“兴趣爱好”、“我的收藏”、“我的图片库”、“留言板”五大板块，接下来我们进行站点各页面的规划。如图2-1-1所示。 图2-1-1规划的“个人空间”站点 ??? 规划好了站点的页面后，接着应该收集相关信息资料，如“兴趣爱好”中，篮球的一些基本知识，篮球明星的介绍等。然后，我们要对收集来的信息进行整理，去掉冗余信息，分目录存放。 [师生互动]请每位同学把自己对“个人空间”的构想写下来，便于后面建立网站时把握站点框架。 二、FrontPage 2000介绍 （一）FrontPage 2000的界面说明 图2-1-2打开后的FrontPage 2000界面 如图2-1-2所示，打开后FrontPage 2000的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。 1、菜单栏包括“文件”、“编辑”、“查看”、“插入”、“格式”、“工具”、“表格”、“框架”、“窗口”、“帮助”等10个菜单。??? 2、工具栏单击“查看”菜单，选择“工具栏”， 在出现的下拉菜单中列出了几种不同的工具栏，如果菜单项前面有一个对钩号“√”，表明在界面上已显示此菜单项。如果再单击一下，将取消这一项的显示。 3、视图栏中摆列着各种管理器的图标，这些管理器包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。单击管理器图标以切换到相应的管理器。??? 4、主编辑窗口在编辑网页时，有3种显示方式，即普通、HTML和预览。??? 普通显示方式是最常用的显示方式，一般是在此方式下工作。 HTML显示方式在需要直接编辑或查看网页文件的HTML代码（HyperText Markup? Language超文本标识语言）时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。HTML文件内容由文本字符（即ASCII码）组成，兼容性非常好，是WWW上的通用语言。 预览显示方式在需要预先观察网页的显示效果时使用。当使用管理功能时，主编辑窗口相应地会显示各种任务下的文件或站点信息。 [小知识] 根据当前正在编辑网页模式的不同，编辑区下端的选项卡可能会有所不同，例如在使用框架网页时，会显示其他几个选项卡。 三、站点的建立与保存 （一）新建站点实例：使用“只有一个网页的站点”模板创建一个Web站点。操作步骤： 1、打开“文件”菜单，选择“新建”菜单项，在子菜单中选择“站点”菜单项，出现一个“新建”对话框，在对话框的“指定新站点的位置”项中输入新站点的存放位置。 提示：新站点的存放位置选择是磁盘存储方式，是因为考虑到实践操作中的方便。而一个站点要让在Internet上的用户正常浏览的话，应该通过FrontPage的站点发布功能或FT文件传送方式，把该站点内容传送至能提供存放空间的Web服务器上去。?? 2、单击“确定”按钮。此时FrontPage会自动以新站点名建立一个站点，并显示一个正在创建站点的提示对话框，之后该站点很快便创建好了。 新建的站点只有一个主页index.htm文件，这就是Internet Explorer浏览器默认的首页的名称，某些浏览器会把主页的名称默认为Defaul.htm。我们看到该主页还是空的，需要对它进行编辑添加内容。同时也可以添加一些网页到该站点中去。此外，我们发现该站点中包含有两个子文件夹。一个是_private文件夹，一般用来存放一些私人的文件，这些文件不会被别人看到。另一个是images文件夹，是FrontPage专门创建用来存放图像文件的文件夹，因为FrontPage扩展服务器的图像文件的默认目