计算机基础-应用案例与实践指导知识要点概述7.ppt

1、1,案例实践7 知识要点概述,-应用案例与实践指导,计算机基础,2,网页制作软件prontPage FrontPage软件简介,FrontPage介绍 FrontPage是Office的一员，其主要功能是制作、调试、浏览和发布网页。由于采用“所见即所得”的制作方式以及拥有与Office其他组件相同的工作界面和类似的操作方法，给用户的学习和使用带来很大的方便。 想在Internet上拥有自己的一片天空，向世界展示自己，FrontPage是一个十分简便且能创建出具有专业水准的Web站点的工具。,3,网页制作软件prontPage 功能,4,网页制作软件prontPage 功能,5,案例实践7 网页

2、制作软件ProntPage,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,6,网页制作软件prontPage FrontPage软件简介,FrontPage介绍 FrontPage是Office的一员，其主要功能是制作、调试、浏览和发布网页。由于采用“所见即所得”的制作方式以及拥有与Office其他组件相同的工作界面和类似的操作方法，给用户的学习和使用带来很大的方便。 想在Internet上拥有自己的一片天空，向世界展示自己，FrontPage是一个十分简便且能创建出具有专业水准的Web站点的工具。,7,网页制作软件prontPage 网站与网页,网站

3、与网页 网站是WWW网上的网页存放处，网页与网页之间用超链接联系。 网站就是多个相关的网页通过各种链接关联起来的集合，创建网站就是指在硬盘上建立一个新的文件夹，用来存放这个网站的所有相关网页和图形文件。 网站是由一个个网页组成的一个集合，网站建好后，就要建网页。FrontPage提供了多种网页模板，使用户能够快速创建外观专业、设计完善的网页。,8,网页制作软件prontPage 网站与网页,站点及网页的创建和保存 要创建网站的基本步骤： 选择主题； 规划网页，包括网页的结构与链接关系； 组织素材； 选择视觉外观； 设计有效的页面布局； 制作具体网页； 发布网站信息。,9,网页制作软件pront

4、Page 网站与网页,启动与主窗口 FrontPage 的启动与Office其他应用程序一样，启动后的FrontPage主窗口如图所示，由标题栏、菜单栏、工具栏、主编辑窗口、状态栏和任务窗格组成。,10,网页制作软件prontPage网站与网页,创建网站 运用FrontPage 提供的向导和模板可以快速地创建一个新的网站。使用【文件】菜单【新建】命令，出现【新建】任务窗格，见图所示。 在【新建】任务窗格中选择【由一个网页组件的网站】或【其他网站模板】，打开【网站模板】对话框。,11,网页制作软件prontPage 网站与网页,创建网站 在【网站模板】对话框， 选择想要使用的模板，设置好网站的位

5、置，单击确定按钮便将新创建的网站保存在指定位置。,12,网页制作软件prontPage 网站与网页,创建网站 网站建立后，即在用户区显示出网站的文件夹树和其中的文件列表，选择【只有一个网页的网站】模板，它是只包含一个主页面的空白网站，可以根据需要以主页为基础添加其他网页，网站如果有很多网页，他们之间是以主页为中心联系在一起的。,13,网页制作软件prontPage网站与网页,创建网页 创建网页的操作方法与创建网站相似：使用【文件】菜单【新建】命令，在【新建】任务窗格中选择【其他网页模板】，打开【网页模板】对话框，默认打开的是常规选项卡， 选择想要使用的网页模板，会在预览中显示该模板的缩略图，单

6、击确定按钮。 FrontPage便根据模板创建一个新的网页。如选择【空白网页】，则创建一个空白网页。,14,网页制作软件prontPage网站与网页,创建网页 新建一个网页文件后，需要将文件保存起来，保存文件的操作同其他应用软件。 在【常用】工具栏上单击 按钮或打开文件菜单，选择保存命令。,15,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件ProntPage,16,网页制作软件prontPage网页文本编辑,编辑文字可以选择网页视图的标签：设计、拆分、代码、预览。页元素的插入包括：换行符、水平线、背景、背景音乐、图片、表格、字

