FrontPage网页制作..pptVIP

本章要点 　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种模板，包括有普通网页、表单网页向导、常见问题、目录、确认表单等。使用各类模板可以创建不同的网页。 二、保存网页 　　当前网页是新建的网页并且尚未保存，则单击“常用”工具栏中的“保存”按钮，在弹出的“另存为”对话框中找到并双击要保存网页的文件夹，然后在“文件名”下拉列表框中输入网页的文件名“index.htm”，再单击“保存