第8章 FrontPage 2003的使用.ppt

计算机基础 第8章FrontPage2003的使用 主要内容 8 1FrontPage基本操作8 2网页编辑的基本操作8 3网页设计8 4网站创建与管理8 5实训 8 1FrontPage基本操作 FrontPage的窗口界面 返回目录 FrontPage2003提供7种不同的视图模式 单击视图栏上的按钮可以进行切换 网页视图 文件夹视图 远程网站视图 表视图 导航视图 超链接视图 任务视图 返回目录 创建网站与网页建立网站 一般遵循 创建网站 制作网页 网站内容发布 的过程 创建新站点 执行 文件 新建 网页或站点 命令 从显示的 新建网页或站点 任务窗格中选中 Web站点模板 命令 打开 Web站点模板 对话框 选择 只有一个网页的站点 模板 并指定新站点的位置 然后单击 确定 按钮 返回目录 新建网页 单击 新建普通网页 按钮可以创建一个新的空白网页 这相当于一张白纸 用户可以充分发挥自己的创意 利用模板制作网页 执行 文件 新建 网页或站点 命令 从 新建网页或站点 任务窗格中选中 网页模板 命令 打开 网页模板 对话框 FrontPage2003提供了多种模板供用户选择 在文件夹列表框中 可以直接新建网页 文件夹列表框的空白位置或某个文件夹上单击鼠标右键 从弹出的快捷菜单中选择 新建 命令 在右侧的选项中选择 网页 可在根目录下或所选文件夹创建一个新网页 返回目录 保存网页 单击格式工具栏中的 保存 按扭或执行 文件 保存 命令 可以保存当前网页 如果在网页中添加了图片 声音文件 ActiveX控件或其他对象 保存网页时系统会给出相应的提示 将他们保存在相同的目录下 返回目录 管理网站与网页 关闭站点和网页 执行 文件 关闭 命令可以关闭当前网页 执行 文件 关闭按扭 命令 可以关闭整个站点 包括站点中的所有网页 打开站点和网页 执行 文件 打开站点 命令 从弹出的 打开站点 对话框中选定站点名 单击 打开 按钮 删除站点和网页 打开要删除的站点 在文件夹列表中选择该站点的根目录 执行 编辑 删除 命令或按Del键 设置网页属性网页属性的设置主要是在 网页属性 对话框中完成常规标签 设置页面的位置 标题 背景音乐等 格式标签 设置页面的背景图片 文本颜色 超大型链接颜色等 高级标签 设置页面的边距样式以及设计阶段控件脚本 自定义标签 定义系统变量和用户变量 语言标签 设置网页语言和HTML字符编码 工作组标签 在协作开始时用来标记某些信息 返回目录 设置网页标题 网页标题出现在网页横幅与导航栏以及大多数Web浏览器的标题栏中 网页标题方便浏览者查看 也便于网页制作者管理网页 所以为每个网页设置标题是必要的 打开 网页属性 对话框 在 常规 标签中的 标题 文本框中输入网页标题 网页标题要文字简练 最好能概括出该网页内容 设置网页背景 选择 背景 标签 在 背景 和 文本 下拉框中可以分别为网页设置背景颜色和文本颜色 选中 背景图片 复选框 然后单击 浏览 按钮 从弹出的 选择背景图片 对话框中选定某个图片 单击 确定 按钮 则所选图片便成为网页背景图案 创建网页模板 编辑完网页之后 执行 文件 另存为 命令 打开 另存为 对话框 在 保存类型 下拉列表框中选择 FrontPage 模板 tem 类型 单击 保存 按扭 打开 另存为模板 对话框 在 标题 文本框中输入模板标题 该标题将与标准模板一起出现在 新建 对话框内的 常规 标签上 在 名称 文本框中输入模板文件名称 在 说明 框中输入对模板的描述 当创建一个新网页时 若选择该模板 则此描述将出现在 网页模板 对话框中 返回目录 8 2网页编辑的基本操作 HTML尽管网上信息五花八门 但网页文档的基本格式均为超文本标注语言HTML HyperTextMarkupLanguage 格式 HTML语言可以描述网页内容及其结构布局 返回目录 HTML代码 返回目录 标示HTML文件的开始 与此相对应 在文件结尾处有 用来标记HTML文件的一些属性 如页面的标题 作者等 用来标记页面的标题 它心结束 图7 6浏览显示效果标记页面正文的开始 并确定整个页面的背景色 前景色 字体颜色等属性 以及说明链接对象及其颜色 其中font用来设置字体 color定义字体颜色 size定义字体大小 face定义字型 用来标记文本超链接 href后面用双引号括起来的内容是超链接指向的目标地址 可以是一个URL或电子邮件地址 标记文本的对齐方式 用来定义段落 定义无序列表 定义列表项 返回目录 文本编辑1 输入文本信息2 设置文本格式 设置字符格式 设置段落格式 套用样式3 创建和编辑列表 创建列表 编辑列表 返回目录 使用表格1 创建网页表格 插入表格 绘制表格 将文本转换成表格2 设置表格属性3 表格编辑操作 对行和列的编辑操作 对单元格的编辑操作 返回目录 8 3网页设计 网页主题执行 格式 主题 命令可以打开 主题 界面 用户可在该界中设置与主题相关的选项 框架网页1 框架概述 边框 网页内容和滚动条 2 创建框架网页 可以利用FrontPage2003提供的模板创建框架网页 执行 文件 新建 网页或站点 命令 从显示的 新建网页或站点 任务窗格选择 网页模板 选项 打开 网页模板 对话框 返回目录 3 设置框架属性 利用框架属性可对框架进行调整和修改 单击鼠标右键 在快捷菜单中选择 框架属性 命令 或者选中某一框架 执行 框架 框架属性命令 打开 框架属性 对话框 可以对该框架的名称 大小 边距以及是否显示滚动条等进行设置 直接用鼠标拖动边框也可以调节框架的大小 4 目标框架 在使用框架网页时 通常只需设定其中的一个或几个框架作为浏览窗口 因此 要对其设置超链接 不仅要指定超链接的地址 还要指定目标框架名称 通常的做法是 目录框架作为标题框架的目标框架 即单击标题框架中的某个链接将改变目录框架的显示内容 主框架是目录框架的目标框架 即单击目录框架中的某个链接将改变主框架的显示内容 返回目录 表单网页1 表单与表单域 表单的组件称为表单域 包括文本框 文本区 复选框 选项按钮 下拉框 按钮 图片和标签等 2 使用向导创建表单 执行 文件 新建 网页或站点 命令 从 新建网页或站点 任务窗格中选定 网页模板 选项 在弹出的 网页模板 对话框中 单击 常规 标签 选中 表单网页向导 单击 确定 按钮 弹出 表单网页向导 对话框 按提示进行操作 返回目录 3 在网页中添加表单域 利用表单向导创建的表单往往不能满足用户的特殊要求 利用菜单命令添加表单域的方法 可以制作出有特色的表单 4 保存表单 表单制作完成后 还需要设置填表人所提交的表单内容的保存方式 默认方式是以文本文件保存 在表单中单击鼠标右键 从弹出的快捷菜单中选择 表单属性 命令 弹出对话框 选中 发送到 选项 并输入目标文件名或电子邮件地址 表单默认保存到当前站点的Private文件夹 单击 浏览 按钮可更改表单的保存位置 返回目录 8 4网站创建与管理 创建网站1 创建网站 执行 文件 新建 网页或站点 命令 从 新建网页或站点 任务窗格中选择 Web站点模板 选项 打开 Web站点模板 对话框 选择 个人站点 模板 单击 确定 按钮 就会生成一个包括主页 自序 收藏 反馈 兴趣和图片库等5个网页的新网站 修改每个网页的内容就可以生成属于自己的个人站点 返回目录 2 组织网站结构 创建Web站点 一般应先设计站点结构 再利用 导航 视图安排结构布局 然后逐渐添加网页内容 假设要创建的个人网站内容包括主页 自序 收藏 反馈 兴趣和图片库5个部分 其中 收藏 又包括 玩具 邮票 和 古董 等内容 执行 文件 新建 网页或站点 在 新建网页或站点 任务窗格单击 Web站点模板 命令 从弹出的 Web站点模板 对话框中选择 只有一个网页的站点 模板 单击 确定 按钮 生成一个新站点 单击视图栏中的 导航 按钮 切换到导航视图 在新建的空白网页图标处单击鼠标右键 从弹出的快捷菜单中选择 重命名 命令 键入新名称 个人主页 选中 个人主页 图标 单击常用工具栏中的 新建 按钮 在 个人主页 的下层生成一个新的网页 将其重命名为 自序 重复执行上一步创建 收藏 兴趣 反馈 和 图片库 4个网页 选中 收藏 图标 在其下层分别建立 玩具 邮票 和 古董 3个网页 返回目录 网站中的网页根据它们的结构可以分为几种关系 主页 即第一个添加到导航结构图中的网页 一般为index htm或default htm 本例为 个人主页 最上层网页 和主页在同一层 但不包含在主页的 父层网页和子层网页 例如 个人主页 是 收藏 兴趣 反馈 和 图片库 4个网页的父层网页 收藏 网页有 玩具 邮票 和 古董 等3个子层网页 返回目录 3 创建导航栏设置Web站点的导航结构后 FrontPage允许在各个网页中自动生成并维护导航栏 在网页视图模式中执行 插入 导航 命令 会转到 插入Web组件 对话框中的 链接栏 选择 基于导航结构的链接栏 单击 下一步 按钮 再选择方向 单击 完成 按钮 打开 链接栏属性 对话框 直接修改属性便可调整网站的导航结构 返回目录 网站管理1 本地网站管理 1 管理网站与网页 对一个已存在的站点进行管理 必须首先打开该站点 执行 文件 打开站点 命令 从弹出的 打开站点 对话框中选定站点名单击 确定 按钮即可 如果要编辑修改站点中的某个网页 只需打开相应的网页 执行 文件 打开 命令 从 打开文件 对话框中选定网页文件名 然后单击 打开 按钮即可 打开站点后 用户可以使用FrontPage提供的视图功能对网页文件进行编辑修改 2 维护网站与网页直接在远程服务器上编辑网页 CuteFTP内置了网页编辑器CuteHTML 可以直接在远程服务器上编辑并保存网页 返回目录 2 下载网页后再编辑使用Cuteftp的目录比较功能 可以方便地比较本地和远程服务器上的文件 使那些最新的文件才被下载或上传 步骤如下 在CuteFTP主窗口中 让本地和远程窗口都显示出要比较的文件 执行 Commands Directory CompareDirectories 命令 那些不同的文件将会以突出方式显示出来 通过比较文件大小和更新日期 就可以找到要下载或上传的网页 在本地机使用任意网页编辑工具编辑网页 然后再上传网页 网站发布站点是由一系列网页文件组成 如果要让Internet上的每个用户都能访问创建好的站点 就需要站点网页发布到某个Web服务器上 就是将本地计算机上的站点复制到服务器指定的URL上 选择网站空间 选择网站空间 是指用户需要有连接Internet的服务器上的一块空间 用于存放用户网站 通常 采用收费的方式可以从ISP处申请到这样的网站空间 申请成功后 ISP会将上传网站所需的信息以电子邮件的方式发给用户 主要包含用户名 登录密码 FTP的地址信息 主页地址 上传网站 用户可以利用FrontPage自带的发布站点命令上传网站 执行 文件 发布站点 命令 弹出 发布目标 对话框 在该对话框的 站点目标位置 文本框中输入发布的目标地址 例如 http username aaa bbb ccc ddd 单击 确定 按钮 开始站点发布 返回目录 8