Upload
feo
View
95
Download
0
Embed Size (px)
DESCRIPTION
FrontPage 2000 教程. 德化三中 曾华伟. FrontPage 2000. 创建网站 编辑文本、添加图片 构建网页页框架 设置超连接 设计导航结构 使用表单 使用组件 站点管理与发布. 退出. 创建站点、网页. 使用向导、模板创建 站点设置 (总体设置、兼容性设置) 网站结构管理 (设置文件属性,文件/文件夹的导入) 插入网页. Web 站点是由万维网托管的一组相关网页。通常包含一个主页和指向其他页的超链接。. 使用向导、模板创建. 导入网站向导: 导入已有的站点或内容。分为导入内部站点和外部站点。(新建-导入站点向导) - PowerPoint PPT Presentation
Citation preview
创建站点、网页Web 站点是由万维网托管的一组相关网页。通常包含一个主页和指向其他页的超链接。
使用向导、模板创建站点设置(总体设置、兼容性设置 )
网站结构管理(设置文件属性,文件 / 文件夹的导入)
插入网页
导入网站向导:导入已有的站点或内容。分为导入内部站点和外部站点。(新建-导入站点向导)使用公司展示向导: ( 新建-公司展示向导-主题-产品服务页数-额外项目-收集信息-收集类型( tab 用数据库或 excel 处理结果-建立导航......)只有一个网页的模板(新建-只有一个网页的模板)空白站点:只创建站点的文件夹结构。(新建-空白站点)
注意: 1.创建时注意选择站点保存位置。 2.向导和模板只是建立一个网站的框架,大量个性化的设计还需用户自己来做。
使用向导、模板创建
站点设置
总体设置:工具-站点设置(参数:可在组件替换时应用。高级:隐长 / 临时文件 / 脚本语言。语言:服务器扩展语言 / 编码语言【编码方式决定如何保存网页】 / 创建时忽略键盘编码方式。导航:修改默认导航标签。
兼容性设置:改变 web 站点在各种浏览器上的兼容性(关系技术使用)。工具-网页选项
创建站点后应立即对站点进行设置
网站结构管理
设置文件属性:标题、注释(隐藏)、工作组(是否发布选项)导入文件或文件夹:导入本地或 internet 上的文件或文件夹。文件的导出:另存为、发布(自动修复链接)文件或文件夹的添加:文件夹视图右键 / 文件-新建(以下画线开头的文件夹将在 fp 中隐藏,浏览 web 时可以看见其内容。特: fp 自动建立的 _private 文件夹内容浏览者无法访问。
提示: 为各类文件指定单独文件夹、有序的存放页面文件
网站的文件将很多我们该进行规划管理
构建网页框架
1. 首页构成: 1. 网站 logo2. 广告 banner3. 导航栏 4. 内容目录2. 页面属性设置:常规、背景、边距、自定义工作组
3. 样式表:唯一名称标识的格式特征集合
4. 首页布局:创建表格、调整表格、表格属性5. 制作框架页面:(使用模板、修改框架布局)
页面属性设置
常规设置: 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"> <!-- a:link { text-decoration: none;color: blue} a:active { text-decoration:blink} a:hover { text-decoration:underline;color: red} a:visited { text-decoration: none;color: green} - - > </style> 其中: a:link 指正常的未被访问过的链接; a:active 指正在点的链接; a:hover 指鼠标在链接上; a:visited 指已经访问过的链接; text-decoration 是文字修饰效果的意思; none参数表示超链接文字不显示下划线; underline参数表示超链接的文字有下划线
1.<style> <!-- a {text-decoration: none} --></style>
设计导航结构
导航结构基本操作(创建、修改查看)
共享边框(设置,取消)
添加导航栏(插入、自定义)
导航结构就像一个单位或组织的结构图,首页位于顶部,其他的网页归入下面各层。导航结构可以直观的浏览各网页间的链接关系,同时利用鼠标就可以改变网页的链接位置。
导航结构基本操作
创建导航结构:导航视图-右键新建网页或主页。(注: 1. 独立的顶层无任何逻辑关系 2. 导航中的每个图标与相应的 web 页对应 3. 这些页面将成为导航栏中的超链接。)
修改导航结构:添加现有网页(不能添加已经位于导航结构中的网页)。删除:从结构或站点中删除。移动。
添加导航栏
居于导航结构的导航栏: 选择所需超链接选项 选择样式 包含上一个、下一个的导航栏: 自定义导航栏注:将导航栏插在共享边框内可为所有 web 页设置导
航栏
导航栏是用于浏览网站的一组超链接。
表单域创建(自定义表单)
插入表单(插入表单域之前必须插入表单) 插入单行文本框:设置名称、初始值、密码域、验证、 tab等 插入滚动文本框 插入选项按钮:只有组名(单选项) 插入复选框按钮 下拉框:添加选项指定值 ( 如:网易 值 http://www.163.com/)
处理表单结果 发送到文件:表单属性-指定保存的文件路径、文件名及文件类型 (可设置保存两个结果文件)
发送到电子邮件:表单属性-电子邮件结果-指定邮件地址及格式(需与 ips人员联系)
注:结果=域名+值
确认页使用模板创建:文件-新建-确认表单-输入域名自定义:建立网页-输入确认文本-插入“确认域”组件
-输入域名应用:待应用网页的“保存结果”-确认网页-指定确认
页-选择验证失败页面
注:如果用户未指定确认页,系统会自动创建确认页,同样如果未指定验证失败页,系统也会自己创建。
组件悬停按钮效果:颜色、效果… ..
滚动字幕效果:方向、速度、方式
横幅广告效果:图片、过渡、时间
DHTML 效果:事件、效果
站点计数器:起始值、固定位数
使用替换组件:使用包含网页组件:插入另一网页内容
使用预定网页组件:使用预定图片组件:方法同上
在站点设置添加变量,替换信息变动网页会自动更新变量
插入另一网页内容并指定显示时间
部分组件需在页面被保存后,通过浏览器进行基于 wbb的访问才能正确显示
任务和文件管理
添加任务:文件夹视图-右键-添加任务指定任务名称、分配对象、优先级及说明。
查看、执行任务:任务视图-右键-开始任务-编辑-保存
管理任务:编辑-任务-开始 / 标记 /查看历史(在已完成任务上右键删除任务)
创建任务来追踪 web 站点的工作,分配任务,设置任务优先级,监视任务状态
超链接管理
导航视图: web 站点的图形化概况
超链接视图:链接的图形化表示
报表视图:显示链接文件、未链接文件、断开的链接
任何一个超链接被删除、移动或指向错误等问题返回的错误信息我们可以利用下列视图来解决。