(第十章网页设计.pptVIP

第十章 网页设计 本章要求： 基本知识点 了解超媒体与Web系统 了解制作网站及网页的基本知识 掌握FrontPage2000文字格式设置 掌握FrontPage2000段落格式设置 掌握网页中插入图片的方法 掌握图片格式设置 掌握超链接的设置方法 掌握图片热区的超链接的方法 掌握书签设置和超链接的方法 本章要求： 基本知识点 掌握表格属性、单元格属性的设置 掌握调整表格大小、结构的方法 掌握使用表格编排网页版面的方法 掌握框架创建、调整、设置属性及超链接的方法 掌握在网页中增加音频、视频的方法 网页中插入、设置超链接的方法　掌握设置活动字幕的方法 掌握网站的构思和创建 网页浏览、发布的方法 主要内容 10.1 引言 10.2 FrontPage 2003简介 10.3 FrontPage 2003网站设计 10.4 FrontPage 2003的表格 10.5 FrontPage 2003的超链接 10.6 FrontPage 2003的框架 10.7 FrontPage 2003的动态效果和多媒体 10.8发布网页 10.1 引言 FrontPage 2003是“所见即所得”的网页编辑器。它把网页管理器和网页编辑器合二为一。在进行网页编辑时，利用编辑切换方式按钮，可以在页面设计窗口和代码设计窗口间切换，方便用户以不同的方式编辑网页。利用FrontPage 2003制作的网页支持必威体育精装版的网页标准，比如DHTML、XML、CSS2等。 10.1.1 网站与网页 使用浏览器在Internet上所看到的每一个画面都称为网页，而当人们根据某一个URL地址进入一个网站，所看到的第一个网页则称为该网站的首页（Home Page）。 网站就是网页的集合。根据网站的拥有者可以将网站分为个人网站、商业网站、组织网站等。 个人网站 教学网站 10.1.2 规划设计网站的一般流程 （1）对网站做出具体的规划 确定网站的目的 确定网站的类型 组织材料 确定网站的总体结构 描绘要创建网站的轮廓 规划出要创建的网站草图 设计、精炼网站 规划设计网站的一般流程 （2）创建网站和制作网页 创建网站可以采取两种方式。 一种方式是首先创建网站中的各个网页，然后创建网站，最后将创建好的网页导入到创建的网站中，完成网站的创建。 另一种方式是首先创建好网站，然后在网站中添加新的网页，并对添加的新网页进行编辑修改，等所需网页全部编辑完毕，完成网站的创建。 规划设计网站的一般流程 （3）测试网站 （4）发布网站 （5）宣传自己的网站 （6）对网站进行维护和更新 10.2 FrontPage 2003简介 FrontPage 2003是Microsoft公司的产品，Office 2003专业版的套装软件中的一个重要组成，它支持所见即所得的编辑方式。FrontPage?2003 具有经过改进的设计环境、新的布局和设计工具、模板以及经过改进的主题。不需要掌握很深的网页制作技术知识，甚至不需要了解HTML的基本语法就能使用它。它的基本使用方法和Word十分相似。 10.2.1 FrontPage 2003的安装 放入FrontPage 2003 CD-ROM光盘 选择安装类型 设置安装位置 “安装类型”对话框 10.2.2 启动与退出 启动 通过“开始”点击“程序” 点击“Microsoft Office”点击“Microsoft Office FrontPage 2003”启动FrontPage 2003。 退出 选择菜单栏中的“文件”，点击“退出”命令退出FrontPage。 直接单击窗口右上角的关闭按钮也可以退出FrontPage。 10.2.3 用户界面 标题栏 菜单栏 工具栏 状态栏 工作区 文件夹列表 任务窗格 网站编辑时的界面 任务列表与任务窗格 编辑方式切换 “设计”视图 “代码”视图 “拆分”视图 “预览”视图 10.3 FrontPage 2003网站设计 网站的创建 在网站中创建和设计网页 设置网页的主题 设置文字格式 设置段落格式 插入图片 10.3.1 网站的创建 在设计网页前，一般先要创建一个网站，然后再在网站中根据规划的网站总体结构创建文件夹和网页文件。 利用FrontPage创建网站时，可以使用各种模板和向导。 “新建”任务窗格 “网站模板”对话框 创建Web网站的方法 自建法 模板法 导入法 向导法 自建法 自建法适合在做好了规划的网站，并且没有相关的向导和模板可用的情况下使用。 在“网站模板”对话框中选择 “只有一个网页的网站”图标，将创建一个只包含一个页面的网站。该网站只有一个名叫“index.htm”的主页和两个文件夹，用于存放网站图片的images和存放私有文