7、幕（电子广告牌）等。 添加标题 添加标题就是给网页起个名字。标题可以提示访问者当时所处的位置和所查看的内容。添加标题可以在【网页属性】对话框中设置。打开网页属性对话框有两种方法：打开【文件】菜单选择【属性】或在网页数单击鼠标右键，从快捷菜单中选择【网页属性】。 编辑网页文本 编辑网页文本以及设置文本、段落的格式，主要通过【格式】菜单进行，在【字体】对话框中设置文本的字体、大小、字体颜色等。在【段落】对话框中，对段落进行设置。具体操作与Word中文本的编辑和格式化一样。,17,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件Pron

8、tPage,18,网页制作软件prontPage 网页图片编辑,图片操作 网页中添加适当的图片比单纯用大量文字描述更具吸引力，网页中可以插入的图片格式主要有GIF、JPG和PNG等。图片过多会影响网页在浏览器内显示的速度，在插入图片时要有选择，适度使用能使网页丰富多彩，增强网页的整体效果。为了便于管理和图片的正常显示，在网页中添加图片时，最好将有关的图片文件和网页存放在同一个文件夹下，在图片的URL地址栏中尽量使用相对路径。,19,网页制作软件prontPage 网页图片编辑,插入图片 光标定位到需要插入图片的位置，选择【插入】菜单的【图片】命令，单击【来自文件】命令，打开【图片】对话框。 F

9、rontPage默认的图片存放位置是当前站点的目录或它的子目录，这个对话框列出了当前站点中的图片文件。如果要插入的图片不在当前站点，可单击对话框上的资源管理器按钮再进行选择。 也可以在网页中插入剪贴画，操作方法是：选择【插入】菜单的【图片】命令，单击【剪贴画】命令。 设置图片外观 鼠标右键单击图片，选择快捷菜单中的【图片属性】命令，会打开【图片属性】对话框，选择【外观】选项卡，可以设置图片的大小、对齐方式、图片的边框等。,20,网页制作软件prontPage 网页图片编辑,设置背景图 可以使用图片作为网页的背景图。鼠标右键单击编辑区域内任意位置，单击快捷菜单中【网页属性】命令，在弹出的网页属性

10、对话框中选择【背景】选项卡，选中【背景图片】复选框，再通过浏览按钮选择作为背景的图片文件。 保存图片 网页中插入的图片都以独立的文件存在。如果在网页中插入当前站点目录外的图片，保存完网页后，会弹出【保存嵌入式文件】对话框，用于指定图片保存的位置和文件名。,21,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件ProntPage,22,网页制作软件prontPage 网页表格编辑,表格操作 表格可以有效地组织网页上的文本、图像等信息，因此往往利用表格对页面进行布局。可以在表格行列交叉处的方格（单元格）内安排文字、图片和其它网页内容，

11、可以根据需要选择表格是否需要显示边框线。,23,网页制作软件prontPage网页表格编辑,建立表格 把光标移到要插入表格的位置，选择【表格】菜单的【插入】命令，单击【表格】命令，在弹出的【插入表格】对话框中设定行数和列数，即可插入一个表格。 如果表格要添加标题，选择【表格】菜单的【插入】命令，单击【标题】命令。表格建好后就可以在单元格内输入内容了。,24,网页制作软件prontPage网页表格编辑,设置属性 选择【表格】菜单的【属性】命令，选择【表格】命令，将打开【表格属性】对话框。 在【表格属性】对话框中可以设置表格的对齐方式；为了让文本与表格融为一体，可以使表格浮动对齐；可以指定表格的高

12、度、宽度；将“边框粗细”的值设为0，则可以设置表格无边框；可以设置表格的背景颜色和背景图片。 选择【表格】菜单的【属性】命令，选择【单元格】命令，将打开【单元格属性】对话框。在对话框属性中可以修改单元格的布局、对齐方式和大小；创建标题单元格；设置单元格的背景及边框色。,25,网页制作软件prontPage网页表格编辑,编辑表格 选定表格对象。先选定编辑对象，再进行编辑操作。将光标定位在表格中后，选择【表格】菜单的【属性】命令，可选定单元格、行、列、表格。可以按下鼠标左键在单元格上拖曳，选定一块区域。 插入与删除。选择【表格】菜单的【插入】命令，可以插入单元格、行和列、表格。选定表格对象，选择【

