《[计算机软件及应用]计算机基础-应用案例与实践指导知识要点概述7》由会员分享，可在线阅读，更多相关《[计算机软件及应用]计算机基础-应用案例与实践指导知识要点概述7（41页珍藏版）》请在金锄头文库上搜索。
1、1,案例实践7 知识要点概述,-应用案例与实践指导,计算机基础,2,案例实践7 网页制作软件ProntPage,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,3,网页制作软件prontPage FrontPage软件简介,FrontPage介绍 FrontPage是Office的一员，其主要功能是制作、调试、浏览和发布网页。由于采用“所见即所得”的制作方式以及拥有与Office其他组件相同的工作界面和类似的操作方法，给用户的学习和使用带来很大的方便。 想在Internet上拥有自己的一片天空，向世界展示自己，FrontPage是一个十分简便且能创建出具
2、有专业水准的Web站点的工具。,4,网页制作软件prontPage 网站与网页,网站与网页 网站是WWW网上的网页存放处，网页与网页之间用超链接联系。 网站就是多个相关的网页通过各种链接关联起来的集合，创建网站就是指在硬盘上建立一个新的文件夹，用来存放这个网站的所有相关网页和图形文件。 网站是由一个个网页组成的一个集合，网站建好后，就要建网页。FrontPage提供了多种网页模板，使用户能够快速创建外观专业、设计完善的网页。,5,网页制作软件prontPage 网站与网页,站点及网页的创建和保存 要创建网站的基本步骤： 选择主题； 规划网页，包括网页的结构与链接关系； 组织素材； 选择视觉外观
3、； 设计有效的页面布局； 制作具体网页； 发布网站信息。,6,网页制作软件prontPage 网站与网页,启动与主窗口 FrontPage 的启动与Office其他应用程序一样，启动后的FrontPage主窗口如图所示，由标题栏、菜单栏、工具栏、主编辑窗口、状态栏和任务窗格组成。,7,网页制作软件prontPage 网站与网页,创建网站 运用FrontPage 提供的向导和模板可以快速地创建一个新的网站。使用【文件】菜单【新建】命令，出现【新建】任务窗格，见图所示。 在【新建】任务窗格中选择【由一个网页组件的网站】或【其他网站模板】，打开【网站模板】对话框。,8,网页制作软件prontPage
4、 网站与网页,创建网站 在【网站模板】对话框， 选择想要使用的模板，设置好网站的位置，单击确定按钮便将新创建的网站保存在指定位置。,9,网页制作软件prontPage 网站与网页,创建网站 网站建立后，即在用户区显示出网站的文件夹树和其中的文件列表，选择【只有一个网页的网站】模板，它是只包含一个主页面的空白网站，可以根据需要以主页为基础添加其他网页，网站如果有很多网页，他们之间是以主页为中心联系在一起的。,10,网页制作软件prontPage 网站与网页,创建网页 创建网页的操作方法与创建网站相似：使用【文件】菜单【新建】命令，在【新建】任务窗格中选择【其他网页模板】，打开【网页模板】对话框，
5、默认打开的是常规选项卡， 选择想要使用的网页模板，会在预览中显示该模板的缩略图，单击确定按钮。 FrontPage便根据模板创建一个新的网页。如选择【空白网页】，则创建一个空白网页。,11,网页制作软件prontPage 网站与网页,创建网页 新建一个网页文件后，需要将文件保存起来，保存文件的操作同其他应用软件。 在【常用】工具栏上单击 按钮或打开文件菜单，选择保存命令。,12,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件ProntPage,13,网页制作软件prontPage 网页文本编辑,编辑文字可以选择网页视图的标签：设
6、计、拆分、代码、预览。页元素的插入包括：换行符、水平线、背景、背景音乐、图片、表格、字幕（电子广告牌）等。 添加标题 添加标题就是给网页起个名字。标题可以提示访问者当时所处的位置和所查看的内容。添加标题可以在【网页属性】对话框中设置。打开网页属性对话框有两种方法：打开【文件】菜单选择【属性】或在网页数单击鼠标右键，从快捷菜单中选择【网页属性】。 编辑网页文本 编辑网页文本以及设置文本、段落的格式，主要通过【格式】菜单进行，在【字体】对话框中设置文本的字体、大小、字体颜色等。在【段落】对话框中，对段落进行设置。具体操作与Word中文本的编辑和格式化一样。,14,网站与网页 文本编辑 图片编辑 表
7、格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件ProntPage,15,网页制作软件prontPage 网页图片编辑,图片操作 网页中添加适当的图片比单纯用大量文字描述更具吸引力，网页中可以插入的图片格式主要有GIF、JPG和PNG等。图片过多会影响网页在浏览器内显示的速度，在插入图片时要有选择，适度使用能使网页丰富多彩，增强网页的整体效果。为了便于管理和图片的正常显示，在网页中添加图片时，最好将有关的图片文件和网页存放在同一个文件夹下，在图片的URL地址栏中尽量使用相对路径。,16,网页制作软件prontPage 网页图片编辑,插入图片 光标定位到需要插入图片
8、的位置，选择【插入】菜单的【图片】命令，单击【来自文件】命令，打开【图片】对话框。 FrontPage默认的图片存放位置是当前站点的目录或它的子目录，这个对话框列出了当前站点中的图片文件。如果要插入的图片不在当前站点，可单击对话框上的资源管理器按钮再进行选择。 也可以在网页中插入剪贴画，操作方法是：选择【插入】菜单的【图片】命令，单击【剪贴画】命令。 设置图片外观 鼠标右键单击图片，选择快捷菜单中的【图片属性】命令，会打开【图片属性】对话框，选择【外观】选项卡，可以设置图片的大小、对齐方式、图片的边框等。,17,网页制作软件prontPage 网页图片编辑,设置背景图 可以使用图片作为网页的背
9、景图。鼠标右键单击编辑区域内任意位置，单击快捷菜单中【网页属性】命令，在弹出的网页属性对话框中选择【背景】选项卡，选中【背景图片】复选框，再通过浏览按钮选择作为背景的图片文件。 保存图片 网页中插入的图片都以独立的文件存在。如果在网页中插入当前站点目录外的图片，保存完网页后，会弹出【保存嵌入式文件】对话框，用于指定图片保存的位置和文件名。,18,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件ProntPage,19,网页制作软件prontPage 网页表格编辑,表格操作 表格可以有效地组织网页上的文本、图像等信息，因此往往利用表
10、格对页面进行布局。可以在表格行列交叉处的方格（单元格）内安排文字、图片和其它网页内容，可以根据需要选择表格是否需要显示边框线。,20,网页制作软件prontPage 网页表格编辑,建立表格 把光标移到要插入表格的位置，选择【表格】菜单的【插入】命令，单击【表格】命令，在弹出的【插入表格】对话框中设定行数和列数，即可插入一个表格。 如果表格要添加标题，选择【表格】菜单的【插入】命令，单击【标题】命令。表格建好后就可以在单元格内输入内容了。,21,网页制作软件prontPage 网页表格编辑,设置属性 选择【表格】菜单的【属性】命令，选择【表格】命令，将打开【表格属性】对话框。 在【表格属性】对话
11、框中可以设置表格的对齐方式；为了让文本与表格融为一体，可以使表格浮动对齐；可以指定表格的高度、宽度；将“边框粗细”的值设为0，则可以设置表格无边框；可以设置表格的背景颜色和背景图片。 选择【表格】菜单的【属性】命令，选择【单元格】命令，将打开【单元格属性】对话框。在对话框属性中可以修改单元格的布局、对齐方式和大小；创建标题单元格；设置单元格的背景及边框色。,22,网页制作软件prontPage 网页表格编辑,编辑表格 选定表格对象。先选定编辑对象，再进行编辑操作。将光标定位在表格中后，选择【表格】菜单的【属性】命令，可选定单元格、行、列、表格。可以按下鼠标左键在单元格上拖曳，选定一块区域。 插
12、入与删除。选择【表格】菜单的【插入】命令，可以插入单元格、行和列、表格。选定表格对象，选择【表格】菜单的【删除单元格】命令，可以删除选定的对象。 单元格的拆分与合并。选定连续单元格，执行【表格】菜单的【合并单元格】命令，连续单元格就合并成为一个单元格了。也可以把一个单元格分成几个单元格，把插入点放到要拆分的单元格里，选择【表格】菜单的【拆分单元格】命令，在【拆分单元格】对话框里可以设置是拆分成行还是列。,23,网页制作软件prontPage 网页表格编辑,表格的综合布局 先通过【布局表格】功能来为网页布局创建一个框架，然后通过【布局单元格】功能为该框架填充包含有网页内容（包括文本、图像、Web
13、部件和其他元素）的区域，也就是单元格。 也可以通过已经插入的表格，用表格来布局网页。首先决定表格在水平方向和垂直方向上所需的单元格数量，然后为需要跨越多行或多列的对象合并单元格。大多数网页布局采用了带有不可见边框的表格。,24,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件ProntPage,25,网页制作软件prontPage 网页超链接编辑,超链接操作 网页的强大之处就在它的超链接，在浏览器中通过点击网页中的超链接，可以很方便地打开另外一个网页，或者是图片、文件、邮件地址。一个网页中的链接分成两个部分：链接的载体和链接的目标
14、地址。 链接的载体就是网页中的文字和图片，凡是包含链接的文字和图片都称为超链接。,26,网页制作软件prontPage 网页超链接编辑,文本超链接 首先选定要建立超链接的文本，再单击常用工具栏上的【超链接】按钮，或单击鼠标右键，在快捷菜单中单击【超链接】命令，打开【超链接】对话框。用户可以从对话框中选择对应的网页文件，也可以选择要链接的目标文件，也可以选择电子邮件地址。,27,网页制作软件prontPage 网页超链接编辑,图片超链接 热点也叫热区，是图像上具有超链接的区域，一幅图片上可以包含若干个热点。热点形状可以是矩形、圆形或多边形，热点位置可自行确定。 （1）先打开需要建立图片热区的网页
15、文件； （2）执行【视图】【工具栏】【图片】命令，展开【图片】工具栏； （3）选中一种热区类型（如“长方形”），然后在图片上拖出一个热区，此时系统自动弹出【插入超链接】对话框； （4）在【地址】栏上输入要链接的网址； （5）同理，重复上述3、4步的操作，可以在图片的不同部位建立多个热区。,28,网页制作软件prontPage 网页超链接编辑,书签 在一个有较长和较多层次内容的网页中，启用书签功能将会使浏览更加方便。先在网页中【插入】【书签】定义书签，然后建立书签的超链接。 编辑超链接 选中某个超链接，单击鼠标右键，从弹出的快捷菜单中选择【超链接属性】命令，或者单击【插入】【超链接】命令，均可打
16、开【编辑超链接】对话框，用户可以修改超链接的目标地址或删除目标地址以取消该超链接。 设置超链接的颜色 用鼠标右键单击网页，再单击快捷菜单上的【网页属性】； 单击【格式】选项卡；在 “颜色”之下的“超链接”、“已访问的超链接”以及“当前超链接”框中，选择要使用的颜色。,29,网页制作软件prontPage 网页超链接编辑,设置屏幕提示 在创建超链接时将屏幕提示添加到超链接中，这样当用户将鼠标移到超级链接上的时候，屏幕提示就会出现，给出这个超级链接的概述。 设置屏幕提示的方法是：在【网页】视图中，右击超级链接，在快捷菜单中执行【超链接属性】命令。在弹出【编辑超链接】（ 如果正在创建超链接，则该对话框称为【插入超链接】）对话框中，单击【屏幕提示】。在【设置超链接屏幕提示】对话框中键入站点访问者将鼠标指针停放在该超链接上时要出现的文本，再单击【确定】返回。再次单击【确定】。保存网页后，用户就可以对网页进行预览了。,30,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果
