第8章网页制作软件FrontPage2003课件.ppt

本章要点 　1.?? 站点的创建与发布。2.?? 网页的基本编辑。3.?? 表格的操作和利用表格布局。4.?? 文本的设置。5.??网页元素的插入 。6.???超链接的基本操作。7.?? 表单的基本概念和操作。 　8.　框架式网页的制作。 　9.　几种特殊动态效果的制作。 目 录 8.1 认识FrontPage2003 8.2 案例――学生个人就职网站 8.2.1 案例综述 8.2.2 站点的创建 8.2.3 网页的基本编辑 8.2.4 表格 8.2.5 文本设置 8.2.6 网页元素的插入 8.2. 超链接 8.2.8 表单 8.2.9 框架式网页 8.2.10 动态效果 8.1 认识FrontPage2003 FrontPage2003的特点： 1.更容易建立专业、精确的网站。 2.FrontPage2003不仅可以用来制作网页，用户可以使用它来建设和维护整个网站，更简单的检测、更新你的网站。工作组用户可以通过FrontPage2003使分布在世界各地的子公司一起工作。 3.FrontPage2003与其他 Office组件的整合性更加提高，打开和运行的速度比FrontPage2000更快。 一、 FrontPage2003概述 FrontPage2003是Office2003组件之一，运行与启动Office其他软件相同。启动成功后，出现的初始画面可能因机器使用情况的不同而不同，一般的界面如图8-1所示，菜单部分与Office中的其他软件相似，最大区别是工作区的左端有一个视图栏，包含：网页、文件夹、报表、导航、超链接、任务。 二、视图栏 1．网页。编辑网页需在“网页”视图中进行。在“网页”视图中，有“设计”、“拆分”、“代码”和“预览”4张选项卡。 2．远程网站视图。同步此网站和远程网站之间的文件。 3．文件夹视图。用于管理站点中的文件和文件夹。 4．报表视图。分析网站并管理其内容。 5．导航视图。显示站点的导航结构，用于对站点结构的管理。 6．超链接视图。用于显示站点中每一页的超链接。 7．任务视图。用于创建和管理站点中的任务。 8.2 案例――学生个人就职网站 本章案例“个人就业网站”，该网站的主页上有5个板块，分别是：学习经历、求职简历、求职须知、课程成绩、作品图片。学生个人就职网站结构图如图8-2所示。 8.2.1案例综述 用FrontPage2003开发本案例，用到的知识点主要有：创建站点、文本的格式化，网页属性的设置(网页背景颜色、背景图片、网页标题、背景音乐)，插入层，水平线与图像的插入，表格的制作及用表格布局，超链接(文本超链接、图像超链接、热点超链接、书签超链接)，表单的制作，框架网页制作，几种动态效果(字幕、交互式按钮、动态DTML、站点计数器)，插入Flash影片等。如图8-3是用这些知识点制作的个人就职网站主页。 8.2.2 站点的创建 所谓站点，就是多个相关网页通过各种链接关联起来的集合。在使用FrontPage 2003设计网页之前， 应建立一个本地站点，用来管理创建的网页。 用户可以选择以下三种方式创建一个新的站点： （1）站点向导。包括“导入网站向导”、“公司展示向导”、“数据库界面向导”、“讨论网站向导”。 （2）站点模板。包括“个人网站” 、“客户支持网站”、“项目网站”。 （3）自定义站点。包括“只有一个网页的站点” 、“空白网站”、“SharePoint工作组网站”。 　　　使用“只有一个网页的站点”创建学生个人就职网站。 　　　在FrontPage2003的主窗口下，单击菜单栏上的“文件”，在弹出的下拉菜单中选中“新建”，在窗口的右边出现“新建”面板，在新建项中选择“其他网站模板”。在“站点”列表框中，选中“只有一个网页的网站”图标，并在右边“指定新网站的位置”框中，输入新站点的名称。如图8-4“网站模板”对话框 。 8.2.3网页的基本编辑 一、新建一个网页 　　　在FrontPage2003的主窗口中，单击“视图”栏上的“网页”视图，使当前处于网页视图模式下。单击菜单栏上的“文件”，在弹出的下拉菜单中选中“新建”，在窗口的右边出现“新建”面板，在新建网页项中选择“其他网页模板”。打开如图8-4所示的“网站模板”对话框。单击“常规”选项卡，在列表框中显示了FrontPage2003提供的创建网页的11种模板，包括有普通网页、表单网页向导、常见问题、目录、确认表单等。使用各类模板可以创建不同的网页。 二、保存网页 　　当前网页是新建的网页并且尚未保存，则单击“常用”工具栏中的“保存”按钮，在弹出的“另存为”对话框中找到并双击要保存网页的文件夹，然后在“