第一课时：建立站点、表格布局网页.doc

第一节 网页制作基础知识 教学目标：1、了解网站、网页、主页和HTML的基本概念 2、了解常见的网页制作工具 3、掌握Frontpage的启动和退出 教学手段：教师讲解与学生演示相结合 教学过程： 讲课： 一、网页及其组成 通过浏览器在WWW上所看到的每一幅画面都是一个网页（Web Page）。 网页是全球广域网上的基本文档，用HTML语言编写。网页中所的元素主要有文字、图片、声音、动画、影像以及链接等，通过这些元素的有机组合，就形成了包含各种信息的网页。其中，文字是网页中最常用的元素；图片可以给人以生动直观的视觉印象，适当运用图片，可以美化网页；链接的设计，可以使我们进行选择性的浏览；随着动态HTML技术的发展，人们在网页中加入声音、动画等多媒体信息，使网页更加丰富多彩。 二、常用的网页制作工具 最初，人们利用HTML语言在文本编辑器中制作网页。HTML语言是超文本标记语言（Hypertext Markup Language）的缩写，用来描述网页的结构，但不能直观的描述网页在浏览器中的效果。因此，只有熟练掌握HTML语言的专业人员才能用它制作网页。后来出现了一些网页制作工具（如CDIDA软件），降低了对HTML语言的要求，但是要实现某些功能，还必须输入相应的HTML代码。FrontPage系列软件的问世，才将人们从HTML代码中解放出来。用FrontPage软件制作网页就象在文字处理软件中编排多媒体文档一样，具有“所见即所得”的特性，而真正描述网页结构的HTML代码，则由FrontPage在幕后自动生成。这样，大家都可以方便地制作自己的网页。目前，使用较多的网页制作软件有：FrontPage、Flash、Dreamweaver等。 三、FrontPage2000的启动和退出 启动 方法：单击“开始”按钮，拖动鼠标指针依次指向“程序（P）”“Microsoft FrontPage”，并单击，即可启动FrontPage2000。 FrontPage2000的视图方式 在FrontPage 2000视图栏中，有页面、文件夹、报表、导航、超链接、任务等六种视图方式，在网页制作和网站管理中，分别代表六种不同的工作模式。 （1）页面：用来编辑网页。 （2）文件夹：用于管理站点中的文件和文件夹。 （3）报表：用来了解整个网站的状况，报告站点中文件和超链接的状态。 （4）导航：用于帮助设计网站结构图，网页会依据结构图的形式自动产生链接。 （5）超链接：显示来自和指向站点中每一个网页的所有超级链接。 （6）任务：列出站点中要完成的任务。 根据需要，单击视图栏中的按钮，来切换不同的视图方式。如图5-2中，在页面视图下，可以直接进行网页的编辑和制作。 FrontPage2000的退出 单击“关闭”按钮即可。 练习： 什么叫网页？ 一般情况下，网页由哪几种元素组成？ FrontPage 2000有几种视图方式？每种视图方式各有什么功能？ 第二节 网页的建立 教学目标：使学生掌握网页建立的方法和网站建立的方法 教学难点：网站的建立 教学手段：多媒体演示 教学过程： 讲课 网站的建立 1．启动FrontPage 2000，依次单击“文件（F）”菜单中的“新建（N）”“站点（W）”命令，弹出“新建”对话框，如图所示。 2．单击“空站点”，然后指定新站点的位置，系统默认的位置类似于“C：\My Documents\my Webs\myweb1”，也可以自己指定网站所在的文件夹，最后单击“确定”按钮即可。 [例] 在“我的文档”中“My webs”文件夹下建立一个名为“huanbao”的网站。 操作步骤： （1）启动FrontPage 2000。 （2）依次单击“文件（F）”菜单中的“新建（N）”“站点（W）”命令，在弹出的“新建”对话框中单击“空站点”，在“指定新站点的位置”下方的文本框中输入 “C：\My Documents\my Webs\huanbao”，最后单击“确定”按钮。 FrontPage 2000将自动在指定位置建立一个站点，首先建立 “C：\My Documents\My webs\huanbao”文件夹，然后在此文件夹下，再建立一组文件夹，其中可见文件夹包括：_private和Images（存放图形文件），其余文件夹被隐藏起来. Frontpage2000自带有一些网站的模板，我们一般不使用这些模板，我们在左边的模板选择窗里选“空站点”，然后在右边的“选项，指定新站点的位置”中敲入你想保存这个网站的文件夹地址。一般第一次使用Frontpage2000的时候它自动就生成了一个新站点，保存的“我的文档”的“My Webs”文件夹中。你也可以重新建立