FrontPage 2000 教程 - 西部故事.ppt

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