FrontPage 2000 教程

FrontPage 2000 教程

德化三中曾华伟

Front000

创建网站编辑文本、添加图片构建网页页框架设置超连接设计导航结构使用表单使用组件站点管理与发布

退出

创建站点、网页Web 站点是由万维网托管的一组相关网页。通常包含一个主页和指向其他页的超链接。

使用向导、模板创建站点设置（总体设置、兼容性设置 )

网站结构管理（设置文件属性，文件 / 文件夹的导入）

插入网页

导入网站向导：导入已有的站点或内容。分为导入内部站点和外部站点。（新建－导入站点向导）使用公司展示向导： ( 新建－公司展示向导－主题－产品服务页数－额外项目－收集信息－收集类型（ tab 用数据库或 excel 处理结果－建立导航．．．．．．）只有一个网页的模板（新建－只有一个网页的模板）空白站点：只创建站点的文件夹结构。（新建－空白站点）

注意： 1.创建时注意选择站点保存位置。 2.向导和模板只是建立一个网站的框架，大量个性化的设计还需用户自己来做。

使用向导、模板创建

站点设置

总体设置：工具－站点设置（参数：可在组件替换时应用。高级：隐长 / 临时文件 / 脚本语言。语言：服务器扩展语言 / 编码语言【编码方式决定如何保存网页】 / 创建时忽略键盘编码方式。导航：修改默认导航标签。

兼容性设置：改变 web 站点在各种浏览器上的兼容性（关系技术使用）。工具－网页选项

创建站点后应立即对站点进行设置

网站结构管理

设置文件属性：标题、注释（隐藏）、工作组（是否发布选项）导入文件或文件夹：导入本地或 internet 上的文件或文件夹。文件的导出：另存为、发布（自动修复链接）文件或文件夹的添加：文件夹视图右键 / 文件－新建（以下画线开头的文件夹将在 fp 中隐藏，浏览 web 时可以看见其内容。特： fp 自动建立的 _private 文件夹内容浏览者无法访问。

提示：为各类文件指定单独文件夹、有序的存放页面文件

网站的文件将很多我们该进行规划管理

插入网页

方法一：新建－网页方法二：文件视图右键新建网页

注意：请及时保存

构建网页框架

1. 首页构成： 1. 网站 logo2. 广告 banner3. 导航栏 4. 内容目录2. 页面属性设置：常规、背景、边距、自定义工作组

3. 样式表：唯一名称标识的格式特征集合

4. 首页布局：创建表格、调整表格、表格属性5. 制作框架页面：（使用模板、修改框架布局）

首页构成网站 Logo广告 Banner导航栏版权信息子栏目内容索引其他

页面属性设置

常规设置： url 、标题、目标框（使超链接跳转到指定框架）背景音乐。

背景属性：背景图、超链接效果、从其他网页获取信息。

边距属性：设置边距自定义属性：设置设计者某些自定义信息，在网

页中不显示。语言属性：正确的 HTML字符编码避免 web 页

上的乱码。工作组属性：设置相关联的类别分类等。

在页面编辑区上右键－页面属性、工具－页面属性

样式表

创建外部样式：模板：新建－样式表－修改－保存 / 用记事本输入 css代码保存为 css 文件

创建内部样式：格式－样式－选择－修改－保存在页面链接一个外部样式：格式－样式表链接－添加 css

样式－选择样式－确定 Web中嵌入样式表：在 HTML 的 <head> 和 </head> 中定

义嵌入式样式表将样式直接应用：格式－样式

唯一名称标识的格式特征集合，它定义 web 页上的内容外观和格式。

制作框架页面

使用模板创建框架：文件－新建－框架网页（填充框架网页：创建空白页、填充已有网页。替代页：左下脚－无框架）

修改框架布局：右键框架属性、框架菜单

保存框架网页：逐个保存－框架本身

例：联众游戏

编辑文本、添加图片

文本处理：分段换行、字符、注释、查找替换、格式、段落设置：缩进间距、样式、边框底纹、应用主题：自定义、挑选网页浏览页面保存插入图片调整图片使用“图片”工具栏

文本、段落、主题

文本：输入编辑、字符、注释、查找替换、格式段落：缩进间距、样式、边框底纹主题：自定义、挑选页面保存预览水平线与垂直线

图片

插入图片（请及时保存，注：从网络上插入底图片将直接保存路径，当图片网址变动时会找不到该图）

调整图片：控点、图片属性

图片工具栏：设置透明色、裁剪图片、效果图、重新取样、替代图及文本

设置超链接

超链接创建与编辑（网页、 Email 、书签、图形）

管理超链接

超链接是从一个网页指向另一个目的端（网页、图片、Email 、文件、程序、书签等。一个完整的超链接包含：链接载体和链接目标。

超链接创建与编辑

指向现有文件、网页的超链接指向 www 上其他站点的超链接指向文档中书签的超链接： ( 为文档插入书签－创建指向书签的超链接。目标框架选择

创建指向新文档的超链接创建发送电子邮件的超链接为图形添加热点超链接：方形热点、圆形热点、多边形热点编辑超链接：更改、删除在超链接中去下划线

管理超链接“超链接”视图：右键自定义跟踪超链接自动修复超链接验证和修复超链接：保存所有网页－查看－报

表－断开的超链接（外部链接显示“？未知”、注：目标端被删除的链接必须重新设置）

重新计算超链接：修复所有超链接、更新组件信息及同步站点数据、数据库信息和类别。

去下划线在 head 与 /head之间插入下列代码之一

2.<style> type="text/cssA:link{text-decoration:none; color:#003300} A:visited{text-decoration:none;

color:#003300}A:active{text-decoration:none;

color:#c00000}A:hover{text-

decotation:underline;color:#c00000}</style>

3.实现方法很简单，在源代码的 <head> 和 <head>之间加上如下的 CSS 语法控制：　　 <style type="text/css"> </style>

设计导航结构

导航结构基本操作（创建、修改查看）

共享边框（设置，取消）

添加导航栏（插入、自定义）

导航结构就像一个单位或组织的结构图，首页位于顶部，其他的网页归入下面各层。导航结构可以直观的浏览各网页间的链接关系，同时利用鼠标就可以改变网页的链接位置。

导航结构基本操作

创建导航结构：导航视图－右键新建网页或主页。（注： 1. 独立的顶层无任何逻辑关系 2. 导航中的每个图标与相应的 web 页对应 3. 这些页面将成为导航栏中的超链接。）

修改导航结构：添加现有网页（不能添加已经位于导航结构中的网页）。删除：从结构或站点中删除。移动。

共享边框

设置共享边框：格式－共享边框（选中上、下、左、右包含导航、站点默认【取消】）

删除共享边框：反操作

站点上一个或多个网页共享的区域

添加导航栏

居于导航结构的导航栏：选择所需超链接选项选择样式包含上一个、下一个的导航栏：自定义导航栏注：将导航栏插在共享边框内可为所有 web 页设置导

航栏

导航栏是用于浏览网站的一组超链接。

表单

模板、向导创建表单域创建（文本、按钮等表单域）

处理表单结果（发送到文件，电子邮件）

确认页（创建、应用）

表单是网页与用户浏览者之间的一种交互界面。

模板、向导创建表单表单向导：新建－表单网页向导－选择问题

－输入结果文件名模板创建：新建－搜索网页－设定（标签、字宽、列表、 time 格式

意见反馈表单用户注册

表单域创建（自定义表单）

插入表单（插入表单域之前必须插入表单）插入单行文本框：设置名称、初始值、密码域、验证、 tab等插入滚动文本框插入选项按钮：只有组名（单选项）插入复选框按钮下拉框：添加选项指定值 ( 如：网易值 http://www.163.com/)

处理表单结果发送到文件：表单属性－指定保存的文件路径、文件名及文件类型（可设置保存两个结果文件）

发送到电子邮件：表单属性－电子邮件结果－指定邮件地址及格式（需与 ips人员联系）

注：结果＝域名＋值

确认页使用模板创建：文件－新建－确认表单－输入域名自定义：建立网页－输入确认文本－插入“确认域”组件

－输入域名应用：待应用网页的“保存结果”－确认网页－指定确认

页－选择验证失败页面

注：如果用户未指定确认页，系统会自动创建确认页，同样如果未指定验证失败页，系统也会自己创建。

组件悬停按钮效果：颜色、效果… ..

滚动字幕效果：方向、速度、方式

横幅广告效果：图片、过渡、时间

DHTML 效果：事件、效果

站点计数器：起始值、固定位数

使用替换组件：使用包含网页组件：插入另一网页内容

使用预定网页组件：使用预定图片组件：方法同上

在站点设置添加变量，替换信息变动网页会自动更新变量

插入另一网页内容并指定显示时间

部分组件需在页面被保存后，通过浏览器进行基于 wbb的访问才能正确显示

站点管理与发布

任务和文件管理报表管理超链接管理发布

任务和文件管理

添加任务：文件夹视图－右键－添加任务指定任务名称、分配对象、优先级及说明。

查看、执行任务：任务视图－右键－开始任务－编辑－保存

管理任务：编辑－任务－开始 / 标记 /查看历史（在已完成任务上右键删除任务）

创建任务来追踪 web 站点的工作，分配任务，设置任务优先级，监视任务状态

报表管理

web报表提供有关 web 站点性能的详细记录。

超链接管理

导航视图： web 站点的图形化概况

超链接视图：链接的图形化表示

报表视图：显示链接文件、未链接文件、断开的链接

任何一个超链接被删除、移动或指向错误等问题返回的错误信息我们可以利用下列视图来解决。

发布

文件－发布－指定地址目录（例：本地计算机）

发布到本机可作为备份

将本地计算机文件复制到 web 服务器的过程

参考网站 http://www.hongen.com http://dcren.net http://webbworm.myetang.com/ http://www.wsy99jb.8u8.com http://www.hua852.8u8.com/qqzt.htm http://www.st982106.i-p.com/h.htm http://tech.163.com/tm/

001111/001111_10852.html

Praga － no － cache

FrontPage 2000 教程

Documents

Transcript of FrontPage 2000 教程