《网页制作第四章FrontPage2000网页设计技术》由会员分享，可在线阅读，更多相关《网页制作第四章FrontPage2000网页设计技术（37页珍藏版）》请在金锄头文库上搜索。
1、第4章FrontPage2000网页设计技术 本章从FrontPage的视图入手 先介绍用FrontPage设计网页的基本操作 包括网页的编辑 文本的修饰 列表与表格的使用 运用图象 设置链接 声音处理等 然后介绍FrontPage的高级应用 包括悬停按钮 滚动字幕 计数器与动态效果等 最后介绍表单的使用 样式与框架等 4 1FrontPage2000简介 打开FrontPage2000 我们发现它与其它Office软件的窗口大致相似 主窗口由标题栏 菜单栏 工具栏 视图栏 编辑区和状态栏等组成 1 标题栏 菜单栏 工具栏 状态栏与Office其他组件类似 2 视图栏管理Web站点的工具 3
2、工作区是管理站点和编辑网页的主要场所 在站点的 网页 视图模式下 网页编辑区的下方有三个编辑按钮它们分别代表三种编辑模式 普通 HTML和预览 用户一般在普通模式下设计网页 如果切换到HTML模式下 将会看到系统自动生成的HTML程序 4 2FrontPage2000的视图 FrontPage2000提供了六种视图模式 即网页视图 文件夹视图 报表视图 导航视图 超链接视图和任务视图 它们是用户进行网站设计的有力工具 灵活运用视图模式 将极大地方便设计操作和网站管理 一 网页视图网页视图为网页的设计提供了一个工作场所 可以在这个环境下对网页进行设计和修改 二 文件夹视图打开一个网页后 系统默认
3、是以文件夹视图来显示的 文件夹视图与Windows中的资源管理器相似 它能够显示当前的Web中的内容是如何组织的 三 报表视图报表视图相当于属性检查 它能给出当前网站的有关属性 灵活应用报表视图能够使用户方便地了解网页的属性 便于把握和修改网页 四 导航视图导航视图清楚地显示了Web的结构 用户可以从中了解到网站中各部分之间的逻辑关系 它反映了网站的整个脉络 五 超链接视图超链接视图以图形化的界面显示了当前网页和其他文件之间的超链接关系 也可以显示网站与网站之间的超链接 六 任务视图任务视图用任务列表的方式对任务进行管理 操作人员可以把详细的任务放在任务列表中 这样它就会提醒设计人员需要完成哪
4、些任务 还剩哪些任务没有完成 4 3FrontPage2000的编辑方法 一 标题段落在网页内输入标题时 用户可先设置标题的格式 然后再输入标题的内容 FrontPage2000提供了6级标题 二 修饰文本FrontPage提供了 字体 对话框与各种格式工具按钮 可根据需要选择设置 以美化文本 1 字体选择 字体 列表框不但显示字体的名称 同时还给出了字体的实际样式 2 字体大小字符的大小共有6级 其中默认级别是3 3 字体颜色选中文字 用 调色板 为文字设置颜色 4 字符效果 字符的一般效果 加粗 倾斜 和 下划线 使用上标和下标5 字符间距控制网页的文本间距 段落间距以及文本相对于基准线的
5、垂直位置 普通 扩充 紧缩 三种 间距大小 以 pt 为单位 三 插入水平线在网页中插入水平线有分隔文本内容的作用 选择 插入 菜单的 HorizontalLine 项 可在网页中插入了一条水平线 可以对水平线进行长短或宽窄的拉伸 还可以对水平线属性进行设置 在水平线上单击鼠标右键 在弹出的菜单中选择 HorizontalLineProperties 弹出属性对话框 然后进行属性设置 4 4使用列表 使用列表和表格来规范网页内容可以使网页层次分明 结构清晰 列表有项目列表 编号列表 定义列表三种 一 项目列表项目列表也称为无序列表 它将在项目前添加标志符号 可以将图片作为新的项目标志 二 编号
6、列表在网页中的内容存在顺序关系时 可应用编号列表 三 定义列表定义列表就是在网页内定义词汇 术语的列表 具体的定义内容将以首行缩进的方式出现在列表的下一行 四 列表嵌套允许列表嵌套 并且不限制嵌套级数 五 列表的折叠应用列表的折叠技术 可以将次级列表隐藏在上一级列表内 只有在浏览者电击上级列表时 才会打开次级列表的内容 再一次单击上级列表时 次级列表又将隐藏在上级列表中 步骤 1 选择 创建一个嵌套的列表 2 在列表上单击鼠标右键 选择 列表属性 对话框 3 启用可折叠大纲 复选框 4 5使用表格 一 创建表格三种方式 菜单 工具栏 手绘二 填充表格表格的内容可以是文本 图片 音频文件 视频文
7、件或超链接等 三 表格属性1 标题属性2 对齐格式属性水平对齐方式有左对齐 右对齐 居中 两端对齐四种方式 垂直对齐方式有顶部对齐 底部对齐 中部和基准对齐四种方式 3 边框属性边框的大小和边框的颜色 4 背景属性包括背景颜色和背景图象两种属性 5 间隔属性表格的间隔由两个因素确定 一是单元格的填充 即单元格之间的间隔距离 一是单元格间距即单元格内部的间隔 6 大小属性包括表格的宽度和高度 有两种单位 一个是像素 另一个是百分比 4 6图形运用 一 添加图形打开 插入 菜单的 图片 子菜单 执行 来自文件 命令 选择图象文件的名称 二 编辑图形包括设置图象的特殊效果 剪切图象 添加文本 1 添
8、加文本图片工具栏的 文本按钮 就是用来在图象内添加文本信息的 2 图象的特殊效果 旋转90度 图象翻转 修正对比度 调整亮度 黑白处理 图象弱化 突出效果 采样与还原 调整图象大小 设置对齐方式 使用折叠文本 设置间隔距离 设置透明背景 三 设置背景图形1 设置网页的背景色打开 格式 菜单 执行其中的 背景 命令 在随后出现的 网页属性 对话框内选择 背景 项 2 设置图片为网页背景打开 格式 菜单 执行其中的 背景 命令 在出现的 网页属性 对话框内选择 背景 项在 格式 栏中选择 背景图片 项 4 7设置链接 链接 Hyperlink 简称Link 是网页中的动态部分 一 链接的建立点击工
9、具栏中的 Link 按钮 然后在URL文本框内输入要链接的网页的URL 也可以先输入文字 然后拖动鼠标选定要建立超链接的文字 单击鼠标右键 在弹出的对话框中 选择其中的超链接 二 目标当用鼠标按下一个链接后 网页能够移动到当前网页或网络上的另一个网页上的某一位置 我们称此位置为目标或下锚处 Anchor 使用目标可以使我们在浏览网页时迅速翻动到想浏览的内容 目标建立好后 就可以在网页内建立链接 4 8音频的使用 音频格式包括 MicrosoftWAV文件 扩展名是 wav MacintoshSound文件 扩展名是 au MIDI文件 MIDI文件只能存储音乐文件 扩展名是 mid 一 插入音
10、频打开 插入 菜单中的 高级 子菜单 执行 插件 命令 在 数据源 内输入插入音频文件的地址 二 背景音乐在IE浏览器中可以播放音频文件 可以控制播放的次数 这就是设置背景音乐 在用户打开网页时 音乐将随之而出 网页属性 常规 背景音乐 栏中输入音频文件的地址 设置播放次数注意 NetscapeNavigator浏览器不支持不用插件的音频文件插入操作 只有用IE才可以 4 9FrontPage2000的高级应用 一 悬停按钮悬停是设置在超链接处的按钮 它的效果是 当鼠标点击悬停按钮处的超链接时 悬停按钮的颜色和形状都会发生变化 选择 插入 菜单 执行其中的 组件 子菜单 从 组件 子菜单中选择
11、 悬停按钮 命令 便出现 悬停按钮属性 对话框 在 悬停按钮属性 对话框中 可以设置悬停按钮有关属性 1 设置按钮文本2 设置链接对象3 字体设置4 颜色设置5 尺寸设置 二 移动字幕移动字幕是能够移动的动态的文字 在FrontPage主窗口中打开 插入 菜单 执行其中的 活动元素 子菜单 从 组件 子菜单中选择 字幕 命令 在 字幕属性 对话框中设置字幕属性 包括 1 文本设置 2 方向设置 3 速度设置 4 表现方式设置 5 对齐方式设置 6 大小设置 7 重复设置 8 背景颜色设置 三 网站计数器在FrongPage主窗口打开 插入 菜单 执行其中的 组件 子菜单 从 组件 子菜单中选择
12、 站点计数器 命令 出现 站点计数器属性对话框 通过这个对话框 我们可以设置它的属性 包括 字符设置 起始点设置 3 位数设置 四 FrontPage2000的动态效果打开网页 选择要进行动态效果设计的内容 它可以是普通文本 也可以是图形 在FrontPage主窗口中打开 格式 菜单 选取 DHTML效果 对话框 通过这个对话框 可以进行动态效果的设计 1 选择事件在 开启 对话框中选择发生的事件类型 这些事件就是用户对网页进行的一些操作动作 包括单击 双击或移动鼠标等 网页加载网页加载是打开网页的操作 可以选择某种动态效果 在网页加载时生效 单击和双击发生这种事件时 可以使用 飞到 或 格式
13、 两种动态效果 鼠标移动鼠标移动时间是指在浏览器窗口或预览窗口中 鼠标经过效果文本或图片的操作 选择动态类型动态类型是与事件类型相对应的 因此不能随便选择 而应由事件类型来决定 飞入 飞到 格式 旋转 选择动态类型的效果设置动态类型的效果 也就是动态类型的属性 飞行方式 格式效果在选择完事件类型 动态类型和动态类型的效果后 就完成了一个动态效果的设置 可以点击 DHTML效果 对话框右下方的效果显示图标 观察所设置的动态效果 4 10使用表单 创建表单的方式有三种 表单模板 表单向导和自定义表单 一 使用表单模板二 使用表单向导使用表单模板只能创建最简单的几种表单 而用表单向导 就可以随心所欲
14、地创建表单 4 11使用样式 样式就是网页设计时事先确立的一些规则 比如说文本之间的缩进量 空白大小 字体的类型 颜色和大小等 样式表是网页中字体 段落和版面等各种属性的集合 主题样式能对整个网站起规范作用 使网站风格统一与和谐 一 创建与使用样式在主窗口中选择 格式 菜单 执行其中的 样式 命令 弹出 样式 对话框 选择要创建的样式类型 二 使用主题样式使用主题样式可以对整个网站进行规范 使网站具有同一种风格 4 12使用框架 使用框架能使网页之间的关系更明显 便于了解网页的结构 也可以使设计思路更清晰 使网页便于管理 框架网页创建和设置过程 见教材 知识回顾KnowledgeReview
