第7章 网页Frontpage
合集下载
第7章 FrontPage网页制作
第7章 FrontPage网页制作
7.3 网站与网页基本操作
7.3.1 创建网站与网页 7.3.2 管理网站与网页 7.3.3 创建网页模板 7.3.4 设置网页属性
第7章 FrontPage网页制作
7.3.1 创建网站与网页
第7章 FrontPage网页制作
7.3.2 管理网站与网页
第7章 FrontPage网页制作
第7章 FrontPage网页制作
7.2.2 FrontPage的视图模式
第7章 FrontPage网页制作
第7章 FrontPage网页制作
第7章 FrontPage网页制作
第7章 FrontPage网页制作
第7章 FrontPage网页制作
7.2.3 FrontPage网页查看方式
第7章 FrontPage网页制作
第7章 FrontPage网页制作
7.6.1 创建网页表格
第7章 FrontPage网页制作
7.6.2 设置表格属性
第7作
第7章 FrontPage网页制作
7.6.4 使用表格进行页面布局
7.7 小结
第7章 FrontPage网页制作
习题
7.5.1 插入特殊对象
第7章 FrontPage网页制作
第7章 FrontPage网页制作
第7章 FrontPage网页制作
7.5.2 插入图片
第7章 FrontPage网页制作
第7章 FrontPage网页制作
第7章 FrontPage网页制作
第7章 FrontPage网页制作
7.5.3 插入超级链接
第7章 FrontPage网页制作
第7章 FrontPage网页制作
第7章Office-frontpage
Jiang Bin
7.3 FrontPage
三、图片
①设置显示“文本”：在图片工具栏中 点选“文本”，可直接在图片上添加说 明文本；在“图片属性”对话框中的 “常规” →“文本”栏内输入的内容将 在预览时鼠标在图片上停留时显示。 ②设置“缩略图”：可提高网页的浏览 速度。设置为缩略图后，在预览状态点 击该缩略图时会显示原图。
7.3 FrontPage
五、表格
在FrontPage中使用表格可方便地排布文 本、数据和图片。 建立和编辑表格同word中的相关操作， 注意分别利用表格属性和单元格属性。
Jiang Bin
7.3 FrontPage
六、框架和页面规划
框架网页，在网页中预设指定的框架区 域，在个区域中显示不同的内容，可避 免浏览器窗口的频繁切换。 一般框架可在 新建文件时选用
Jiang Bin
7.3 FrontPage
七、动态效果
（1）动态网页DHTML效果： “查看” →“工具栏” →“DHTML” “格式” →“动态HTML效果” → （2）悬停按钮：鼠标移动到这类按纽上时会 出现特殊的效果，［保存文件后，预览］ “插入” →“组件” →“悬停按钮”
Jiang Bin
7.3 FrontPage
八、表单
使用表单可实现网页的交互式管理和信息输入。 表单域的类型：表单、文本框、文本区、复选框、 单选按钮、下拉菜单、按钮、图片、标签。 可以在需要的地方插入指定表单域控件，也可以 设计表单网页： “文件” →“新建” →“网页” → “常规” →表单网页向导→
Jiang Bin
Jiang Bin
7.3 FrontPage
FrontPage软件提供了一个网页编辑工具，可以 象编辑word文档一样操作，同时自动生成相 关网页代码和html语言程序。从而简化了网页 设计的操作。 1．编辑窗口 2．编辑网页 3．图片 4．超级链接 Jiang Bin 5．表格 6．动态效果 7．框架和页面规划 8．表单
7.3 FrontPage
三、图片
①设置显示“文本”：在图片工具栏中 点选“文本”，可直接在图片上添加说 明文本；在“图片属性”对话框中的 “常规” →“文本”栏内输入的内容将 在预览时鼠标在图片上停留时显示。 ②设置“缩略图”：可提高网页的浏览 速度。设置为缩略图后，在预览状态点 击该缩略图时会显示原图。
7.3 FrontPage
五、表格
在FrontPage中使用表格可方便地排布文 本、数据和图片。 建立和编辑表格同word中的相关操作， 注意分别利用表格属性和单元格属性。
Jiang Bin
7.3 FrontPage
六、框架和页面规划
框架网页，在网页中预设指定的框架区 域，在个区域中显示不同的内容，可避 免浏览器窗口的频繁切换。 一般框架可在 新建文件时选用
Jiang Bin
7.3 FrontPage
七、动态效果
（1）动态网页DHTML效果： “查看” →“工具栏” →“DHTML” “格式” →“动态HTML效果” → （2）悬停按钮：鼠标移动到这类按纽上时会 出现特殊的效果，［保存文件后，预览］ “插入” →“组件” →“悬停按钮”
Jiang Bin
7.3 FrontPage
八、表单
使用表单可实现网页的交互式管理和信息输入。 表单域的类型：表单、文本框、文本区、复选框、 单选按钮、下拉菜单、按钮、图片、标签。 可以在需要的地方插入指定表单域控件，也可以 设计表单网页： “文件” →“新建” →“网页” → “常规” →表单网页向导→
Jiang Bin
Jiang Bin
7.3 FrontPage
FrontPage软件提供了一个网页编辑工具，可以 象编辑word文档一样操作，同时自动生成相 关网页代码和html语言程序。从而简化了网页 设计的操作。 1．编辑窗口 2．编辑网页 3．图片 4．超级链接 Jiang Bin 5．表格 6．动态效果 7．框架和页面规划 8．表单
网页设计FrontPage电子教案
• 1.4 视图模式 1.4.1 “网页”视图 1.4.2 “文件夹”视图 1.4.3 “报表”视图 1.4.4 “导航”视图 1.4.5 “超链接”视图 1.4.6 “任务”视图
第一章 FrontPage 2002概述
• 1.5 使用帮助 1.5.1 使用FrontPage 2002 帮助文件 1.5.2 使用“这是什么?”帮助 1.5.3 使用网上帮助
第七章 FrontPage 2002的组件 及高级功能
• 7.13 导航栏 7.13.1 导航结构 7.13.2 网页横幅 7.13.3 创建导航栏 7.13.4 更改导航栏方向 7.13.5 在导航栏上添加外部超链接 7.13.6 从导航栏上删除一个网页 7.13.7 删除导航栏
第七章 FrontPage 2002的组件 及高级功能
第九章 站点主题
• 9.5 样式表 9.5.4 应用样式 9.5.5 删除级联样式表中的样式 • 9.6 级联样式表和创建与编辑 9.6.1 创建外部级联样式表 9.6.2 创建内嵌式级联样式表 9.6.3 编辑外部级联样式表 9.6.4 编辑内嵌式级联样式表 9.6.5 将Web页链接到样式表
第十章 站点的发布、管理及 实例
第五章 图像
• 5.4 图片工具栏 5.4.1 编辑图片 5.4.2 图片的复制、移动和删除 5.4.3 图片的旋转与翻转 5.4.4 在图片上添加文字 5.4.5 设置超链接 • 5.5 加入背景 • 5.6 保存含有图像的网页
第六章 框架
• 6.1 创建框架网页 6.1.1 利用模板创建框架网页 6.1.2 设置每个框架的初始网页 6.1.3 保存框架网页 • 6.2 修改框架的布局 6.2.1 调整各框架的大小 6.2.2 拆分、删除框架
第一章 FrontPage 2002概述
• 1.5 使用帮助 1.5.1 使用FrontPage 2002 帮助文件 1.5.2 使用“这是什么?”帮助 1.5.3 使用网上帮助
第七章 FrontPage 2002的组件 及高级功能
• 7.13 导航栏 7.13.1 导航结构 7.13.2 网页横幅 7.13.3 创建导航栏 7.13.4 更改导航栏方向 7.13.5 在导航栏上添加外部超链接 7.13.6 从导航栏上删除一个网页 7.13.7 删除导航栏
第七章 FrontPage 2002的组件 及高级功能
第九章 站点主题
• 9.5 样式表 9.5.4 应用样式 9.5.5 删除级联样式表中的样式 • 9.6 级联样式表和创建与编辑 9.6.1 创建外部级联样式表 9.6.2 创建内嵌式级联样式表 9.6.3 编辑外部级联样式表 9.6.4 编辑内嵌式级联样式表 9.6.5 将Web页链接到样式表
第十章 站点的发布、管理及 实例
第五章 图像
• 5.4 图片工具栏 5.4.1 编辑图片 5.4.2 图片的复制、移动和删除 5.4.3 图片的旋转与翻转 5.4.4 在图片上添加文字 5.4.5 设置超链接 • 5.5 加入背景 • 5.6 保存含有图像的网页
第六章 框架
• 6.1 创建框架网页 6.1.1 利用模板创建框架网页 6.1.2 设置每个框架的初始网页 6.1.3 保存框架网页 • 6.2 修改框架的布局 6.2.1 调整各框架的大小 6.2.2 拆分、删除框架
第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 超链接
设置超链接颜色
网页属性→格式→设置超链接颜色 当前网页设置为“无主题”
第07章 网页制作软件FrontPage
第七章网页制作软件FrontPage基础练习一、选择题1.HTML(Hyper Text Markup Langauge)是_____的缩写。
A.超文本标注语言B.通用标注语言C.扩展标注语言D.宏语言2. HTML文件用_____来标记文本超链接的开始。
A.<html>B.<p>C.<font>D.<a>3. HTML文件是_____。
A.EXE文件B.标准的ASCII文件C.BA T文件D.FLA文件4.下列不是网页编辑软件的是_____。
A.FrontPage2000B.DreamweaverC.HomepageD.Microsoft Office Excel5. FrontPage的主要功能是_____。
A.文字处理B.表格处理C.网页制作D.网络通讯6.关于网页说明不正确的是_____。
A.网页是一种基于超文本（Hypertext）方式的文档B.网站是网页的集合C.网页文件只能运行在Windows系统上D.网页能将文本、图形、声音等多媒体信息集成起来7. FrontPage2003可以创建网站，这里的网站实际上是一个_____。
A.文件夹B.网页C.超级链接D.网络设备8.站点的基本构成单位是_____。
A.主页B.网页C.超级链接D.文本9.在FrontPage2003中，站点模板的作用是______。
A.新建一个已预先设计好样式的网站B.新建一个已预先设计好网页数的网站C.链接到一个已存在的网站D.插入外部一个已存在的网站10.以下______不是视图栏可以实现的功能。
A.记录和管理设计进程B.跟踪页面状态C.站点的修改与维护D.站点的发布11.单击导航视图窗格上的（+）和（—),可_____网页A.添加或删除B.展开或折叠C.剪切或粘贴D.剪切或删除12.在_____模式下可以看到网页之间的层次关系。
A.文件夹视图B.导航视图C.超链接视图D.报表视图13.超链接视图的链接点中的（+）号，表示本链接点除了当前链接外，_____。
网页的制作--用frontpage创建站点
二、学习者特征分析
本课的学习者是我校初二年级学生，他们求知欲强，思维活跃，视野开阔， 富有个性，他们的感知能力和思考能力较强，通过前一阶段的学习已掌握了网 络技术知识和技能，他们渴望学到更多实用而有趣的网络技术知识。frontpage 是一个所见即所得的网页制作工具，易学易用，与 word 文字处理软件类似，这 种软件有利于树立学生制作网站的信心，对提高学生的信息综合处理能力作用 较大，网站站点的建立也给学生提供了展示个性，自主、协作的机会，可促使 他们合作、主动、创造性地学习，在教学中给学生自由发挥的空间，让学生在 兴趣中自主探究学习。
聆听并思 考
回忆已有 的经验迁 移到新任 务中
观察教师
操作
学生聆听
使学生懂得 制作网页工 具有多种， 发散学生思 维
使学生明白
建立站点的
意义与作用
我们发现该站点中包含有两个子文件夹。一个
是_private 文件夹，一般用来存放一些私人的文
件，这些文件不会被别人看到。另一个是
images 文件夹，是 FrontPage 专门创建用来存放
2. 任务一：新建站点
使用【只有一个网页的站点】模板创建一个 Web 明确任务，
站点。
教师演示操作步骤：
（1）打开【文件】菜单，选择【新建】菜
单项，在子菜单中选择【站点】菜单项，出现
布置 一个【新建】对话框，在对话框的【指定新站
任务 点的位置】项中输入新站点的存放位置。
自主
（2）单击【确定】按钮。此时 FrontPage 会
制作网页就像在文字处理软件中编排多媒体文
档一样。 Flash
结合动画制作动态网页 Dreamweaver
专业人员制作网站的首选工具 ,用于对站点 ,
本课的学习者是我校初二年级学生，他们求知欲强，思维活跃，视野开阔， 富有个性，他们的感知能力和思考能力较强，通过前一阶段的学习已掌握了网 络技术知识和技能，他们渴望学到更多实用而有趣的网络技术知识。frontpage 是一个所见即所得的网页制作工具，易学易用，与 word 文字处理软件类似，这 种软件有利于树立学生制作网站的信心，对提高学生的信息综合处理能力作用 较大，网站站点的建立也给学生提供了展示个性，自主、协作的机会，可促使 他们合作、主动、创造性地学习，在教学中给学生自由发挥的空间，让学生在 兴趣中自主探究学习。
聆听并思 考
回忆已有 的经验迁 移到新任 务中
观察教师
操作
学生聆听
使学生懂得 制作网页工 具有多种， 发散学生思 维
使学生明白
建立站点的
意义与作用
我们发现该站点中包含有两个子文件夹。一个
是_private 文件夹，一般用来存放一些私人的文
件，这些文件不会被别人看到。另一个是
images 文件夹，是 FrontPage 专门创建用来存放
2. 任务一：新建站点
使用【只有一个网页的站点】模板创建一个 Web 明确任务，
站点。
教师演示操作步骤：
（1）打开【文件】菜单，选择【新建】菜
单项，在子菜单中选择【站点】菜单项，出现
布置 一个【新建】对话框，在对话框的【指定新站
任务 点的位置】项中输入新站点的存放位置。
自主
（2）单击【确定】按钮。此时 FrontPage 会
制作网页就像在文字处理软件中编排多媒体文
档一样。 Flash
结合动画制作动态网页 Dreamweaver
专业人员制作网站的首选工具 ,用于对站点 ,
《新编计算机应用基础教程》第7章：网页制作软件FrontPage 2003的使用
7.5.1 新建网页
清华大学 出版社
（1）单击“文件/新建”命令，程序的右侧将弹出 “新建”任务窗格，如图所示。 （2）在“新建网页”选项区中执行下列操作之一： 空白网页：可新建一个空白网页。 根据现有网页新建：可根据已创建 的动态网页模板创建网页。 其他网页模板：单击可根据 FrontPage 2003提供的模板创建 网页。
章目录 节目录
《新编计算机应用基础教程》——第7章 网页制作软件FrontPage 2003的使用
7.2.3 FrontPage的启动和退出
清华大学 出版社
1．启动FrontPage 方法1：单击“开始/程序/Microsoft Office / Microsoft Office FrontPage 2003”命令，则启动 FrontPage应用程序，并新建一个名为 “new_page_1.htm”的网页。 方法2：双击桌面上的FrontPage快捷方式图标 。
章目录
节目录
《新编计算机应用基础教程》——第7章 网页制作软件FrontPage 2003的使用
2．关闭网页并退出
清华大学 出版社
退出FrontPage前，应将文件保存，若文件尚未保存， FrontPage会在关闭窗口前提示保存文件。 （1）关闭当前网页 方法1：选择“文件/关闭”菜单命令。 方法2：单击菜单栏最右侧的“关闭窗口”按钮 。 （2）直接退出FrontPage应用程序 方法1：单击标题栏最右边的“关闭”按钮 。 方法2：单击“文件/退出”命令。 方法3：当FrontPage应用程序窗口作为当前活动窗口时， 按Alt+F4键。 方法4：单击FrontPage窗口左上角的图标 ，从弹出的菜 单中单击“关闭”命令（或直接双击图标 ）。
第七章 FrontPage 2003网页制作
新编计算机办公自动化基础教程
新建的网站中没有任务。如果要为新建的网站添加相关的任
务，在“任务”视图中的网页编辑区中单击鼠标右键，在弹出的
快捷菜单中选择“添加任务”命令，即可弹出如图7.1.14所示的 “新建任务”对话框。
图7.1.14 “新建任务”对话框
新编计算机办公自动化基础教程
在“任务名称”文本框中输入相关的任务名称，在“说明” 文本框中输入相关的说明文字，单击“确定”按钮，即可在“任 务”视图中添加任务。 四、退出FrontPage 2003
新编计算机办公自动化基础教程
（3）“代码”视图。在网页基本视图区中，单击“代码” 按钮，即可切换到“代码”视图，如图7.1.6所示。在该视图中， 用户可以自己查看、编写和编辑HTML标记。使用FrontPage 2003 中的优化代码功能，还可以创建简洁、明了的HTML代码，更易
于删除任何不需要的代码。
新编计算机办公自动化基础教程
（3）在该对话框中选择“空白网页”选项，单击“确定” 按钮，即可创建一个只包含private和image文件夹的空白站点。 四、打开和关闭网站 如果要对某个网站进行编辑修改，可先将其打开，然后再进 行其他编辑操作。用户可以使用以下两种方法打开站点。
几种。
新编计算机办公自动化基础教程
1．通过“开始”菜单启动 选择“开始”→“所有程序”→“Microsoft Office”→“Microsoft Office FrontPage 2003”命令，如图7.1.1所示，
即可启动FrontPage 2003应用程序。
2．通过快捷方式启动 如果用户经常使用FrontPage 2003应用软件，即可在桌面上 创建其快捷方式，双击桌面上的快捷方式图标，即可启动应用 程序。
第7章 FrontPage 2003网页制作技术
第7章 FrontPage 2003网页制作技术
大学计算机基础
第7章 FrontPage 2003网页制作技术
章节目录
作业实验
结束放映
7.1 7.2 7.3 7.4 7.5
FrontPage 2003的基本操作 超 链 接 表 单 框架技术 FrontPage的站点管理
嘉兴学院计算机公共课教研组
2013年7月25日4时46分
添加方法
“插入”菜单→ “插入web组件”命令→选择 “交 互式按钮”。
嘉兴学院计算机公共课教研组 2013年7月25日4时46分 19/38
第7章 FrontPage 2003网页制作技术
大学计算机基础
7.1.8 插入组件
章节目录
3．Web搜索
作业实验
结束放映
Web搜索在网页中添加搜索表单，可以为网站制作 一个简单的站内搜索引擎。Web搜索需要安装 Microsoft 的 FrontPage 2002 Server Extensions才能正确 运行。 添加方法
作业实验
利用新建任务窗格栏创建 利用工具栏“新建普通网页”按钮创建。
结束放映
(1) 开
(2)
利用新建任务窗格栏创建 文档的创建、保存和打
利用工具栏“新建普通网页”按钮创建
(3)
保存网页
嘉兴学院计算机公共课教研组Biblioteka 2013年7月25日4时46分
7/38
第7章 FrontPage 2003网页制作技术
嘉兴学院计算机公共课教研组 2013年7月25日4时46分 18/38
第7章 FrontPage 2003网页制作技术
大学计算机基础
7.1.8 插入组件
大学计算机基础
第7章 FrontPage 2003网页制作技术
章节目录
作业实验
结束放映
7.1 7.2 7.3 7.4 7.5
FrontPage 2003的基本操作 超 链 接 表 单 框架技术 FrontPage的站点管理
嘉兴学院计算机公共课教研组
2013年7月25日4时46分
添加方法
“插入”菜单→ “插入web组件”命令→选择 “交 互式按钮”。
嘉兴学院计算机公共课教研组 2013年7月25日4时46分 19/38
第7章 FrontPage 2003网页制作技术
大学计算机基础
7.1.8 插入组件
章节目录
3．Web搜索
作业实验
结束放映
Web搜索在网页中添加搜索表单，可以为网站制作 一个简单的站内搜索引擎。Web搜索需要安装 Microsoft 的 FrontPage 2002 Server Extensions才能正确 运行。 添加方法
作业实验
利用新建任务窗格栏创建 利用工具栏“新建普通网页”按钮创建。
结束放映
(1) 开
(2)
利用新建任务窗格栏创建 文档的创建、保存和打
利用工具栏“新建普通网页”按钮创建
(3)
保存网页
嘉兴学院计算机公共课教研组Biblioteka 2013年7月25日4时46分
7/38
第7章 FrontPage 2003网页制作技术
嘉兴学院计算机公共课教研组 2013年7月25日4时46分 18/38
第7章 FrontPage 2003网页制作技术
大学计算机基础
7.1.8 插入组件
Internet应用与网页制作-FrontPage的基本操作
7.2 网页的基本操作
7.2.1 文件操作
7.2.1.1 创建网页 7.2.1.2 打开网页 7.2.1.3 保存网页
7.2.2 设置网页属性
7.2.2.1 设置“常规”网页属性 7.2.2.2 设置“背景”网页属性
7.2.3 网页测试
7.3 编辑网页内容
7.3.1 插入网页内容
7.3.1.1 输入文字 7.3.1.2 插入水平线 7.3.1.3 插入特殊符号 7.3.1.4 插入注释
7.3.2 编辑操作
7.3.2.1 选定文本 7.3.2.2 删除文本 7.3.2.3 移动与复制文本 7.3.2.4 查找与替换
7.4 设置网页格式
7.4.1 字体格式的设置
7.4.1.1 使用“格式”工具栏 7.4.1.2 使用“字体”对话框
7.4.2 段落格式的设置
7.4.2.1 使用“格式”工具栏 7.4.2.2 使用“段落”对话框
7.4.7.1 复制文本格式 7.4.7.2 复制段落格式
7.4.8 使用网页过渡 7.4.9 应用主题
7.4.3 应用样式
7.4.4 列表格式的设置
7.4.4.1 使用“格式”工具栏应用列表格式 7.4.4.2 应用无格式项目列表 7.4.4.3 应用图片项目列表 7.4.4.4 应用编号列表
7.4.5 使用边框和阴影
7.4.5.1 使用边框 7.4.5.2 使用阴影
7.4.6 动态HTML效果 7.4.7 复制格式
第7章 FrontPage的基本操作
7.1 FrontPage的界面 7.2 网页的基本操作 7.3 编辑网页内容 7.4 设置网页格式
本章内容要点： • FrontPage的界面元素； • 各种网页的基本操作； • 如何编辑网页内容； • 设置网页格式的各种方法。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
“打开文件”对话框
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
⑵从Web站点中打开网页。 单击“搜索Web”图标按钮 ，打开IE浏 览器窗口，从中选择所需的网页。 ⑶打开最近使用过的网页。 单击“文件”下拉菜单中的“最近使用的 文件”级联菜单，从中选择最近访问过的网页 即可。
3．“报表”视图
图7.1.4
“报表”视图
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
4．“导航”视图
图7.1.5
“导航”视图
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
5．“超链接”视图
图7.1.6
“超链接”视图
上一页
下一页
返回本章首页
第7章 网页制作工具FrontPage 2000
7.4.1
文本编辑
1．编辑文本 2．图像列表
3．可折叠列表
4．水平线
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
1．编辑文本
FrontPage中经常使用的编辑操作有： 选中文本、删除、剪切、复制、粘贴、查找、 替换、文本插入等。文字格式设定有：字体、 字型、字号、字体颜色、字符间距及各种字 体修饰等。段落格式设定有：行间距、段间 距、左右缩进、对齐方式等。
第7章 网页制作工具FrontPage 2000
图7.4.2
“项目符号和编号方式”对话框
图7.4.3 图像列表
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
3．可折叠列表
通过折叠列表可以使列表像资源管 理器中的文件夹一样，用鼠标单击才能 显示下一级列表，再用鼠标单击又折叠 起来，从而使页面清晰整洁。
2．删除站点
单击“编辑”菜单栏中的“删除”命令。打开 “确 认删除”对话框。
如果要将整个站点删除，则选中“删除整个站点” 单选按钮； 如果不想将该站点下的文件删除，则可以选中 “只删除此站点中的FrontPage信息，保留所有的其他 文件和文件夹”单选按钮，然后单击“确定”按钮。
采用后一种方法删除站点后，该站点将变为一个普 通的文件夹。
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
2．新建站点
启动FrontPage，单击“文件”菜单， 选择其中的“新建”级联菜单，单击“站
点”命令，打开 “新建站点”对话框 。
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
上一页 下一页 返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
图7.4.6
“网页属性”对话框
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
⑵背景图片
在 “网页属性”对话框中，选中“格式”区 中的“背景图片”复选框，再单击“浏览”按钮， 从打开的 “选择背景图片”之“选择文件”对 话框中查找满意的图片，或单击“剪贴画”按钮， 可以从Microsoft剪贴画库中获取喜欢的图案。
第7章 网页制作工具FrontPage 2000
1．打开和关闭站点
单击“文件”菜单中的“打开站点” 命令，打开 “打开站点”对话框。
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
图7.2.3 上一页
“打开站点”对话框 下一页 返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
第7章 网页制作工具FrontPage 2000
第7章
7.1 7.2 7.3 7.4 7.5 7.6 7.7 7.8
网页制作工具FrontPage 2000
认识FrontPage 2000 创建站点 建立网页 网页的设计 框架网页 设计动态网页 设计交互式表单 站点的发布
上一页 上一章
下一页 下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
图7.3.1 “新建”网页对话框
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
7.3.2
网页的基本操作
1．打开网页 2．保存网页
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
图7.3.3
“另存为”对话框
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
7.4
网页的设计
7.4.1
7.4.2
文本编辑
设置网页背景与插入图像
7.4.3
7.4.4
表格
超级链接
7.3.1
新建网页
创建一个新的网页有三种方法：使用空白 页、使用向导和使用模板。单击“文件”菜单， 从下拉菜单“新建”的级联菜单中选择“网页” 命令，打开“新建”对话框。
单击“常规”选项卡，在列表框中显示 了FrontPage提供的创建网页的26种模板，使 用各类模板可以创建不同类型的网页。
上一页
下一页
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
7.4.3
表格
在FrontPage中对表格的操作与Word中 的操作方法基本一致，有四种创建表格的方法： “插入表格”命令、“插入表格”按钮、手动 绘制和文本转换为表格。
鼠标右击表格区，单击“表格属性”命令， 打开“表格属性”对话框，可以设置“布局” 的对齐方式、单元格边距与间距；“边框”的 粗细、颜色；“背景”的颜色及使用背景图片 等。
在“开始”菜单中选择“程序”级联菜单，单 击“Microsoft FrontPage”命令，启动FrontPage 。
FrontPage的窗口由标题栏、菜单栏、工具 栏、视图栏、编辑窗口（工作区）、显示网页 的方式及状态栏组成。
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
第7章 网页制作工具FrontPage 2000
1．设置网页背景
网页背景包括：背景颜色和背景图片。
⑴背景颜色
鼠标右击网页编辑区，从弹出的快捷菜单 中单击“网页属性”命令，打开“网页属性” 对话框。单击“背景”选项卡，在“颜色”区 中，可以从“背景”下拉列表中选择一种背景 颜色，也可以进一步从“其他颜色”中选取自 定义的颜色。
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
图7.4.4
可折叠列表
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
4．水平线
水平线用于分割网页中的不同内容， 可以把网页划分成不同的主题部分。通 常用于划分标题和主体部分。
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
图7.4.7
“选择背景图片”对话框
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
2．插入图像
与背景图片类似，插入图片的具体方法： 单击“插入”菜单，选择“图片”级联菜单 中的“来自文件”命令，打开“图片”对话 框，查找合适的图片文件，单击“确定”按 钮。也可以在“图片”对话框中的“URL” 中输入网址，从网上搜索适合的图片；或单 击“剪贴画”按钮，选择适合的图案。
图7.2.1 上一页
“新建站点”对话 框 下一页 返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
3．修改站点
单击“工具”菜单，选择“站点设置” 命令，打开 “站点设置”对话框（或在导航 视图中单击鼠标右键，从弹出的快捷菜单中 选择“站点设置”命令，也可以打开此对话 框）。在“常规”选项卡中可以改变站点的 名称。
返回本章首页 返回主目录
第7章 网页制作工具FrontPage 2000
7.1
7.1.1
7.1.2
认识FrontPage 2000
启动FrontPage 2000
认识FrontPage 2000窗口
上一页
下一页
返回本章首页
第7章 网页制作工具FrontPage 2000
7.1.1
启动FrontPage 2000
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
6．“任务”视图
单击视图栏中的“任务”按钮，切换到 “任务”视图模式。将需要做的工作以任务 分配形式显示出来，进行简单的管理。
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000
图7.2.4 “确认删除”对话框
上一页
下一页
返回本节目录 返回本章首页
第7章 网页制作工具FrontPage 2000