FrontPage网页制作手册一、 如何翻开FrontPage了解主界面单击任务栏“开始〞按钮，选择“程序〞选项，单击FrontPage就可以进入进入后你会发现PRONTPAGE界面和WORD很相似[图一]，这是因为编辑WEB页面和编辑WORD文档有很多同样的设置，这些设置所用的图标和WORD中的是一样的[图一]ProntPage2000 界面 视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图FRONTPAGE共有6种视图[如左]，使用不同的视图可以从不同的侧面查看设计的WEB站点对一个WEB站点而言，不断更新是很重要的随着站点的成长，维护站点的工作量会越来越大建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了下面看一看同一个WEB站点在不同视图中是怎样显示的 单击“网页〞按钮，切换到网页视图，再单击工具栏上的“文件夹列表〞按钮，窗口中增加了一个文件夹列表框[图一]网页视图是用来显示选中的网页的，双击文件夹列表中的某一个HTM文件，在最右方的工作区中就会显示该网页的内容[图一]网页视图 注意，此时工作区的左下角有三个切换显示模式的选项卡[图二]。
单击“普通〞选项卡，就切换到了普通模式在普通模式可以编辑网页的内容以及设置各种格式单击“预览〞选项卡就到了预览模式如果要看一看当前编辑的文件在浏览器中的显示情况，就使用预览模式，在预览模式下，是不能编辑网页的单击“HTML〞，有的时候，也可以切换到HTML模式直接对网页对应的HTML文本文件进行编辑，从而为网页作一些特殊的设置[图二]工作区的三个切换模式文件夹视图以列表的形式给出了当前WEB站点的文件夹和文件夹里包含的文件[图三]由于一个WEB站点要涉及到许多文件，因此将这些文件分类并分别放到不同的文件夹就很有必要比方，可以把所有的图形文件放入IMAGE文件夹FRONTPAGE还提供了一个_PRIVATE文件夹，用来存放一些对网络浏览者不可见的信息下面为当前站点再添加一个SOUND文件夹，用来存放WEB站点用到的声音文件：选中站点的根目录，然后单击“文件〞菜单的“新建〞项，在弹出的子菜单中选择“文件夹〞命令在输入SOUND，新文件夹就建立好了[图四][图三]文件列表[图四]文件列表 其实一个站点实际上就是一个目录，在这个目录下可以建立许多子目录，并将站点的各种文件放在这些目录里 任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。
报表视图给出了当前站点的一些统计信息这里可以知道在站点的目录中哪些文件被链接进站点了，哪些没有 导航视图可以方便地组织站点中各网页的层次关系，在本视图中，每一个页框代表一个网页如果站点设置了导航功能，就可以先在这里设置好各网页的层次关系，然后用导航栏把这种层次关系表现出来 超链接视图是用来观察选中网页中设置的超链接的通过它可以方便地知道在网页中设置了多少超级链接，以及是什么类型的链接任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了二、 创立网页 这一节我们讨论怎样创立页面 创立页面最简单的方法就是单击FRONTPAGE“常用〞工具栏的“新建〞按钮它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建〞按钮新建网页、站点、文件夹和任务默认状态下是新建网页 如果要新建网页，可以不用向下箭头键选择，而直接单击“新建〞按钮不过使用文件菜单的“新建〞命令来新建网页能够有更大的选择 单击文件菜单的“新建〞命令，选择“新建网页〞，在“新建〞对话框里，可以看到FRONTPAGE提供的许多网页模板[图一]，我们可以用这些模板来建立相应的网页。
在右下角的预览框里可以看到选中模板的外观选择“两栏正文〞网页，这样就创立了一个新的分为两栏的网页了然后点确定[图一]新建网页对话框 使用模板可以不用总是从空白网页开始编辑，这样就省力很多三、 参加文字FrontPage中对于文字与图像的处理与word很相似，用过word的人对于FrontPage中这局部的操作很容易上手的不过，毕竟是网页制作软件，在Web的根底上，又增加了很实用的功能，也能做出复杂而且高级的网页文字与图像FrontPage中对于文字以及图像的处理根本集中在这三个菜单栏里：编辑、插入、格式编辑：包括用于处理文字的复制、粘贴等操作，调整网页内容〔包括文字、图像、控件等等〕的多少以及安排是最根底的工具，经常使用其对应的快捷键插入：用于网页各种部件及其组成局部的创立，很多项选择项都能创立既复杂又实用的部件，这方面较Dreamwaver更容易被初学者接受〔图2.1〕 图2.1格式：对于文字的处理大多集中在这里，这里的选项是用来协调整个网页以及整个网站的内容编制，也是个较常用到的菜单栏〔图2.2〕 图2.2〔一〕创立文字：在FrontPage中创立文字的方法大致分两种：输入和导入。
1、新建一个网页，之后输入的文字就会在光标所在位置出现，根本得不能再根本的方法，说白了就是打字只要光标能到的地方都可以正常输入文字2、通过【粘贴】能将之前在任何程序中复制或者剪切的文字创立到当前编辑网页中，【编辑】菜单栏中的选项与之有关还可以通过【插入】中【文件】的形式导入文字，包括txt、doc、htm等纯文本或者包含文字的文件〔二〕处理文字字体：选择【格式】菜单栏中的【字体】选项，出现字体对话框〔如图2.3〕 图2.3字体：框中选择想应用的字体字体文件都保存在windows目录中的fonts子目录中，可以自行删改添加字形：有常规、倾斜、加粗和加粗倾斜四个选项一般来说正文选用保持常规，加粗用于标题，倾斜那么用于突出正文中的内容以及使文字美观字号：可以直接在输入框中输入想使用的字号，也可以在选项中选取一般来说在浏览器中9磅和10.5磅看起来最美观最舒服字符间距：这个分页中的选项是用来进行行距设置以及文字定位的预览：无论在【字体】中进行什么操作，都可以在预览框中看到样品，方便选取适宜的搭配〔三〕处理文字段落：选择【格式】菜单栏中的【段落】选项，出现段落对话框〔如图2.4〕 图2.4对齐方式：设置整个段落在页面中的位置。
常用的为居中缩进：调整段落与左右边界的距离首行缩进是用来设置各段第一行段落间距：设置段落与段落之间的距离对段落的操作和字体一样，可以在预览框中观察当然，以上这些操作都可以在工具栏中对应图标按钮实现〔如图2〕 图2还有【格式】菜单栏中的【工程符号与编号】选项，也可以用来设置文字段落的排列，根本上文字的一般处理都与word相似〔四〕处理动态文字： 图2.5§ 选择【插入】菜单栏中的【Web组件】选项，在出现的对话框中选择动态效果中的“字幕〞〔如图2.5〕在出现的对话框中首先在文本框中输入文字，而后对速度、大小进行调整这里值得说明的是左下角的样式按钮，点击之后出现的新窗口中可以进行样式的调用等，在新窗口的左下角有一个格式按钮，在这里可以进行文字格式的一般处理〔即上文所述的〕这在以后的文字相关处理中都用这种按钮后的按钮情况〔如图2.6〕回到字幕对话框后按“确定〞，这样一个网页中的滚动字幕就制作好了 图2.6§ 选择【格式】菜单栏中的【动态HTML效果】选项，出现相应浮动选项框〔如图2.7〕只有当你在网页中选择了文字或者图像，浮动框中的选项才会启动这里我们先在网页中输入文字处理一下，把鼠标移到文字行，在浮动框中依次选择“网页加载〞、“逐字放入〞。
DHTML效果在FrontPage中以淡蓝色方框表示〔如图2.8〕 图2.7 图2.8〔五〕创立图像：在FrontPage中创立图像是在【插入】菜单栏里的【图片】选项剪贴画：会启动剪贴画寻找器在这里你可以方便地在本机或者在互联网上搜索到剪贴画用来装点你的页面来自文件：导入本机或者局域网中的图片，相比拟剪贴画，获得图像的质量、类型和格式都很丰富，是最常用的导入图像方式新建图片库：主要用于制作排列众多图片的页面，针对样品列举、图片欣赏等在翻开的对话框中，点击添加导入所需要的图片，设置好缩略图的大小后，在四种布局中选择一种适合用户的〔如图2.9〕简单点击后，按确定，一张布满图像的页面就生成了 图2.9绘制新图形：选择后在页面中插入一块类似画板的蓝色区域，可以在上面自由作画一般不用到自选图形：在众多简单后实用的线图中选择插入 图2.10艺术字：用过word的人应该都很了解这个了，就是方便的创立含有文字特效的图片文件知道保存页面后才会以图片形式导出点击后选择一种适宜的文字艺术效果，再输入文字就行了〔如图2.10〕艺术字生成后可以修改，有艺术字浮动框〔如图2.11〕可以进行艺术效果的重新选择，文字内容的重新输入，样式的调整等等。
图2.11〔六〕处理图片：在已经创立的图片上点击左键，出现图片浮动框〔如图2.12〕这里的所有图标按钮都可对图像进行操作处理，从左到右依次是： 图2.12插入文件中的图片：插入新图像替代选中的图像文本：在图像上参加文字，这可是Dreamweaver很难做到的哦不过它会帮你自动转换文件格式到gif自动缩略图：十分方便，轻轻一点就可创立缩略图以前版本没有的功能绝对定位：锁定图片在网页中的位置上移、下移一层：类似于Fireworks中的排列，点击后，图像可以在网页中任意拖动确定位置，很好用的功能翻转：共上下左右四种比照度以及亮度的处理：这是Dreamweaver望尘莫及的在加强了亮度以及比照度的图片上插入文字，这种安排一定可以大大提高访问量哦裁剪、线性、填充色、设置透明色、颜色、凹凸效果都用于修改图片的最后几个是添加热区，也就是图片上的超链接的可以看出，FrontPage对于图片的处理能力已经远在Dreamweaver之上了，只不过比起dw和fw的配合使用来说，还有一些距离但它的简单快捷非常省事省力，适合初学者接着我们在图像上点击右键，选择图像属性这里常用的就是图像的环绕样式，以及一些其他设置〔如图2.13〕。
图2.13〔七〕处理动态图像：§ 选择【插入】菜单栏中的【Web组件】选项，在出现的对话框中选择动态效果中的“横幅广告管理器〞〔就在上文说到的“字幕〞下〕设置好广告图片的长和宽，选择一种适宜的过渡效果，设置好时间后点击添加在完成了所需广告图片的添加后，设置连接页面最后点击确定，这样一个网页中的横幅广告就制作好了〔如图2.14〕 图2.14§ 选择【插入】菜单栏中的【Web组件】选项，在出现的对话框中选择动态效果中的“悬停按钮〞通过与上文相仿的简单设置就可以搞定一个动态按钮，简直可以和辛辛苦苦用Fireworks做出来的媲美呢四、 如何插入使用表格（一） 创立表格 在FRONTPAGE的诸多功能中，制表功能也是一个很重要的方面我们不仅利用表格显示一些有规律的数据，而且还经常对表格中的单元格进行调整，在其中放入文本和图形，到达对网页进行布局的目的 我们来看看这个网页，这是在普通模式里的效果。