第七章-Fontpage-2000网页设计概要.ppt

第七章Fontpage2000网页设计 FrontPage2000的启动与退出FrontPage2000的启动与退出的方法与其它的Windows应用程序相同 1 启动操作 2 退出操作 FrontPage2000的用户界面FrontPage2000的主窗口界面由 标题栏 菜单栏 工具栏 视图栏 编辑器 状态栏组成 7 1frontpage2000概述 FrontPage2000支持6种不同的视图 它们分别是 l网页视图 可以用不同的方式编辑网页或浏览网页 l文件夹视图 可以按照文件夹的形式查看站点中的文件组成情况 l报表视图 该视图下显示的是当前站点的统计数据 其内容涉及到所有的文件 图片 未链接与已链接的文件等的数量 大小及简要说明 l超链接视图 超链接是Web站点中最激动人心的部分 在网页中通常少不了超链接 l任务视图 这是FrontPage2000为制作复杂网站提供的一种有力工具 通过它 设计人员可以根据工作安排制定详细的任务列表 7 2网页制作 创建网站的一般过程由以下几个步骤构成 1 需求分析 2 规划网站 3 收集内容 4 建立Web站点 5 制作网页根据网站的建设规划 制作网站的主页面及其它页面 6 测试网站及网页 7 发布网站 8 维护与更新从设计阶段来说 最为重要的就是做好网站的规划 收集建立网站需要的资料及制作网页 l规划网站 1 确定站点结构根据Web站点的需要 明确建立站点的目标 确定站点的组成部分及各页面间的层次关系 除此这外 制作网页所需要的各类型的素材应建立相应的素材文件夹以统一管理 注意 对网站内文件的安排 各人的想法不同 只要能合理地存放文件 便于文件的管理即可 2 创建Web站点规划好站点后 需要在FrontPage2000中制作出相应的网站结构 l制作网页规划好网站的结构后 即将开始网站的内的网页制作 网页是站点中最基本的文档 它是用HTML语言编写的 由于FrontPage具有所见即所得的特性 并能自动创建HTML代码 所在可以在不很了解HTML语言的情况下 用FrontPage创建出多种格式的网页 1 创建网页2 保存网页新的网页建立后 要以HTML的格式进行保存 直接选择文件菜单下的 保存 选项 即可弹出 另存为 对话框 与其它Office系列软件一样 我们可以在此处选择文件保存的位置 并对文件进行命名 l网页中的文字1 文字的格式设置一个网页内肯定少不了文字内容 在FrontPage2000中 文字的录入与编辑与Word的操作完全相同 我们可以直接在插入点所在的位置输入文字 然后通过 格式 菜单可以对文字内容的格式 段落的格式进行设置 也可以为文字内容添加项目符号与编号 边框与底纹 2 文本动画作为网页制作工具 FrontPage2000针对文字提供了一些动态效果的制作手段 最为常用的是文本动画 文本动画都是采用动态HTML DHTML 来实现的 因此只有在InternetExplorer4 0或以上版本 或者其它支持动态HTML的浏览器中才可以看到文本动画的效果 l网页中的表格在所有的网页制作软件中 表格的作用不仅是可以直观地描述数据 我们还可利用表格来划分网页的页面布局 1 表格的插入与编辑在FrontPage2000里 表格的操作与Word类似 2 利用表格进行布局在FrontPage2000里 表格可以用来进行页面布局 所谓页面布局 就是利用表格来确定文本 图片等网页元素的位置 作为表布局用的表格 其边框一般是不显示出来的 否则会影响页面的美观 l网页中的图片FrontPage2000支持多种图片格式 包括GIF JPEG BMP PHG TIF MSP RAS WPG EPS PCX和WMF 同时它包含了丰富的图片操作命令 提供了以下功能 1 自动创建缩略图 可以自动创建一个图片的小尺寸版本 并将它链接到原始的图片 这个特征可以用来方便地创建相册网页 2 图片预览 图片预览是一个很有用的特征 当网页中插入图片时 事先可以预览到图片在网页中的效果 从而选择最合适网页的图片 改进了图片编辑工具 FrontPage2000提供了图片工具栏 使用户可以方便地对图片进行编辑 l超链接与书签超链接是从文本或图片 称为源锚 指向另一个网页或其它类型文件 称为目标锚 的链接 书签则是从网页中一个预先定义的位置 它可以作为同一网页或其他网页中的超链接目标锚 1 使用超链接 常用的超链接对象有两种 一种是网页元素 如文本 图片等 一种是热点 热点是图片中的一个部分 为每个热点创建不同的超链接 2 使用书签3 超链接的浏览与验证 FrontPage2000提供了 超链接 视图供用户浏览网站内各网页所建立的超链接 验证超阶级链接是否有效可通过 报表 视图来实现 l常用组件的使用FrontPage组件是内建的FrontPage对象 当作者保存网页时该对象被执行 或者在某些情况下当用户浏览网页时被执行 FrontPage组件可以生成HTML代码 在某些情况下也可以生成客户端或服务器端的脚本代码 在FrontPage2000中常用的组件有 1 横幅广告管理器 组件 用于快速制作简单的广告牌 2 站点计数器 组件 通常用来统计和显示用户访问网页的次数 3 悬停按钮 组件 当鼠标移动到动态按钮上面或者单击该按钮时 这种按钮会改变其颜色或形状 或者按照作者所定义的其他方式来动作 4 字幕 组件 用于在网页中显示水平滚动的文本信息 l框架网页的制作框架网页将浏览器的显示窗口分成多个区域 每个区域称为一个框架 在每个框架中可以包含一个独立的 能够滚动的网页 1 创建框架网页 在FrontPage编辑窗口中 可以利用框架网页模板创建一个新的框架网页 2 设置框架中显示的网页 对于框架网页中的每个框架 都必须指定它显示的内容 其内容可以是HTML网页 图片文件或者其他的任意类型的文件 3 保存框架网页 框架网页不同于普通网页 它不仅包含一个框架 每个框架内还包含一个网页文件 4 设置超链接的目标框架在框架网页中 允许将某一网页中超级链接的目标锚设置在同页面中其它框架内 l添加表单表单使Web站具有交互功能 使其不再是单一形式的对信息进行发布的载体 同时也是对信息进行收集的载体 在表单中可以包含文本 图片 表格和大多数可以在网页中插入的其他对象 1 表单域表单域就是用户可以在其中输入信息的区域 一个表单中可以包含多个表单域 2 创建表单直接通过 插入 菜单下的 表单 选项即可 3 表单属性的设置创建表单后必须设置表单的属性 在快捷菜单中选择 表单属性 菜单项 即可 当网站建立好之后 用户需要在互联网上发布网站 这样自己开发设计的网站才能被互联网上其他用户浏览 发布网站的过程就是把本机上的网站中的所有文件上传到Web服务器上 能够提供WWW浏览服务 用户用浏览器在Internet上浏览网页 其实都是在访问相应Web服务器中的网页文件 1 申请网络空间由于网络服务器的租用费用较高 个人用户一般都是向提供网页服务的ISP申请个人网络空间 这样才能使本机中自己制作的网站上传到他们的服务器上供互联网用户访问 7 3网站发布 2 在