《计算机公共基础教程第二版)电子教案李存斌第7章网页frontpage》由会员分享，可在线阅读，更多相关《计算机公共基础教程第二版)电子教案李存斌第7章网页frontpage（87页珍藏版）》请在金锄头文库上搜索。
1、第7章 网页制作工具FrontPage 2000,7.1 认识FrontPage 2000 7.2 创建站点 7.3 建立网页 7.4 网页的设计 7.5 框架网页 7.6 设计动态网页 7.7 设计交互式表单 7.8 站点的发布,下一页,返回主目录,上一章,7.1 认识FrontPage 2000,7.1.1 启动FrontPage 2000 7.1.2 认识FrontPage 2000窗口,7.1.1 启动FrontPage 2000,在“开始”菜单中选择“程序”级联菜单，单击“Microsoft FrontPage”命令，启动FrontPage 。,FrontPage的窗口由标题栏、菜单
2、栏、工具栏、视图栏、编辑窗口（工作区）、显示网页的方式及状态栏组成。,返回本节目录,图7.1.1 FrontPage 2000主窗口,返回本节首页,本节结束,返回本节目录,7.1.2 认识FrontPage 2000窗口,FrontPage有6种视图模式，这为网页的编写、站点的管理提供了极大的方便。可以使用不同的视图方式来浏览站点、编辑和修改站点的结构。,返回本节目录,1“网页”视图,图7.1.2 “网页”视图,返回本节目录,2“文件夹”视图,图7.1.3 “文件夹”视图,返回本节目录,3“报表”视图,图7.1.4 “报表”视图,返回本节目录,4“导航”视图,图7.1.5 “导航”视图,返回本
3、节目录,5“超链接”视图,图7.1.6 “超链接”视图,返回本节目录,单击视图栏中的“任务”按钮，切换到“任务”视图模式。将需要做的工作以任务分配形式显示出来，进行简单的管理。,6“任务”视图,返回本节目录,7.2 创建站点,7.2.1 新建站点 7.2.2 站点的基本操作,7.2.1 新建站点,1站点概念 2新建站点 3修改站点,返回本节目录,站点实际上是一个文件夹，这个文件夹和普通的文件夹相比，具有了一些特殊的属性，它是计算机上的一个站点，而不是单纯的文件夹。,1站点概念,返回本节目录,启动FrontPage，单击“文件”菜单，选择其中的“新建”级联菜单，单击“站点”命令，打开 “新建站点
4、”对话框 。,2新建站点,返回本节目录,图7.2.1 “新建站点”对话框,返回本节目录,单击“工具”菜单，选择“站点设置”命令，打开 “站点设置”对话框（或在导航视图中单击鼠标右键，从弹出的快捷菜单中选择“站点设置”命令，也可以打开此对话框）。在“常规”选项卡中可以改变站点的名称。,3修改站点,返回本节目录,图7.2.2 “站点设置”对话框,返回本节目录,7.2.2 站点的基本操作,1打开和关闭站点 2删除站点,返回本节目录,单击“文件”菜单中的“打开站点”命令，打开 “打开站点”对话框。,1打开和关闭站点,返回本节目录,图7.2.3 “打开站点”对话框,返回本节目录,单击“编辑”菜单栏中的“
5、删除”命令。打开 “确认删除”对话框。,2删除站点,如果要将整个站点删除，则选中“删除整个站点”单选按钮；,如果不想将该站点下的文件删除，则可以选中“只删除此站点中的FrontPage信息，保留所有的其他文件和文件夹”单选按钮，然后单击“确定”按钮。,采用后一种方法删除站点后，该站点将变为一个普通的文件夹。,返回本节目录,图7.2.4 “确认删除”对话框,返回本节目录,7.3 建立网页,7.3.1 新建网页 7.3.2 网页的基本操作,7.3.1 新建网页,创建一个新的网页有三种方法：使用空白页、使用向导和使用模板。单击“文件”菜单，从下拉菜单“新建”的级联菜单中选择“网页”命令，打开“新建”
6、对话框。,单击“常规”选项卡，在列表框中显示了FrontPage提供的创建网页的26种模板，使用各类模板可以创建不同类型的网页。,返回本节目录,图7.3.1 “新建”网页对话框,返回本节目录,7.3.2 网页的基本操作,1打开网页 2保存网页,返回本节目录,从本地磁盘或局域网中打开网页。,1打开网页,单击“文件”菜单中的“打开”命令，或单击工具栏上的“打开”按钮 。打开 “打开文件”对话框。在“查找范围”下拉列表框中选择站点，从文件列表中选定要打开的文件。,返回本节目录,图7.3.2 “打开文件”对话框,返回本节目录,从Web站点中打开网页。,单击“搜索Web”图标按钮 ，打开IE浏览器窗口，
7、从中选择所需的网页。,打开最近使用过的网页。,单击“文件”下拉菜单中的“最近使用的文件”级联菜单，从中选择最近访问过的网页即可。,返回本节目录,单击“文件”菜单中的“保存文件”命令，打开 “另存为”对话框，可以选择网页文件的“保存位置”，输入网页文件的“文件名”，选择网页文件的“保存类型”。单击“更改”按钮，在打开的“设置网页标题”对话框中可以更改网页的标题。,2保存网页,返回本节目录,图7.3.3 “另存为”对话框,返回本节目录,7.4 网页的设计,7.4.1 文本编辑 7.4.2 设置网页背景与插入图像 7.4.3 表格 7.4.4 超级链接,7.4.1 文本编辑,1编辑文本 2图像列表
8、3可折叠列表 4水平线,返回本节目录,FrontPage中经常使用的编辑操作有：选中文本、删除、剪切、复制、粘贴、查找、替换、文本插入等。文字格式设定有：字体、字型、字号、字体颜色、字符间距及各种字体修饰等。段落格式设定有：行间距、段间距、左右缩进、对齐方式等。,1编辑文本,返回本节目录,图7.4.1 文本输入示例,返回本节目录,图像列表就是将普通项目符号列表中的项目符号用图像代替。,2图像列表,返回本节目录,图7.4.2 “项目符号和编号方式”对话框,图7.4.3 图像列表,返回本节目录,通过折叠列表可以使列表像资源管理器中的文件夹一样，用鼠标单击才能显示下一级列表，再用鼠标单击又折叠起来，
9、从而使页面清晰整洁。,3可折叠列表,返回本节目录,图7.4.4 可折叠列表,返回本节目录,水平线用于分割网页中的不同内容，可以把网页划分成不同的主题部分。通常用于划分标题和主体部分。,4水平线,返回本节目录,图7.4.5 “水平线属性”对话框,返回本节目录,7.4.2 设置网页背景与插入图像,1设置网页背景 2插入图像,返回本节目录,网页背景包括：背景颜色和背景图片。,1设置网页背景,背景颜色,鼠标右击网页编辑区，从弹出的快捷菜单中单击“网页属性”命令，打开“网页属性”对话框。单击“背景”选项卡，在“颜色”区中，可以从“背景”下拉列表中选择一种背景颜色，也可以进一步从“其他颜色”中选取自定义的
10、颜色。,返回本节目录,图7.4.6 “网页属性”对话框,返回本节目录,背景图片,在 “网页属性”对话框中，选中“格式”区中的“背景图片”复选框，再单击“浏览”按钮，从打开的 “选择背景图片”之“选择文件”对话框中查找满意的图片，或单击“剪贴画”按钮，可以从Microsoft剪贴画库中获取喜欢的图案。,返回本节目录,图7.4.7 “选择背景图片”对话框,返回本节目录,与背景图片类似，插入图片的具体方法：单击“插入”菜单，选择“图片”级联菜单中的“来自文件”命令，打开“图片”对话框，查找合适的图片文件，单击“确定”按钮。也可以在“图片”对话框中的“URL”中输入网址，从网上搜索适合的图片；或单击“
11、剪贴画”按钮，选择适合的图案。,2插入图像,返回本节目录,7.4.3 表格,在FrontPage中对表格的操作与Word中的操作方法基本一致，有四种创建表格的方法：“插入表格”命令、“插入表格”按钮、手动绘制和文本转换为表格。,鼠标右击表格区，单击“表格属性”命令，打开“表格属性”对话框，可以设置“布局”的对齐方式、单元格边距与间距；“边框”的粗细、颜色；“背景”的颜色及使用背景图片等。,返回本节目录,图7.4.8 制作表格的样例,返回本节目录,图7.4.9 “表格属性”对话框,返回本节目录,7.4.4 超级链接,1创建指向站点内的网页或文件夹的超链接 2创建指向Web站点上的网页或文件夹的超
12、链接 3创建指向电子邮件的超链接 4删除超链接,返回本节目录,1创建指向站点内的网页或文件夹的超链接,在网页视图模式下，先选中需要创建超链接的对象，单击工具栏上的“插入超链接”按钮 ，再从已经建立的网站中搜索网页文件。,返回本小节,返回本小节,2创建指向Web站点上的网页或文件夹的超链接,在网页视图模式下，先选中需要创建超链接的对象，单击工具栏上的“插入超链接”按钮 ，再从URL下拉列表框中输入或选择要链接的Web站点地址，如站点。,返回本小节,3创建指向电子邮件的超链接,在网页视图模式下，先选中需要创建超链接的对象，打开“创建超链接”对话框，在URL下拉列表框中输入mailto:，或单击“制
13、作发送电子邮件的超链接”按钮 ，打开 “创建电子邮件超链接”对话框，然后输入电子邮件地址。,返回本小节,图7.4.11 “创建电子邮件超链接”对话框,返回本小节,在网页视图模式下，先选中已建立超链接的对象，单击工具栏上的“插入超链接”按钮，打开的“编辑超链接”对话框，将URL下拉列表框中的链接地址删除。或鼠标右击已建立超链接的对象，从弹出的快捷菜单中单击“超级链接”级联菜单中的“取消超级链接”命令。,4删除超链接,返回本小节,7.5 框架网页,7.5.1 创建框架网页 7.5.2 保存框架网页,7.5.1 创建框架网页,FrontPage为创建框架网页提供了10种网页模板，学习其中的“嵌套式层
14、次结构”框架模板来创建框架网页的方法。,返回本节目录,框架网页样例：,图7.5.1 “嵌套式层次结构”框架网页示例,返回本节目录,单击“文件”下拉菜单中的“新建”，从级联菜单中选择“网页”命令，打开“新建”对话框，单击“框架网页”选项卡。,图7.5.2 “新建”之“框架网页”对话框,返回本节目录,选择“嵌套式层次结构”框架模板。创建了框架网页中各框架的初始网页后，就可以编辑、修改网页元素，添加超链接等。,图7.5.3 “嵌套式层次结构”框架网页,返回本节目录,7.5.2 保存框架网页,在网页视图模式下，先选中要保存的框架网页，然后单击工具栏上的“保存文件”按钮，打开“另存为”对话框。要将每一个
15、框架中所涉及到的网页都要保存。,返回本节目录,图7.5.4 框架网页“另存为”对话框,返回本节目录,7.6 设计动态网页,在网页中加入一些动态元素，如动态按钮、滚动字幕、计数器等，可以使网页生动、活泼。这种含有动态元素的网页称为动态网页（DHTML）。,1动态字幕 2悬停按钮 3横幅广告 4站点计数器,创建水平滚动的文本消息字幕。,1动态字幕,在网页视图模式下，将光标放在要插入字幕的位置，或选择要显示在字幕中的文本。,单击“插入”菜单中的“组件”菜单，从级联菜单中选择“字幕”命令，打开“字幕属性”对话框。在“文本”框中输入字幕的内容，文本内容的长度没有限制（也可以在网页中选择文本，将其设置成字
16、幕）。,返回本节目录,图7.6.1 “字幕属性”对话框,返回本节目录,在网页视图模式下，将光标置于要插入悬停按钮的位置。单击“插入”菜单中的“组件”菜单，从级联菜单中选择“悬停按钮”命令。,2悬停按钮,在“按钮文本”文本框中，输入将显示在悬停按钮上的文本内容。在“按钮颜色”下拉列表框中为按钮选择一种前颜色。还可以在“背景颜色”下拉列表框中为按钮选择一种背景颜色。,设置按钮的悬停效果。包括：“效果” （共有七种）及“效果颜色” 等参数值。,返回本节目录,图7.6.2 “悬停按钮属性”对话框,返回本节目录,在网页视图模式下，将光标置于要创建横幅广告的位置。单击“插入”菜单中的“组件”菜单，从级联菜单中选择“横幅广告管理器”命令，打开“横幅广告管理器属性”对话框。,3横幅广告,在“宽度”、“高度”文本框中输入横幅广告显示区域的大小，其大小应
