第08章 网页制作初步.ppt

第八章 网页制作初步 本章的主要内容 1、FrontPage 2000的概述 2、建设网站 3、网页的修饰 4、网页中的文字 5、网页中的表格 6、网页中的图片 7、插入其它各种对象 8、创建超链接 9、网页的发布 本章的主要目标 本章节通过一个简单的个人网站实例介绍了关于网站制作的基本方法，通过对本章节的学习，可以使用户在短时间内掌握组织、编辑网页的方法，并了解将编辑好的网页发布到指定的站点上的方法。 8.1 FrontPage 2000的概述 本节主要内容 本节概述介绍FrontPage 2000的基本功能，使用户在使用FrontPage 2000设计网页之前，对FrontPage 2000有一个基本的认识，了解用它能实现哪些方面的功能。 8.1 FrontPage 2000的概述 1、介绍FrontPage 2000的启动方法 从【开始】菜单中启动FrontPage 2000 利用右键快捷菜单启动FrontPage 2000 2、FrontPage 2000的主界面 FrontPage 2000是一个典型的Windows窗口，与Office中其他产品的界面有着一定的相似性。包括标题栏、菜单栏、工具栏、视图栏、编辑区、状态栏等几个窗口元素组成。 详细介绍每一元素的功能特点。 8.1 FrontPage 2000的概述 3、FrontPage 2000的视图 网页视图 文件夹视图 报表视图 导航视图 超链接视图 任务视图 介绍不同的视图模式的功能，值得注意的是，网页视图是用户使用最多的视图方式，对网页的编辑操作大部分在该视图下进行，网页视图有3种编辑模式（普通模式、HTML模式、预览模式）。 8.2 建设网站 本节主要内容： 本节通过一个实例介绍如何建立网站的整体结构。 8.2 建设网站 1、通过FrontPage 2000向导和模板，建立各种类型的站点。 FrontPage 2000中常用的向导和模板包括： 只有一个网页的站点 导入站点向导 个人站点 公司展示向导 客户支持站点 空站点 讨论站点向导 项目站点 分别介绍不同模版能够建立的不同站点类型。 8.2 建设网站 2、通过一个实例，建立自己风格站点结构。 8.2 建设网站 8.2 建设网站 8.3 网页的修饰 本节主要内容 共享边框和导航栏的设置 应用主题 8.3 网页的修饰 共享边框和导航栏的设置 FrontPage 2000提供了一种快捷方便的方法，可以使我们的网站保持一致的外观，那就是使用共享边框。这些边框可以在网页上保留特定的区域，作为所有网站中网页的共享区，用户可以在这些区域放置导航栏、特定的商标或图片等，让网页具有统一的风格。而导航条则是FrontPage中一组特定格式的链接，它是FrontPage 2000提供的站内导航的很好的工具。 8.3 网页的修饰 下面我们介绍一下在上面建立的站点中设置共享边框和添加导航栏的方法。 8.3 网页的修饰 在网页视图中打开主页，单击鼠标右键，或者选择【格式】|【共享边框】命令 8.3 网页的修饰 在共享边框对话框中，选择【所有网页】单选按钮，并选择我们想使用的边框，选择【上】、【左】、【包含导航栏】复选框，然后点击【确定】按钮。 8.3 网页的修饰 设置好共享边框以后，网页的编辑区中就被虚线分隔 成了三部分 8.3 网页的修饰 在网页共享边框中的[编辑此导航栏属性……] 文字上点击鼠标右键，会弹出快捷菜单， 在快捷菜单中选择 【导航栏属性】命令， 打开导航栏属性 对话框 8.3 网页的修饰 设置了共享边框和导航栏的网页 8.3 网页的修饰 创建共享边框，不仅可以使网站保持一致的外观，边框中导航栏按钮还可以简化网站内的链接工作，使得整个站点的导航结构和网页形式保持统一。但制作出来的网页仍然比较单一，FrontPage 2000的主题功能提供了很多预先设计好的元素和配色方案，使用主题可以快捷的建立一个风格统一、富有吸引力的站点。 8.3 网页的修饰 在网页视图下打开要应用主题的网页，选择【格式】|【主题】命令，弹出【主题】对话框。 8.3 网页的修饰 应用了主题之后，网页中自动添加了背景、按钮等元素 8.3 网页的修饰 虽然FrontPage 2000预先定义了多种主题，但使用时仍然不能达到所有用户的满意。用户可以根据自己的需要对主题中的元素进行修改，制作一个独特的主题，应用到自己的站点中。刚刚应用完主题的网页