13、表格】菜单的【删除单元格】命令，可以删除选定的对象。 单元格的拆分与合并。选定连续单元格，执行【表格】菜单的【合并单元格】命令，连续单元格就合并成为一个单元格了。也可以把一个单元格分成几个单元格，把插入点放到要拆分的单元格里，选择【表格】菜单的【拆分单元格】命令，在【拆分单元格】对话框里可以设置是拆分成行还是列。,26,网页制作软件prontPage网页表格编辑,表格的综合布局 先通过【布局表格】功能来为网页布局创建一个框架，然后通过【布局单元格】功能为该框架填充包含有网页内容（包括文本、图像、Web部件和其他元素）的区域，也就是单元格。 也可以通过已经插入的表格，用表格来布局网页。首先决定表

14、格在水平方向和垂直方向上所需的单元格数量，然后为需要跨越多行或多列的对象合并单元格。大多数网页布局采用了带有不可见边框的表格。,27,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件ProntPage,28,网页制作软件prontPage 网页超链接编辑,超链接操作 网页的强大之处就在它的超链接，在浏览器中通过点击网页中的超链接，可以很方便地打开另外一个网页，或者是图片、文件、邮件地址。一个网页中的链接分成两个部分：链接的载体和链接的目标地址。 链接的载体就是网页中的文字和图片，凡是包含链接的文字和图片都称为超链接。,29,网页制

15、作软件prontPage网页超链接编辑,文本超链接 首先选定要建立超链接的文本，再单击常用工具栏上的【超链接】按钮，或单击鼠标右键，在快捷菜单中单击【超链接】命令，打开【超链接】对话框。用户可以从对话框中选择对应的网页文件，也可以选择要链接的目标文件，也可以选择电子邮件地址。,30,网页制作软件prontPage网页超链接编辑,图片超链接 热点也叫热区，是图像上具有超链接的区域，一幅图片上可以包含若干个热点。热点形状可以是矩形、圆形或多边形，热点位置可自行确定。 （1）先打开需要建立图片热区的网页文件； （2）执行【视图】【工具栏】【图片】命令，展开【图片】工具栏； （3）选中一种热区类型（如

16、“长方形”），然后在图片上拖出一个热区，此时系统自动弹出【插入超链接】对话框； （4）在【地址】栏上输入要链接的网址； （5）同理，重复上述3、4步的操作，可以在图片的不同部位建立多个热区。,31,网页制作软件prontPage网页超链接编辑,书签 在一个有较长和较多层次内容的网页中，启用书签功能将会使浏览更加方便。先在网页中【插入】【书签】定义书签，然后建立书签的超链接。 编辑超链接 选中某个超链接，单击鼠标右键，从弹出的快捷菜单中选择【超链接属性】命令，或者单击【插入】【超链接】命令，均可打开【编辑超链接】对话框，用户可以修改超链接的目标地址或删除目标地址以取消该超链接。 设置超链接的颜色

17、 用鼠标右键单击网页，再单击快捷菜单上的【网页属性】； 单击【格式】选项卡；在 “颜色”之下的“超链接”、“已访问的超链接”以及“当前超链接”框中，选择要使用的颜色。,32,网页制作软件prontPage网页超链接编辑,设置屏幕提示 在创建超链接时将屏幕提示添加到超链接中，这样当用户将鼠标移到超级链接上的时候，屏幕提示就会出现，给出这个超级链接的概述。 设置屏幕提示的方法是：在【网页】视图中，右击超级链接，在快捷菜单中执行【超链接属性】命令。在弹出【编辑超链接】（ 如果正在创建超链接，则该对话框称为【插入超链接】）对话框中，单击【屏幕提示】。在【设置超链接屏幕提示】对话框中键入站点访问者将鼠标

18、指针停放在该超链接上时要出现的文本，再单击【确定】返回。再次单击【确定】。保存网页后，用户就可以对网页进行预览了。,33,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件ProntPage,34,网页制作软件prontPage网页框架编辑,框架网页 框架把浏览器窗口分成几个部分，每个部分都是独立的网页内容，这样可以在一个窗口中同时显示多个页面。 创建框架网页 在【文件】菜单上，单击【新建】，在【新建】任务窗格中的【新建网页】之下，单击【其他网页模板】。 在网页模板对话框中，单击【框架网页】选项卡，在其中选择一个模板，预览其布局，再

