1 / 35

FrontPage 2000 教程

FrontPage 2000 教程. 德化三中 曾华伟. FrontPage 2000. 创建网站 编辑文本、添加图片 构建网页页框架 设置超连接 设计导航结构 使用表单 使用组件 站点管理与发布. 退出. 创建站点、网页. 使用向导、模板创建 站点设置 （总体设置、兼容性设置) 网站结构管理 （设置文件属性，文件/文件夹的导入） 插入网页. Web 站点是由万维网托管的一组相关网页。通常包含一个主页和指向其他页的超链接。. 使用向导、模板创建. 导入网站向导： 导入已有的站点或内容。分为导入内部站点和外部站点。（新建－导入站点向导）

feo
Télécharger la présentation

FrontPage 2000 教程

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. FrontPage 2000 教程 德化三中 曾华伟

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

  3. 创建站点、网页 • 使用向导、模板创建 • 站点设置（总体设置、兼容性设置) • 网站结构管理（设置文件属性，文件/文件夹的导入） • 插入网页 Web站点是由万维网托管的一组相关网页。通常包含一个主页和指向其他页的超链接。

  4. 使用向导、模板创建 导入网站向导：导入已有的站点或内容。分为导入内部站点和外部站点。（新建－导入站点向导） 使用公司展示向导：(新建－公司展示向导－主题－产品服务页数－额外项目－收集信息－收集类型（tab用数据库或excel处理结果－建立导航．．．．．．） 只有一个网页的模板（新建－只有一个网页的模板） 空白站点：只创建站点的文件夹结构。（新建－空白站点） 注意：1.创建时注意选择站点保存位置。 2.向导和模板只是建立一个网站的框架，大量个性化的设计还需用户自己来做。

  5. 创建站点后应立即对站点进行设置 站点设置 总体设置：工具－站点设置（参数：可在组件替换时应用。高级：隐长/临时文件/脚本语言。语言：服务器扩展语言/编码语言【编码方式决定如何保存网页】/创建时忽略键盘编码方式。导航：修改默认导航标签。 兼容性设置：改变web站点在各种浏览器上的兼容性（关系技术使用）。工具－网页选项

  6. 网站的文件将很多我们该进行规划管理 网站结构管理 设置文件属性：标题、注释（隐藏）、工作组（是否发布选项） 导入文件或文件夹：导入本地或internet上的文件或文件夹。 文件的导出：另存为、发布（自动修复链接） 文件或文件夹的添加：文件夹视图右键/文件－新建（以下画线开头的文件夹将在fp中隐藏，浏览web时可以看见其内容。特：fp自动建立的_private文件夹内容浏览者无法访问。 提示： 为各类文件指定单独文件夹、有序的存放页面文件

  7. 插入网页 方法一：新建－网页 方法二：文件视图右键新建网页 注意：请及时保存

  8. 构建网页框架 1.首页构成：1.网站logo2.广告banner3. 导航栏 4. 内容目录 2.页面属性设置：常规、背景、边距、自定义工作组 3.样式表：唯一名称标识的格式特征集合 4.首页布局：创建表格、调整表格、表格属性 5.制作框架页面：（使用模板、修改框架布局）

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

  10. 页面属性设置 在页面编辑区上右键－页面属性、工具－页面属性 • 常规设置：url、标题、目标框（使超链接跳转到指定框架）背景音乐。 • 背景属性：背景图、超链接效果、从其他网页获取信息。 • 边距属性：设置边距 • 自定义属性：设置设计者某些自定义信息，在网页中不显示。 • 语言属性：正确的HTML字符编码避免web页上的乱码。 • 工作组属性：设置相关联的类别分类等。

  11. 样式表 唯一名称标识的格式特征集合，它定义web页上的内容外观和格式。 • 创建外部样式：模板：新建－样式表－修改－保存/用记事本输入css代码保存为css文件 • 创建内部样式：格式－样式－选择－修改－保存 • 在页面链接一个外部样式：格式－样式表链接－添加css样式－选择样式－确定 • Web中嵌入样式表：在HTML的<head>和</head>中定义嵌入式样式表 • 将样式直接应用：格式－样式

  12. 制作框架页面 • 使用模板创建框架：文件－新建－框架网页（填充框架网页：创建空白页、填充已有网页。替代页：左下脚－无框架） • 修改框架布局：右键框架属性、框架菜单 • 保存框架网页：逐个保存－框架本身 例：联众游戏

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

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

  15. 图片 • 插入图片（请及时保存，注：从网络上插入底图片将直接保存路径，当图片网址变动时会找不到该图） • 调整图片：控点、图片属性 • 图片工具栏：设置透明色、裁剪图片、效果图、重新取样、替代图及文本

  16. 超链接是从一个网页指向另一个目的端（网页、图片、Email、文件、程序、书签等。一个完整的超链接包含：链接载体和链接目标。超链接是从一个网页指向另一个目的端（网页、图片、Email、文件、程序、书签等。一个完整的超链接包含：链接载体和链接目标。 设置超链接 超链接创建与编辑（网页、Email、书签、图形） 管理超链接

  17. 超链接创建与编辑 • 指向现有文件、网页的超链接 • 指向www上其他站点的超链接 • 指向文档中书签的超链接：(为文档插入书签 －创建指向书签的超链接。目标框架选择 • 创建指向新文档的超链接 • 创建发送电子邮件的超链接 • 为图形添加热点超链接：方形热点、圆形热点、多边形热点 • 编辑超链接：更改、删除 • 在超链接中去下划线

  18. 管理超链接 • “超链接”视图：右键自定义 • 跟踪超链接 • 自动修复超链接 • 验证和修复超链接：保存所有网页－查看－报表－断开的超链接（外部链接显示“？未知”、注：目标端被删除的链接必须重新设置） • 重新计算超链接：修复所有超链接、更新组件信息及同步站点数据、数据库信息和类别。

  19. 2.<style> type="text/css A: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> 去下划线在head与/head之间插入下列代码之一 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>

  20. 导航结构就像一个单位或组织的结构图，首页位于顶部，其他导航结构就像一个单位或组织的结构图，首页位于顶部，其他 的网页归入下面各层。导航结构可以直观的浏览各网页间的链 接关系，同时利用鼠标就可以改变网页的链接位置。 设计导航结构 导航结构基本操作（创建、修改查看） 共享边框（设置，取消） 添加导航栏（插入、自定义）

  21. 导航结构基本操作 • 创建导航结构：导航视图－右键新建网页或主页。（注：1.独立的顶层无任何逻辑关系2.导航中的每个图标与相应的web页对应3. 这些页面将成为导航栏中的超链接。） • 修改导航结构：添加现有网页（不能添加已经位于导航结构中的网页）。删除：从结构或站点中删除。移动。

  22. 共享边框 站点上一个或多个网页共享的区域 • 设置共享边框：格式－共享边框（选中上、下、左、右包含导航、站点默认【取消】） • 删除共享边框：反操作

  23. 添加导航栏 导航栏是用于浏览网站的一组超链接。 • 居于导航结构的导航栏： 选择所需超链接选项 选择样式 • 包含上一个、下一个的导航栏： • 自定义导航栏 注：将导航栏插在共享边框内可为所有web页设置导航栏

  24. 表单是网页与用户浏览者之间的一种交互界面。表单是网页与用户浏览者之间的一种交互界面。 表单 模板、向导创建 表单域创建（文本、按钮等表单域） 处理表单结果（发送到文件，电子邮件） 确认页（创建、应用）

  25. 模板、向导创建表单 • 表单向导：新建－表单网页向导－选择问题 －输入结果文件名 • 模板创建：新建－搜索网页－设定（标签、字宽、列表、time格式 • 意见反馈表单 • 用户注册

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

  27. 处理表单结果 • 发送到文件：表单属性－指定保存的文件路径、文件名及文件类型 （可设置保存两个结果文件） • 发送到电子邮件：表单属性－电子邮件结果－指定邮件地址及格式（需与ips人员联系） 注：结果＝域名＋值

  28. 确认页 • 使用模板创建：文件－新建－确认表单－输入域名 • 自定义：建立网页－输入确认文本－插入“确认域”组件－输入域名 • 应用：待应用网页的“保存结果”－确认网页－指定确认页－选择验证失败页面 注：如果用户未指定确认页，系统会自动创建确认页，同样如果未指定验证失败页，系统也会自己创建。

  29. 组件 在站点设置添加变量，替换信息变动网页会 自动更新变量 悬停按钮效果：颜色、效果….. 滚动字幕效果：方向、速度、方式 横幅广告效果：图片、过渡、时间 DHTML效果：事件、效果 站点计数器：起始值、固定位数 使用替换组件： 使用包含网页组件：插入另一网页内容 使用预定网页组件： 使用预定图片组件：方法同上 插入另一网页内容并指定显示时间 部分组件需在页面被保存后，通过浏览器进行基于wbb的访问才能正确显示

  30. 站点管理与发布 任务和文件管理 报表管理 超链接管理 发布

  31. 任务和文件管理 创建任务来追踪web站点的工作，分配任务，设置任务优先 级，监视任务状态 • 添加任务：文件夹视图－右键－添加任务指定任务名称、分配对象、优先级及说明。 • 查看、执行任务：任务视图－右键－开始任务－编辑－保存 • 管理任务：编辑－任务－开始/标记/查看历史（在已完成任务上右键删除任务）

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

  33. 超链接管理 任何一个超链接被删除、移动或指向错误等问题返回的 错误信息我们可以利用下列视图来解决。 • 导航视图：web站点的图形化概况 • 超链接视图：链接的图形化表示 • 报表视图：显示链接文件、未链接文件、断开的链接

  34. 发布 将本地计算机文件复制到web服务器的过程 文件－发布－指定地址目录（例：本地计算机） 发布到本机可作为备份

  35. 参考网站 • 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

More Related