《FrontPage制作网页》由会员分享，可在线阅读，更多相关《FrontPage制作网页（44页珍藏版）》请在金锄头文库上搜索。
1、FrontPage制作网页网站与网页制作 21世纪，网站是一个人的门面，拥有 个人网站是一个骄傲。是宣传自己、找工作 、找朋友等的极好工具。 可以作为一种能力而享用终生。Word操作是制作网页的必备基础。网站与网页介绍网络空间申请介绍普通网页的编辑 总体规划 创建文件夹 搜集素材 制作网页用FrontPage 2000制作网页 FrontPage2000是一个建立和管理Web站点、编写Web页的工具软件。 它采用所见即所得的方式编辑网页， 利用它可以轻松地组织、编辑网页并 发布到指定的站点上。FrontPage的视图FrontPage有多种视图，完成不同的功能-主要介 绍三种普通视图直接在网页
2、中输入文字、插入图片、插入表 格及编辑各种网页元素HTML视图查看网页的HTML源代码，并可修改源代码预览视图预览网页效果FrontPage基本操作 新建网页创建一个空白网页利用模板制作网页在网页中输入内容为网页设置标题在网页上单击右键网页属性在标题栏输入并保存保存网页文件另存为index.htm(主页)打开文件或站点打开文件/站点查看网页的HTML源代码 HTML视图FrontPage中预览网页 预览视图浏览器中预览网页 工具栏按钮或Ctrl+Shift+BFrontPageFrontPage基本操作基本操作网页主题 网页应用主题菜单格式主题，选择一个主题，并选择所选 的网页单选框。还可以选
3、择鲜艳的颜色、动态 图形复选框设置主题后，由于主题控制了网页的背景属性，因 此不能再添加背景。删除网页中的主题：选菜单格式主题，并选 择所选的网页单选框，在列表中单击 “无主题” 页面的修饰1、插入图片 2、配背景图 3、链接其它页面 4、插入视频和音频普通网页的编辑 输入文字设置文字及段落格式 加入项目列表选中所要设置的段落，单击菜单格 式项目符号和编号加入水平分隔线 插入水平线 （可用线条图片做水平线） 网页属性 网页属性设置：菜单文件属性右键菜单标题设置：网页标题背景音乐：自动播放背景声音，“位置”是声音文 件的位置，还可设置播放“循环次数”页边距设置：设置网页上显示的第一个对象相对 于
4、网页左上角的位置（像素），页边距设置为0，则最大限度利用网页空间网页属性 网页属性设置设置背景图片：单击浏览按钮，选定图像文 件作为网页的背景设置成水印：浏览网页时，使用滚动条，背景 图像不随网页的其它内容一起滚动。背景颜色的设置：设置网页的背景颜色时，若 使用背景图片，则覆盖背景颜色网页中加入图片 插入图片：菜单文件属性插入的图片类型有多种 bmp, jpg, wmf, gif ，保存时则转换为GIF或JPG格式插入剪贴画插入来自文件的图片插入图片线条作分隔线保存文件时，将图片文件保存到image文 件夹中，还可以改变图片的名字编辑图片 编辑图片：图片工具栏图片上添加文字：文本按钮图片的翻转
5、：左、右、水平、垂直设置透明色：透明图片制作自动缩略图：缩小大图片修改图片属性：右键菜单图片属性图片来源及格式：图片的目标源图片的外观：大小、对齐方式（图文混排)图片的超级链接加入超级链接 插入超级链接菜单插入超链接选择目标源l使用文字作超级链接l为图片设置超级链接l设置书签，加入超级链接l图像热点链接图像地图 图像地图上建立多个超级链接选定图像地图的图片（GIF）使用图片工具栏设置图片热点：长方形、圆形在“创建超链接”对话框中，指定热点的跳转目标在图像上设置热点按钮，加入超级链接。图 像上的文本作为热点，使用鼠标右键“图片热 点属性”设置超级链接 超级链接的外观改变菜单格式背景，在网页属性的
6、“背景”选项卡，设置超级链接的不同颜色。取消超级链接菜单插入超链接，取消URL链接地址网页的布局加入表格 最初，HTML表格被设计为在行列中显示简 单的文本；现在，它已成为一种重要的 Web页布局技术。表格是排列网页元素空 间位置最为灵活的方法之一，它还可在浏览 者调整网页大小时正确保持网页的外观。FrontPage提供五种创建HTML表格的不同 方法。选用哪种方法，取决于个人的习惯和 需要显示的内容类型。下面一一介绍这五种 方法。新建表格 1使用菜单插入表格将光标移至要插入表格的地方，选菜单命令【表格】 【插入】【表格】2使用鼠标手工绘制表格（1）使用菜单命令【表格】【手绘表格】3使用工具栏
7、上的“插入表格”按钮4将文本转换为表格可以将已分隔的文本(利用分隔字符分隔出行与列)转换成表 格内容。方法是：选中要转换的文本，单击菜单【表格】【转换 】【文字到表格】5粘贴表格数据表格的编辑修改 1单元格、行列和表格的选择鼠标拖动；使用菜单【表格】【选定】下的 各项。2行和列的插入及删除【表格】【插入】【行或列】3单元格的合并和拆分【表格】【合并单元格】【表格】【拆分单元格】表格的属性设置 表格的整体属性鼠标右键，选择【表格属性】。菜单命令【表格】【属性】【表格】单元格的属性鼠标右键，在快捷菜单中选“单元格属性”在网页布局中使用表格 设计布局的草图要先在纸上画出页面的布局草图来。其中有 两个
8、要点：尺寸选择：目前一般800600的分辨率为约 定俗成的浏览模式。所以为了照顾大多数访 问者，页面的尺寸以800600的分辨率为佳 。造型的选择：初步确定在何处放置页面的标 题、图片以及大块文字等在网页布局中使用表格 插入用于布局的表格决定在水平和垂直方向上所需的单元格数量（插入 时确定行数和列数）然后为需要跨越多行或多列的对象合并单元格。不要对单元格合并、拆分之后又插入新的单元格。一般来说，进行布局所创建的表格通常不带有边框 。，在分辨率为800600的情形下，表格的总宽度 以小于780像素为好。如果页面较长时，同一页面上可以依次插入多个表 格，用于不同部分的布局在单元格中加入图片和文本
9、加入的图片的大小以及文本的多少，最 好与预先设计的单元格的大小接近，否 则表格的布局也会有些乱。在网页布局中使用透明图片插入透明GIF图片对单元格尺寸的控制要比“单元 格属性”对话框中的设置更为有效。表格仅为网页设计者提供一种用于x-y定位的粗糙 的工具，要进行更为精细的控制，许多设计者都 采用透明GIF图象。希望在网页上任意位置添加一 些空白时，只要放置一幅完全透明的GIF图象即可 。这种方法在以下情况下效果最好：l缩进段落首行时；l设置段落间分隔线的间距时；l使对象基于窗口、框架或表格边框进行缩进时；l保证表格的最小列宽时（在表格布局时使用最多）。加入FrontPage组件 根据其产生作用
10、所需条件的不同，FrontPage 组件可以分成三种不同的类型： 1基于FrontPage站点的组件：这些组件仅当将 网页保存到FrontPage站点时才会运行和有效 。 2基于服务器端的FrontPage组件：这些组件需 要在站点服务器中运行特殊的软件，即 FrontPage服务器扩展（FrontPage Server Extension）。 3网页层次的FrontPage组件：这些组件的运行 既不需要FrontPage站点，也不需要FrontPage 服务器扩展，直接插入到普通网页中即可。使用网页层次的FrontPage组件横幅广告管理器：根据指定的时间间隔连续显示一系列图片。图片会不停
11、地发生变化。注释：文本在FrontPage中可见，但不显示在浏览器中。日期和时间：显示网页最近编辑或更新的日期。悬停按钮：显示一个图形按钮。当站点访问者将鼠标指针置于上方时，会 更改按钮的显示外观。此按钮还可作为超级链接的媒介。包含网页：显示网页内部某个网页的内容。典型的“包含网页”包含站点中重 复出现的内容，这样可以保持内容的统一，而且维护方便。滚动字幕：在屏幕中的某个区域生成滚动显示的一行文本。预定包含网页：类似于“包含网页”组件，但只能应用于指定的时间段内，不 在指定的时间内，将显示为不同的网页或者不预显示。预定图片：类似于“预定包含网页”组件，但仅显示图片而不是其他的Web页 。使用网
12、页层次的FrontPage组件横幅广告管理器使用菜单【插入】【组件】【横幅广告管理器 】悬停按钮【插入】【组件】【悬停按钮】滚动字幕创建字幕的方法是，使用菜单【插入】【组件】 【字幕】使用基于FrontPage站点的组件 主题：是专业人员设计的颜色和类型的结合体， FrontPage能在单个网页和整个站点应用主题。格式主题颜色主本：可以在FrontPage中设置一个网页从其他的网页得到颜色方案和背景。通过控制一个主本网页 的主题，进而控制一个站点的所有网页的外观。使用基于FrontPage站点的组件 导航栏：自动地构造在一个站点中链接网页的菜单。 使用导航栏需要在FrontPage的“导航”视
13、图中首先输入 结构信息，然后在每个网页中插入和设置一个或多个 导航栏。网页横幅：用文本显示当前网页的导航视图标题。共享边框：FrontPage能在站点所有网页或选定的网 页上应用标准的标题、注解、右边框或左边框。由于 在每一网页上的这样的边框显示相同的内容，所以一 个网页上的共享边框的改变会引起所有相关网页的改 变。方法：插入/共享边框；插入/导航栏；添加到导航视 图（拖、导航栏属性）查看导航栏使用基于FrontPage站点的组件 替代：FrontPage常常用现有的字符串作为站点的参 数值，并且当站点需要时，插入参数值。包含网页：对于一个复杂的网页，FrontPage可以让 其包含其他的网页
14、。这个组件在“网页层次的 FrontPage组件”中也有，但它在FrontPage站点中使 用时，效果最好。原因是，当更新一个被包含的网页 时，FrontPage将自动更新同一站点的包括该网页的 网页。使用基于FrontPage站点的组件 目录：该组件创建一个定制的、可选择的基于超级链 接分析的目录，该目录从当前站点的给定网页中开始 。类别：在同一站点的网页上创建一系列的用给定的类 别码编码的超链接。在文件夹列表或视图中的网页上 单击鼠标右键，然后选择【属性】命令，可以设定网 页的类别码。共享边框 共享边框是创建具有一致外观的网页的最快速 最灵活而且最容易的方法。共享边框就是站点上有一个或多个
15、网页共享的 区域。 选菜单【格式】【共享边框】 在设置好共享边框后，就可以添加内容也可以【插入】【导航栏】或 【导航栏属性 】使用基于服务器端的 FrontPage组件 【插入】【组件】【站点计数器】 动态效果设置 网页的过渡可以直接使用菜单【格式】【网页过渡 】 网页元素的动态效果 选中后：【格式】【动态HTML效果】 表单 在FrontPage中创创建表单单【插入】【表单】【表单】 【插入】【表单】 （其他组件）用鼠标右键单击表单中的任意位置，选择【 表单属性】 设置表单元素的属性双击表单元素，（也可用鼠标右键单击要修改的 表单元素）在快捷菜单中选择“表单域属性” 框架 理解框架 图例书上例：在框架集中定义了三个框架：顶部的 是横幅框架，左边的是目录框架，右边的则是 主框架。框架集显示的Web页的URL地址，共 四个HTML文件例:框架中的超级链接 创建和编辑框架 创建横幅网页 创建目录页创建欢迎页（首页）创建框架集 （见后）创建具体的内容网页，以备超级连接时使 用 创建和编辑框架集 创建一个新的框架集【文件】【新建】【网页】 设置超级链接 在FrontPage创建的框架集中，每个框架都有 一个名称，在本例的“横幅和