19、单击【确定】。 设置要显示在每个框架中的初始网页 单击要设置初始网页的框架，可执行下列两项操作之一： （1）对于已创建的网页，在框架中，单击【设置初始网页】，然后选择要显示的网页。 （2）创建新网页，并将其设置为该框架中显示的初始网页在框架中，单击【新建网页】。FrontPage 会在该框架中创建一个新网页，该新网页会自动设置为初始网页。,35,网页制作软件prontPage网页框架编辑,设置目标框架 框架网页将整个浏览器窗口分成若干个相对独立的子窗口，如果设置了超链接，就必须指定超链接指向的目标网页在哪个窗口中显示，即设置目标框架。 创建超链接的步骤是： （1）选定要创建要设置超链接的对象，

20、单击鼠标右键，从弹出的快捷菜单中选择【超链接属性】命令，打开【编辑超链接】对话框。 （2）设置其链接目标地址后，单击对话框右侧的【目标框架】按钮，弹出【目标框架】对话框，供用户选择目标框架。单击【确定】按钮，完成目标框架的设置。 保存框架网页 在多框架网页中，每个框架都将单独形成一个文件，另外，整个网页也是一个文件。,36,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件ProntPage,37,网页制作软件prontPage 网页动态效果编辑,动态效果制作 FrontPage的动态效果制作包括滚动字幕、交互式按钮和站点计数器设置

21、以及网页过渡效果等 设置滚动字幕和交互式按钮 在【插入】菜单上，单击【Web 组件】。 在“组件类型”列表框中，单击“动态效果”。 在“选择一种效果”列表框，双击“字幕”。 打开【字幕属性】对话框，为字幕设置需要的属性。在【文本】框输入字幕内容，然后设置其滚动方向、速度和表现形式。单击样式，可以对文本格式进行设置。 在【插入】菜单上，单击【交互式按钮】。可以添加交互式按钮。 站点计数器 站点计数器用于统计网站被访问的次数，在网页中添加站点计数器的方法为：在【插入】菜单上，单击【Web 组件】。在【组件类型】列表框中，单击选择【计数器】，然后单击【完成】按钮。在打开的【计数器属性】对话框中设定计

22、数器样式和位数。站点计数器必须在网站发布后才能正常显示。,38,网页制作软件prontPage 网页动态效果编辑,搜索表单 创建搜索表单，使网站访问者能够在网站中搜索特定的词或短语。创建方法是：在【插入】菜单上，单击【Web 组件】。 在【组件类型】列表框中，单击【Web搜索】。在【搜索表单属性】对话框中可以设置输入框的提示信息和按钮名称。需要注意的是，建立好的搜索表单需要发布以后才能正常工作。 设置网页过渡效果 我们利用FrontPage可以设置网页的过渡效果，当浏览者进入或离开网页时过渡效果都会自动播放。 在【格式】菜单上，单击【网页过渡】，打开【网页过渡】对话框。在事件栏选择一种事件，如

23、进入网页、离开网页、进入网站、离开网站。在【过渡效果】列表框中选择一种效果，如【随机溶解】，最后单击【确定】按钮。,39,网站与网页 文本编辑 图片编辑 表格编辑 超链接编辑 框架编辑 动态效果编辑 表单编辑,案例实践7 网页制作软件ProntPage,40,网页制作软件prontPage网页表单编辑,表单设置 从浏览器向Web服务器的信息传递是通过网页上的表单进行的。简单地说，表单就是用户可以在网页中填写信息的表格。我们可以利用表单来轻松完成各种数据的收集、获得用户定单等。 表单域是表单上的基本组成元素，用户通过表单中的表单域输入信息或选择项目。包括文本框、按钮、下拉框、复选按钮等。 插入表单 依次单击【插入】菜单上【表单】、【表单】，或单击表单工具栏上的【表单】按钮。可以在当前页面插入一个表单。插入表单时，F