第四章 建立主题网站(FrontPage)-上

网站实现 开发工具 FrontPage 建立站点新建网页网页布局添加网页元素建立超链接 启动FrontPage 开始 程序 MicrosoftOffice MicrosoftOfficeFrontPage2003 一 FrontPage2003概述FrontPage是功能强大而又易于使用的网页编辑器 它完全实现了 所见即所得 的工作方式 与普通的Windows窗口类似 FrontPage2003也是由标题栏 菜单栏 工具栏 编辑区 状态栏 任务窗格等部分组成的 其界面如图所示 二 制作网页的方法创建网页可以用以下三种方法 一是利用自己创建的网页模板创建网页 二是直接设计和创建网页 三是利用FrontPage提供的模板和向导创建网页 本节只讲直接设计和创建网页 直接设计和创建网页 具体操作步骤如下 执行 文件 新建 命令 在主窗口单击 新建网页 选项下的 空白网页 进入设计窗口进行网页的设计 建立站点 新建网页 三 网页视图所示 在网页视图的下方 有4个选项卡 单击不同的选项卡 可以进入不同的视图 设计 视图 此视图为默认视图 可以在此视图中设计和编辑网页 使用设计工具创建网页时 此视图将提供几乎是 所见即所得 的效果 代码 视图 此视图可以将网页设计过程翻译成HTML代码 在该窗口 可以通过修改代码对网页进行编辑 拆分 视图 可以通过拆分屏幕 将屏幕分成上下两部分 很方便访问和编辑 代码 视图窗和 设计 视图窗中的内容 预览 视图 通过此视图 不保存网页即可看到网页在web浏览器中的显示情况 四 制作网页 对网页设计 1 使用框架 表格 布局或绝对定位来定位网页上的文本和图形 2 使用添加文本 图形 网页横幅 表格 表单 超链接等元素来设计网页 3 添加Flash内容 视频 声音或GIF动画等元素给网页增加动态效果 4 添加字幕 计数器 时间 交互式按钮等给网页增加更丰富的内容 5 用颜色或图片可以设置网页背景等 网页布局 通常使用表格进行布局 表格 菜单 插入 子菜单 表格 三级菜单利用表格定位网页 添加表格 插入表格 表格 菜单 插入 子菜单 表格 三级菜单 修改表格合并单元格表格的标题和表头跨列和跨行的单元格 设置文字 设置文字文字大小文字字体文本颜色段落标记和换行符插入字幕 字幕文字设置插入水平线 水平线属性更改 设置图像 设置图像插入图像修改图片属性图像超链接热区链接 添加多媒体元素 添加动画声音视频 设置超级链接 一 按表现形式分类设置文本超级链接设置图片超级链接二 按链接目标对象分类 超链接 超链接 mail超链接其它 制作网页的基本操作在网页中可插入如下内容 插入换行符 为了使换行后的文本保存在换行前的段落中 此时的换行要使用换行符 插入换行符的方法如下 先将插入点置于换行符的位置 执行 插入 换行符 命令 然后在出现的换行符对话框中作相应的选择 最后单击 确定 按钮返回 插入水平线 水平线主要用于分割段落 执行 插入 水平线 命令 即可在光标处插入一条水平线 如果要设置或者修改水平线的属性 右击水平线 执行 水平线属性 命令 或者双击水平线 进入 水平线属性 对话框 利用 水平线属性 对话框可以改变水平线的颜色 高度 宽度和位置等 插入注释 在创建编辑和修改网页的过程中 经常需要插入一些文字 提示设计的意图和方法 在编辑网页时作为参考和提示 但浏览者通过浏览器是看不到网页里的注释 插入注释的方法如下 普通模式下单击当前网页要插入注释的位置 把插入点设置到那里 执行 插入 注释 命令 弹出 注释 文本框 在注释文本框中输入注释的内容 最后单击 确定 按钮即可完成注释的插入 超链接的设置通过超链接可以访问网页内部及其它的网页 网站的内容 创建超链接 在页面视图中选择超链接的文本或者图片 执行 插入 超链接 命令 在出现的超链接对话框中 根据超链接的对象 当前网站中的网页 其它网站的网页地址 信箱地址 本地磁盘的文件 选择不同的操作 设置超级链接 一 按表现形式分类设置文本超级链接设置图片超级链接二 按链接目标对象分类 超链接 超链接 mail超链接其它 创建热点 热点是图片上能够建立超链接的区域 一幅图片上可以创建多个热点 创建热点的方法如下 选定图片 单击图片工具栏上的热点形状按钮 例如圆 矩形 椭圆 拖动鼠标在图片上画出热点区域 例如圆 矩形 椭圆 热点区域画好之后随即弹出一个 创建超链接 对话框 在对话框内设定连接目标 点击 确定 按钮返回 更改超链接 选定要更改超链接的目标 执行 插入 超链接 命令 打开 编辑超链接 对话框 在 超链接地址栏 中重新输入一个连接对象的名字或网址 删除超链接 选定要删除超链接的目标 执行 插入 超链接 命令 打开 编辑超链接 对话框 单击 删除链接 单击 确定 按钮即可 6 网页特殊效果的设置 滚动字幕的设置在网页中创建字幕可以在浏览器中显示一条水平滚动的文本信息 具体操作步骤如下 选中要设置滚动的文本 然后执行 插入 web组件 命令 打开 插入web组件 对话框 在 组件类型 下拉列表中 选择 动态效果 项 再在 选择一种效果 列表中选择 字幕 选项 单击 完成 按钮 打开 字幕属性 对话框 如图所示 在 速度 选项组中设定字幕移动的速度 在 背景色 列表框中设置字幕滚动文本的背景色 单击 确定 按