1、FrontPage 2000 教程,德化三中 曾华伟,FrontPage 2000,创建网站 编辑文本、添加图片 构建网页页框架 设置超连接 设计导航结构 使用表单 使用组件 站点管理与发布,退出,创建站点、网页,Web站点是由万维网托管的一组相关网页。通常包含一个主页和指向其他页的超链接。,使用向导、模板创建 站点设置(总体设置、兼容性设置) 网站结构管理(设置文件属性,文件/文件夹的导入) 插入网页,导入网站向导:导入已有的站点或内容。分为导入内部站点和外部站点。(新建导入站点向导) 使用公司展示向导:(新建公司展示向导主题产品服务页数额外项目收集信息收集类型(tab用数据库或excel处
2、理结果建立导航) 只有一个网页的模板(新建只有一个网页的模板) 空白站点:只创建站点的文件夹结构。(新建空白站点),注意:1.创建时注意选择站点保存位置。2.向导和模板只是建立一个网站的框架,大量个性化的设计还需用户自己来做。,使用向导、模板创建,站点设置,总体设置:工具站点设置(参数:可在组件替换时应用。高级:隐长/临时文件/脚本语言。语言:服务器扩展语言/编码语言【编码方式决定如何保存网页】/创建时忽略键盘编码方式。导航:修改默认导航标签。兼容性设置:改变web站点在各种浏览器上的兼容性(关系技术使用)。工具网页选项,创建站点后应立即对站点进行设置,网站结构管理,设置文件属性:标题、注释(
3、隐藏)、工作组(是否发布选项) 导入文件或文件夹:导入本地或internet上的文件或文件夹。 文件的导出:另存为、发布(自动修复链接) 文件或文件夹的添加:文件夹视图右键/文件新建(以下画线开头的文件夹将在fp中隐藏,浏览web时可以看见其内容。特:fp自动建立的_private文件夹内容浏览者无法访问。提示: 为各类文件指定单独文件夹、有序的存放页面文件,网站的文件将很多我们该进行规划管理,插入网页,方法一:新建网页 方法二:文件视图右键新建网页注意:请及时保存,构建网页框架,1.首页构成:1.网站logo2.广告banner3. 导航栏 4. 内容目录 2.页面属性设置:常规、背景、边距
4、、自定义工作组 3.样式表:唯一名称标识的格式特征集合 4.首页布局:创建表格、调整表格、表格属性 5.制作框架页面:(使用模板、修改框架布局),首页构成,网站Logo 广告Banner 导航栏 版权信息 子栏目内容索引 其他,页面属性设置,常规设置:url、标题、目标框(使超链接跳转到指定框架)背景音乐。 背景属性:背景图、超链接效果、从其他网页获取信息。 边距属性:设置边距 自定义属性:设置设计者某些自定义信息,在网页中不显示。 语言属性:正确的HTML字符编码避免web页上的乱码。 工作组属性:设置相关联的类别分类等。,在页面编辑区上右键页面属性、工具页面属性,样式表,创建外部样式:模板
5、:新建样式表修改保存/用记事本输入css代码保存为css文件 创建内部样式:格式样式选择修改保存 在页面链接一个外部样式:格式样式表链接添加css样式选择样式确定 Web中嵌入样式表:在HTML的和中定义嵌入式样式表 将样式直接应用:格式样式,唯一名称标识的格式特征集合,它定义web页上的内容外观和格式。,制作框架页面,使用模板创建框架:文件新建框架网页(填充框架网页:创建空白页、填充已有网页。替代页:左下脚无框架)修改框架布局:右键框架属性、框架菜单保存框架网页:逐个保存框架本身例:联众游戏,编辑文本、添加图片,文本处理:分段换行、字符、注释、查找替换、格式、 段落设置:缩进间距、样式、边框
6、底纹、 应用主题:自定义、挑选 网页浏览 页面保存 插入图片 调整图片 使用“图片”工具栏,文本、段落、主题,文本:输入编辑、字符、注释、查找替换、格式 段落:缩进间距、样式、边框底纹 主题:自定义、挑选 页面保存 预览 水平线与垂直线,图片,插入图片(请及时保存,注:从网络上插入底图片将直接保存路径,当图片网址变动时会找不到该图)调整图片:控点、图片属性图片工具栏:设置透明色、裁剪图片、效果图、重新取样、替代图及文本,设置超链接,超链接创建与编辑(网页、Email、书签、图形)管理超链接,超链接是从一个网页指向另一个目的端(网页、图片、Email、文件、程序、书签等。一个完整的超链接包含:链
7、接载体和链接目标。,超链接创建与编辑,指向现有文件、网页的超链接 指向www上其他站点的超链接 指向文档中书签的超链接:(为文档插入书签 创建指向书签的超链接。目标框架选择 创建指向新文档的超链接 创建发送电子邮件的超链接 为图形添加热点超链接:方形热点、圆形热点、多边形热点 编辑超链接:更改、删除 在超链接中去下划线,管理超链接,“超链接”视图:右键自定义 跟踪超链接 自动修复超链接 验证和修复超链接:保存所有网页查看报表断开的超链接(外部链接显示“?未知”、注:目标端被删除的链接必须重新设置) 重新计算超链接:修复所有超链接、更新组件信息及同步站点数据、数据库信息和类别。,去下划线 在he
8、ad与/head之间插入下列代码之一,2. type=“text/css A:linktext-decoration:none; color:#003300 A:visitedtext-decoration:none; color:#003300 A:activetext-decoration:none; color:#c00000 A:hovertext-decotation:underline;color:#c00000 ,3.实现方法很简单,在源代码的和之间加上如下的CSS语法控制: 其中: a:link 指正常的未被访问过的链接; a:active 指正在点的链接; a:hover 指
9、鼠标在链接上; a:visited 指已经访问过的链接; text-decoration是文字修饰效果的意思; none参数表示超链接文字不显示下划线; underline参数表示超链接的文字有下划线,1. ,设计导航结构,导航结构基本操作(创建、修改查看) 共享边框(设置,取消) 添加导航栏(插入、自定义),导航结构就像一个单位或组织的结构图,首页位于顶部,其他 的网页归入下面各层。导航结构可以直观的浏览各网页间的链 接关系,同时利用鼠标就可以改变网页的链接位置。,导航结构基本操作,创建导航结构:导航视图右键新建网页或主页。(注:1.独立的顶层无任何逻辑关系2.导航中的每个图标与相应的web
10、页对应3. 这些页面将成为导航栏中的超链接。)修改导航结构:添加现有网页(不能添加已经位于导航结构中的网页)。删除:从结构或站点中删除。移动。,共享边框,设置共享边框:格式共享边框(选中上、下、左、右包含导航、站点默认【取消】)删除共享边框:反操作,站点上一个或多个网页共享的区域,添加导航栏,居于导航结构的导航栏:选择所需超链接选项选择样式 包含上一个、下一个的导航栏: 自定义导航栏 注:将导航栏插在共享边框内可为所有web页设置导航栏,导航栏是用于浏览网站的一组超链接。,表单,模板、向导创建 表单域创建(文本、按钮等表单域) 处理表单结果(发送到文件,电子邮件) 确认页(创建、应用),表单是
11、网页与用户浏览者之间的一种交互界面。,模板、向导创建表单,表单向导:新建表单网页向导选择问题 输入结果文件名 模板创建:新建搜索网页设定(标签、字宽、列表、time格式 意见反馈表单 用户注册,表单域创建(自定义表单),插入表单(插入表单域之前必须插入表单) 插入单行文本框:设置名称、初始值、密码域、验证、tab等 插入滚动文本框 插入选项按钮:只有组名(单选项) 插入复选框 按钮 下拉框:添加选项指定值(如:网易 值http:/ (可设置保存两个结果文件)发送到电子邮件:表单属性电子邮件结果指定邮件地址及格式(需与ips人员联系)注:结果域名值,确认页,使用模板创建:文件新建确认表单输入域名
12、 自定义:建立网页输入确认文本插入“确认域”组件输入域名 应用:待应用网页的“保存结果”确认网页指定确认页选择验证失败页面注:如果用户未指定确认页,系统会自动创建确认页,同样如果未指定验证失败页,系统也会自己创建。,组件,悬停按钮效果:颜色、效果 滚动字幕效果:方向、速度、方式 横幅广告效果:图片、过渡、时间 DHTML效果:事件、效果 站点计数器:起始值、固定位数 使用替换组件: 使用包含网页组件:插入另一网页内容 使用预定网页组件: 使用预定图片组件:方法同上,在站点设置添加变量,替换信息变动网页会 自动更新变量,插入另一网页内容并指定显示时间,部分组件需在页面被保存后,通过浏览器进行基于
13、wbb的访问才能正确显示,站点管理与发布,任务和文件管理 报表管理 超链接管理 发布,任务和文件管理,添加任务:文件夹视图右键添加任务指定任务名称、分配对象、优先级及说明。查看、执行任务:任务视图右键开始任务编辑保存管理任务:编辑任务开始/标记/查看历史(在已完成任务上右键删除任务),创建任务来追踪web站点的工作,分配任务,设置任务优先 级,监视任务状态,报表管理 web报表提供有关web站点性能的详细记录。,超链接管理,导航视图:web站点的图形化概况超链接视图:链接的图形化表示报表视图:显示链接文件、未链接文件、断开的链接,任何一个超链接被删除、移动或指向错误等问题返回的 错误信息我们可以利用下列视图来解决。,发布,文件发布指定地址目录(例:本地计算机),发布到本机可作为备份,将本地计算机文件复制到web服务器的过程,参考网站,http:/ http:/ http:/ http:/ http:/ http:/www.st982106.i- http:/