网页制作与发布教学.ppt

第8章网页制作与发布8.1主页制作的基本步骤8.1.1准备材料接下来将个人材料复制到相应的子目录。比如，要在主页里展示你的照片，那就将照片扫描成JPG格式的文件，放在myself目录下。要注意，网上只能使用JPG和GIF两种图像格式，其他诸如BMP和TIF等很通用的格式都不能用在网上，但用户可以用很多图像软件进行转换，如Photoshop等。把准备在主页上出现的图像放进相应的目录里后，就可以开始制作网页了。8.1.2制作网站为了帮助用户创建专业化外观、设计完善的网页，FrontPage提供了多种网页模板，使用户能快速地创建具有各种布局和功能的网页。例如，用户可以利用FrontPage的模板来创建两列式的网页或带有搜索表单的网页，也可以使用多种主题之一来创建设计风格一致的网页，一个主题包含了附有颜色结构的完整设计组件，其中包括字体、图形、背景、导航栏、水平线和其他网页元素。如果想自己设计网页，可以从一个空白的网页开始执行如下步骤。
（1）使用框架、表格或绝对定位来精确定位网页上的文本和图形。
（2）添加网页元素，例如文本、图形、网页横幅、表格、表单、超链接、横幅广告、字幕、悬停按钮、日戳、计数器等。
（3）应用样式或使用样式表来设置文本格式。
（4）设置网页元素动画属性和网页过渡功能，使得网页效果栩栩如生。
（5）设置背景颜色、图片或声音。
（6）创建自己的网页模板。8.1.3发布网站1．发布站点之前2．服务器扩展对发布的影响3．选择要发布的文件4．管理站点服务器上的文件8.2FrontPage2000入门8.2.1使用站点模板创建站点（1）启动FrontPage2000，主界面如下图所示。选择“文件”菜单下的“新建”>“站点”选项，系统将弹出如下页图所示的“新建”站点对话框。（2）单击上图所示对话框“站点”列表区中的“个人站点”，然后单击“确定”按钮，系统将自动依据该模板创建一个典型的个人站点。（3）在文件夹列表区双击Index.htm，此时画面如下图所示。（4）根据后面介绍的网页编辑方法编辑网页或增加、删除网页等。
上页图所示创建的站点文件夹中有二个子文件夹，即_private与images。其中，_private文件夹用于存放一些不希望别人看到的文件，images文件夹用于存放网页中用到的一些图片。
如果利用资源管理器查看以上创建的站点文件夹，还会发现其中有一些隐藏的文件夹。它们主要用于保存一些站点信息，及FrontPage扩展服务器运行程序。
要关闭或打开站点，可选择“文件”菜单中的适当选项。8.2.2根据网页模板创建网页（2）选择上页图所示对话框中的“常规”选项卡，在该选项卡中“带有目录和边栏的一栏正文”选项，然后单击“确定”按钮，此时画面将如下图所示。8.2.3创建空白站点与空白网页（3）要创建空白网页，可直接单击“常用”工具栏上的“新建网页”按钮。8.2.4创建框架网页框架网页实际上包含了多个网页，一个是主框架网页，该网页定义了各框架的名称、位置及尺寸等，它在浏览器中不显示；此外，每个框架实际上都是一个独立的网页文件。因此，在制作框架网页时，既可以直接将已经制作好的网页放入框架，也可为每个框架制作新网页。
使用框架网页的好处是，屏幕上只进行部分更新。例如，当用户在上页图中单击目录框架中的人名时，目录框架及横幅框架的内容不变，而只更新主框架。
对于每个框架而言，它都有框架属性，其中定义了框架名称、框架初始网页，以及框架尺寸、框架位置等。在FrontPage2000中，要创建框架网页，可首先选择“文件”>“新建”>“网页”菜单，打开“网页模板”对话框，在该对话框中选择“框架网页”选项卡，如下图所示，然后在其中选择适当的框架布局样式，并单击“确定”按钮，结果如下页图所示。通过前面的介绍，我们已经知道，所谓框架网页实际上是一个网页组，即每个框架区域都对应了一个网页。因此，在上页图中单击“设置初始网页”按钮可为框架区指定一个现存的网页作为其初始网页，或者单击“新建网页”按钮新建一个初始网页。
此外，要拆分框架或删除框架，可选择“框架”菜单中的适当选项。其中，要选择框架，只需简单地在框架区单击即可。8.2.5网站与网页的打开与保存在“保存嵌入式文件”对话框中单击“重命名”按钮，可更改文件名称；单击“更改文件夹”按钮，可设置将文件保存到站点文件中的哪个子文件夹中。缺省情况下，文件将被直接保存到站点文件夹中。8.2.6FrontPage2000提供的视图导航视图：该视图用于为导航栏设计站点结构。当用户希望在网页中插入导航栏时，系统将根据此处的设计自动制作导航栏。
超链接视图：该视图用于查看各网页之间的链接所示。
任务视图：利用任务可以帮助用户跟踪Web站点中需要完成的工作，可以将任务分配给个人或工作组。任务可以包含对Web站点上某