FrontPage2003教程
第6章 网页制作工具FrontPage 2003 新编大学计算机基础教程
（2） 代码视图。单击视图切换区中的“代码”按钮，即可切换到代 码视图。此视图提供了查看、编写和编辑HTML 标识的功能。
（3） 拆分视图。单击视图切换区中的“拆分”按钮，即可切换到拆 分视图。此视图模式可使用拆分屏幕模式来审阅和编辑网页内容，这 种格式使用户能够同时访问“代码”视图和“设计”视图。
返回
6.1 FrontPage 2003 新增功能
FrontPage 2003 是Microsoft 公司最新推出的网页制作工具，它是在 FrontPage 2000 的基础上发展而来的，并且在FrontPage 2000 的基础 上增加了很多重要的功能。因此，相对于FrontPage 2000 和更早的版 本，FrontPage 2003 的功能更强大、规模更小，使用更方便，操作更 简单，可以帮助用户在最短的时间内创建出最精美、最独具特色的网 页。
上一页 下一页 返回
6.2 FrontPage 2003 初步
6.2.3 FrontPage 2003 的视图
在Microsoft Office FrontPage 2003 中创建网站时，可以通过几种方式 查看网站内容。在设计、发布和管理网站时使用不同的网页视图，可 以查明并解决网站存在的问题，并使整个网站的创建、修订和发布过 程更高效。
上一页 下一页 返回
6.1 FrontPage 2003 新增功能
6. 使用“层”功能 在FrontPage 2003 中，层可以包含HTML 元素，如文本和图形。在
“层”任务窗格中，可以查看网页上所有层的详细列表，可以重叠、 嵌套和显示或隐藏网页中的层，也可以通过使用“行为”任务窗格使 层具有动画效果。 7. 经过改进的主题 FrontPage 2003 使用级联样式表而不是HTML 来应用主题，所以文 件变得更小、更透明，并且更容易控制和修改。此外，如果网页包含 在早期版本中应用的HTML 主题，则会在FrontPage 2003 中保留这 些设置。
第7章FrontPage 2003的使用
Fr 2003操作后，可以关闭FrontPage 2003，退出 FrontPage 2003的方法如下： 1）在FrontPage 2003菜单栏上选择“文件”选项，再选择“退出”命 令。 2）在FrontPage 2003窗口左上角双击窗口控制菜单按钮。 3）在FrontPage 2003窗口左上角单击窗口控制菜单按钮，在弹出的控 制菜单中选择“关闭”选项。 4）按“Alt+F4”键，或单击FrontPage 2003窗口右上角的关闭按钮。
7.1 FrontPage 2003的基本操作
创建网站
创建一个包含一个网页的站点 1）启动FrontPage 2003，然后进入其操作界面。 2）选择“文件”菜单→“新建”子菜单，这时右边的 “新建”任务窗格中就出现了“新建网站”和“新建 网页”选项，如图所示。 3）单击“新建网站”选项中的“由一个 网页组成的站”命令，马上就会弹出 一个“网站模板”对话框，如图所示。 在“指定新网站的位置”文本框中输 入新站点的位置，单击“只有一个网 站”图标，单击“确定”按钮。
预览效果图
7.4 美化网页
创建样式表
2、设置段落样式 1）打开素材文件。 2）选中要应用样式的文本，选择菜单 中的“格式”→“样式”命令。 3）弹出“样式”对话框，在对话框中 选中要修改的样式，单击“修改”按 钮。 4）弹出“修改样式”对话框，在对话 框中单击“格式”按钮，在弹出的下 拉列表中选择“段落”选项。 5）弹出“段落”对话框，在对话框中 将对齐方式设置为右对齐，行距大小 设置为1.5倍行距。 6）单击“确定”按钮，添加到“修改 样式”对话框中，单击“确定”按钮， 添加到“样式”对话框中。
7.3 超链接
设置超链接颜色
网页属性→格式→设置超链接颜色 当前网页设置为“无主题”
Frontpage2003的使用
Frontpage2003网页制作软件一打开Frontpage2003窗口的方法：启动Frontpage2003:开始/程序/Microsoft Frontpage2003,即可打开Frontpage2003窗口。
二建立新网站的几个步骤：1．菜单“文件”/“新建”/“新建网站”/“只有一个网页的网站”。
显示“index.htm”，即主页，也就是自建网站的第一页。
2．菜单“视图”/“导航”，显示“主页”，由此建立网站结构。
3．在“主页”单击鼠标右键/“重命名”，然后输入你的网站的名称。
4．在主页下建立其他网页的方法：在主页上单击右键，/”新建网页“并输入该网页的名称。
同样方法建立其他网页，建好你的网站结构图。
5．设置共享边框：/“视图“/”网页”，切换到网页编辑模式，显示空白网页，在空白处单击右键/“共享边框”，勾选“所有网页”、“上”、“左”、“包含导航按钮”，/“确定”。
则网页被虚线分成三部分：上为主页（父页）页的名称及每个子页的名称（又称导航栏）。
左侧为子页的名称（又称导航栏）。
6．显示各级网页：/“视图”/“文件夹”。
显示新建网站每个网页的文件名，网站已建好。
三编辑网页内容1．在网页中输入文字：方法与Word相同。
2．在网页中插入水平线：/插入/水平线。
目的是将文字区分得更清楚。
四网站导游——导航栏导航栏为树形结构：父层、子层，表明每一页所要链接的层级。
1 导航栏的设置在网页共享边框中的“编辑此导航栏属性”文字上单击右键，选择“导航栏属性”，勾选“主页下方的子页”、“主页”，再设置好导航栏的内容，画面中显示出横向和纵向的导航内容。
2 插入图片图片格式分为：GIF与JPEG两种，GIF图形文件只有256种色彩，可设置透明，动画多采用GIF格式化。
JPEG图形文件支持全彩，多用于照片等细腻色彩的图形，属于破坏型的压缩文件格式，图像会有些失真。
图片不宜过大,过大的图形文件会使网页速度变慢（尽量选择GIF文件）。
FrontPage2003建站全攻略
FrontPage2003建站全攻略(一)在创建网站之前我们事先在我们的硬盘中建立一个存放站点所有文件的目录。
模板建站FrontPage可以适合不同个人和组织的需要,自动建立网“巢”——站点。
操作打开站点建立窗口:点击“文件-->>新建”,在打开的窗口中可以看到自动建立站点的各种向导和模板。
向导特点:选择向导程序列出的条件元素,创建某类有个性的站点和网页模板特点:直接采用已经设计好的条件元素,创建某类统一的站点和网页在FrontPage中,使用向导创建的一般是比较复杂的商业和大型站点,不适合个人在网上安家筑巢。
我的网上小家就使用模板建立站点就够了。
操作选择模板:在新建站点窗口,选择“个人站点”模板。
在右面的选项栏中设置站点文件的存放地址。
建议新建一个有意义的存放地址,如“e:\webcom”,点击“确定”。
操作查看站点结构:点击程序界面的“视图”窗口中的“导航”按钮,可以看到建立的站点由哪些文件组成以及站点的结构。
我们看到,个人站点模板的结构是主页下面有五个子页,分别是“自序”、“兴趣”、“收藏夹”、“图片库”、“反馈”,而在文件夹列表栏中列出了站点中的文件,其中“image”文件夹专门存放图片,另外还有五个HTML文件,其中的myfav3.html是备用的子网页文件。
其他四个HTML文件分别对应主页和三个子网页。
操作查看站点中的网页:在导航视图窗口的网站结构示意图中点击某个网页结构图标,如“主页”结构图标,可以打开该网页,我们就可以在窗口中看到这个预先定制的网页大概结构。
点击文件夹列表中的文件也可打开。
注意,打开网页后,我们可以看到导航视图窗口切换到了网页视图窗口。
操作保存和打开站点:保存站点的工作很简单,当关闭FrontPage的时候,按照提示就可以保存站点。
实际上,保存站点主要就是保存网页,因此在修改编辑网页的时候,要时刻注意到保存。
保存的方法和在文字编辑程序中保存文件类似。
打开站点要复杂些,选择菜单“文件/打开站点”,找到站点所在的目录,找到站点文件夹(是一个带有小圆球的文件夹图标,是FrontPage建立的站点管理文件操作删除站点:删除站点很简单,直接在Windows中删除站点所在的文件夹即可。
第7章 FrontPage 2003的使用
7.1.4 FrontPage 2003的启动与退出
• 1. FrontPage 2003的启动 启动FrontPage 2003常用以下两种方法： • (1) 单击Windows任务栏上的“开始”按钮，然后 指 向 “ 程 序 ” 文 件 夹 ， 再 单 击 “ Microsoft FrontPage”图标即可。 • (2) 在桌面上创建FrontPage 2003的快捷图标。要 启动时，双击快捷图标即可。 • 2. FrontPage 2003的关闭 关闭FrontPage 2003常用的方法有以下两种： • (1)单击FrontPage 2003窗口右上角的“关闭”按钮。 • (2)执行“文件”菜单中的“退出”命令。
7.3.5 创建超链接
• 【任务7-8】 为“我爱读书”网站的首页创建超链 接。 • (1) 打开主页“index.htm”，选中“作家专区”。 • (2) 单击“插入”→“超链接”，如图所示。
• (3) 在出现的上所示的对话框中输入想要链接到另一 网页的地址 /zh_cn/reading/writer/，单击“确定”按钮后， 文本变成蓝色，并带有下划线。
• 2. FrontPage 2003的网页视图模式
• (1)“设计”视图是打开网页首先进入的视图，可以 在其中输入文本、插入图片、插入表格等，也可以 任意进行修改。 • (2)“拆分”视图将工作区拆分成上、下两部分，上 半部分是代码区，下半部分是设计区，无论对哪一 个区域进行修改，另一个区域都会做相应的改变。 • (3)“代码”视图可以通过单击视图栏中的“代码” 按钮进入，在“设计”视图中进行的操作都会被编 辑器自动转化成HTML代码。 • (4)“预览”视图可以对设计出来的网页进行整体预 览。
第7章 FrontPage 2003的 使用
FrontPage2003 网页制作教程
1.1 FrontPage 2003的启动和退出
一、启动
在Windows 桌面单击“开始”菜单，执行［所有程序］[ Microsoft Office ] [Microsoft Office FrontPage 2003 ]命令
二、退出
执行[文件][退出]命令，或者单击窗口右上角标题栏的[关闭]按钮
example: “标题”框架 模板新建网页
1)执行[文件][新建] 命令，出现“新建” 任务窗格
2)在“新建网页”栏中，选择[其他网页 模板]
3)选择“框架网页”选项卡
4)选择“标题”模板 ,并编辑网页 14
2.4 利用框架网页模板新建网页
5) 浏览网页
返回
15
3 网页的编辑与效果设计
5
1.4 任务窗格
返回
6
2 新建网页
2.1 新建网页的方法 2.2 新建空白网页 2.3 利用常规模板新建网页 2.4 利用框架网页模板新建网页
7
2.1 新建网页的方法
一、空白网页
新建一个空白的网页
二、文本文档
新建一个纯文本文件，后缀名为· txt
三、根据现有网页新建
从本地或互联网上查找到网页，新建一个同样的网页
21
4.1 设置网页属性
执行[文件][属性]命令
一、设置网页背景音乐
二、设置网页背景图片
22
4.2 设置网页主题
应用主题
1)打开要应用主题的网页 2)执行[格式][主题] 命令，弹出“主题”任务 窗格 3) “主题”任务窗格中，浏览主题的缩略图， 单击需要的主题
删除主题
1)执行[格式][主题]命令 2)在“主题”任务窗格中删除网站的主题
最详细的FrontPage2003PPT课件
后一个选中层的手柄随意移动。
26
8.2.7 超链接
超链接概念：超链接是指站点内不同网页之间、 站点与站点之间的一种链接关系，它不仅使站点 内的每一个网页有机地联系在一起上，而且使不 同的站点之间建立了联系。使用超链接，浏览者 可以从一个网页转到另一个网页，从一个站点转 到其他的站点。除了指向网页和和站点，超链接 还可以指向图片、电子邮件地址、多媒体文件， 甚至可以指向一个程序。
将打开“表格属性”或“单元格属性”对话框，或右击鼠
标弹出快捷菜单。
37
三、书签的设置和使用
利用书签实现网页内部跳转。 （1）选定要插入书签的位置。 （2）单击“插入”→“书签”命令，弹出“书签”
对话框。在对话框内输入书签名后单击“确定” 按钮，即可创建一个书签。 （3）建立书签后，就可以创建链接到该书签的超 链接。创建的方法和建立超链接的方法相同，只 是选择书签作为超链接的目标。
30
3．链接到电子邮件
方法如下： （1）选中要电子邮件链接的文本，单击工具栏中
的“插入超链接”按钮，打开“插入超链接”对 话框； （2）单击“电子邮件地址”选项，对话框变成图 8-10所示； （3）在“要显示的文字”文本框中输入要显示的 文字，在“电子邮件地址”文本框中输入邮件地 址，在“主题”文本框中输入主题； （4）单击“确定”按钮。
▪<h1>欢迎进入HTML世界！</h1>
▪<p>这里我们首先介绍HTML语言的基本知识和 语法。然后，讲授如何使用HTML语言编写您的 Web页面。</p>
▪</body>
FrontPage2003基本操作
**********************************************************************FrontPage2003基本操作：1、建立存放网页的文件夹、存放各种类型文件的子文件夹2、打开站点：进入FrontPage——文件/打开站点一个普通的文件夹作为站台打开后，该文件夹已经成为FrontPage的站点了。
为了充分运用FrontPage的的功能，最好每次开始制作网页时，都先打开站点。
3、建立主页：（1）新建网页——保存（名字默认为index.htm）（2）完成主页的内容：用表格布局、制作导航条、插入文字/图片等对象（3）修改网页属性：右键/网页属性——网页标题、背景图片、背景音乐、启用超级链接翻转效果、……4、制作其他网页：新建网页——保存——根据内容取名，方便查找——完成具体内容（如“自我介绍”详细内容）5、制作超级链接：（1）本网站内各网页间的链接（2）电子邮件的链接（mailto:_____）(前提：OUTLOOK的帐户已预先设置完成，才可发出电子邮件) （3）与其他网站网页的链接（4）*本网页内的链接*：将光标移至目标位置——插入/书签——将光标移至导航目录——插入/超链接——选择书签所在的文件——再单击“书签”选择链接目标继续制作个人网站：一、在FrontPage中插入各种对象：图片、声音、视频、Flash、交互按钮二、在Photoshop用自己的名字制作网页背景图片，插到网页中三、用Photoshop和FrontPage制作网页的“横幅广告”四、完成Photoshop的一个作业（羽化效果），并链接到自己的个人网站上五、在FrontPage中制作框架网页六、表单的制作*七、工具软件的使用*1、上传下载工具软件Cute FTP：对网站文件进行上传（下载）2、文件压缩与解压工具软件winRar**********************************************************************详细步骤：继续用Frontpage2003制作个人网站：一、在FrontPage中插入各种对象：图片、声音、视频、Flash1、插入图片、图片工具栏的使用、缩略图的制作：插入——图片——来自文件（bmp, jpg, wmf, gif，保存时则转换为GIF或JPG格式）2、插入声音：（MP3、WAV）[插入]→[Web组件]下“高级控件”中的“插件”3、插入视频：（avi 、mpg）法一：[插入]→[图片]→[视频]，右键[图片属性]。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
FrontPage2003初级教程
一、新建网站
（提示：如果图片觉得小，将鼠标移到图片上，向上滚动鼠标滚轮，图片会放大）
打开FrontPage2003
点击新建菜单命令会弹出一个对话框，有不同的模板供选择。
选择你想要的一个，然后确定，会自动生成一个网站。
二、新建一个空白网页
你也可选择新建空白网页，或点新建工具按钮。
当然，这上面的内容你要自己编辑。
三、打开一个网站
点击打开网站
四、浏览网页
“文件”“浏览”有几个选项（不同分辨率）
五、编辑方式
有“设计”“拆分”“代码”“浏览”
六、插入WEB组件
WEB组件中有很多常用的功能，你自己去试各项。
七、插入图片
有两种情况:1、插单个图片，可在菜单上直接用；2、插入图片库，也可插入WEB组件中，可插队入图片库。
有三种形式（自己试一下，因为有预浏）。
八、插入“互动按钮”，互动按钮可以有三种形式，鼠标经过，按过，没按。
可选形式，在文本的文本框中将按钮文本换成你要的文本。
如：首页……
还可改变文本的属性，字体颜色，等。
有初始颜色，经过颜色，按下颜色。
九、在网页中插入已有的网页
如果新建的网页，内容想用现存的，只须插入已有的网页就行了。
比较简便。
十、书签链接
有时的链接，不是和另一个网页链接，而是和页面中某一段链接，或另一页面的一段链接。
这种方法用在“标题和内容”之间链接最方便。
1、选择：菜单、插入、书签（被链接的内容）（一般自动生成名字，你也可以自己指定名字）
2、制作到书签的链接（标题）
3、选择右边的“书签”
4、找到书签名
十一、创建一个超链接
1、选中要建立超链接的文字或图片。
2、右键，弹出菜单，点击“超链接”
3、在弹出的对话框中选中被链接的网页或图片或其他（注：如是下载软件选中它）
4、当然，最后是点击“确定”
十二、插入表格
1、点击菜单中“表格”再“插入”再移到“表格”单击“表格”
2、在弹出的对话框中有几项值是要注意的：a、表格的“行数”和“列数” b、“指定宽度”和“指定高度”如果是用固定宽和高填写数字，如果是页面随屏幕变化的选100% c、“使用背景图片”点击“浏览”找到图片d、“对齐方式”用“默认” e、“浮动”方式用“默认” f、“边框”是表格宽度如果选“零”则不显示表格否则显示你选或填的数字的宽度。
g、“单元格间距”是表格线本身的衬距，如：3时，表格线两根之间距为3。
h、“单元格间距”是表格中文字到框的距离。
i、当然还有颜色。
十三、建立网站链接
这个功能和共享边框一起使用。
1、在编辑区下方有一个选项“链接”点击它。
进入建立链接面页2、修改“新建网页”为“主页”
3、添加“新建网页”——新建一个网页——或“已有的网页”——已存在的网页，点击找到被链接的网页。
还可修改新建网页为你想要的中文名。
十四、新建自定义链接
默认链接有时不够用，可以建自定义链接，独立于默认。
在插入链接时有两个选项：一个是默认，另一个是自定义链接。
自定义链接可以放在主页下面，也可以放在独立的地方。
下图一中的“娱乐”就是放在主页下的。
图二中的新建成链接栏是独立的。
当然你还可以在自定义下面添加下层链接。
十五、共享边框
1、启用
》“工具”》“网页选项”》“创作”》选中“共享边框”
2、“格式”中选中“共享边框”在对话框中（注：若想损事，选：所有网页）设置选项“上、左、右、下”（可以自定）
3、在自动出现的共享边框中编辑链接栏属性
4、最后的效果
5、和上一讲的链接栏配合使用，当你每添加一个网页在链接栏中会自动生成上面的效果
十六、在网页中插入“链接栏”
1、光标在要插入链接栏的地方或选中共享边框
2、点击“插入”（或是编辑“链接栏”属性），Web组件，找到“链接栏”，有两个选项：基于导航结构的链接栏；自定义链接栏
3、点下一步
4、选择“样式”，有多种，自定。
可以选中“使用鲜艳颜色”和“使用动态图形”
5、再选择“横向”或“纵向”
6、点“完成”进入“属性”可以选中“主页”最后点确定。
7、最后效果
8、请注意：链接栏的属性文件夹在_borders中，下面的几个文件就是，你还可以对不满意的重新进行编辑。
top.htm是顶上的，left.htm是左边的，bottom.htm是下面的，right.htm上右边的
十七、插入“动态文字”
1、WEB组件中
2、在文字栏中写入你的文本
3、还可以修改“样式”
十八、插入媒体插件
1、插入“WEB组件”到高级控件到插件
2、找到数据源，编辑相关，
3、注：会自动识别媒体的，有两种RM和微软的。