| 网站首页 | 学校概况 | 校园动态 | 校务公开 | 依法治校 | 德育专题 | 教学资源 | 师生风采 | 图片中心 | 党务公开 | 成绩查询 | 专题首页 | 学习十九大 | 贯彻八项规定 | 群众路线教育实践活动 | 反邪教专栏 | 校报副刊 | 艾滋病专栏 | 
最新公告:

  没有公告

您现在的位置: 三河市第二中学 >> 专题首页 >> 教师培训 >> 培训教程 >> 正文
最近更新
更多内容
最新图文 更多内容

三河二中2016年高考喜报

强化安全意识 提升安全素养

高二年级学科全员公开课活动正式…

我校召开本学期第一次政教工作会
相关文章
没有相关课题
更多内容
[组图]FrontPage2003入门         ★★★
FrontPage2003入门
作者:佚名 文章来源:本站原创 点击数:14627 更新时间:2012/10/31 15:11:23

 第五章FrontPage2003入门

FrontPage是常用的制作网页和网站的工具软件,FrontPage2003FrontPage的最新版本,它集显示、编辑网页HTML源代码,插入文本、图片、声音、动画、表单、超链结和使用数据库和脚本语言,管理和发布站点的工具为一体,可以在同一界面中完成设计、制作、发布、管理站点的工作。本章我们将主要通过8个案例来介绍FrontPage2003的常用功能。

5.1熟悉FrontPage2003的操作界面

1.本例要求

熟悉FrontPage2003的菜单栏、工具栏、视图栏和主编辑区。

2.操作步骤

启动FrontPage 2003,单击“开始”菜单→程序“Microsoft FrontPage 2003”,打开FrontPage2003操作界面。

单击FrontPage2003的菜单栏中的各个菜单,浏览各个菜单包括的菜单项。

 

下面是FrontPage2003常用工具栏中的各种按钮。如新建、打开、保存等。

 

下面一栏是FrontPage2003格式工具栏中的各种工具。

 

观察主编辑区,注意编辑区的左下方有四个选项卡,可以用于选择网页的显示方式。

 

FrontPage主界面右边有一个任务窗格窗口,其中包括开始工作帮助等多个任务窗格。可以方便快捷地编辑网页。

 

3.本案例知识点

FrontPage2003包括文件编辑视图查看插入格式工具表格、“数据”、框架窗口帮助11个菜单,它们为用户提供了网页编辑和管理网站的各种功能。

文件:包括新建、打开、关闭、保存和预览网页和站点等功能。

编辑:与Office系列相同具有撤销、剪切复制、粘贴、删除和查找等功能。

视图:控制网页各种视图之间的切换以及工具栏和任务窗格的显示。

查看:包括选择视图栏中的各种视图方式以及显示各种工具栏按钮的功能。

插入:既可以插入换行符、水平线、表单、图片和超链接等网页元素,也可以插入各种Office组件和对象。

格式:可以设置字体、边框、网页样式和背景图片。

工具:包括设置FrontPage工具栏、选项以及网页选项和加载宏等功能。

表格:主要包括在网页中插入表格以及设置表格、单元格属性。

框架:主要包括对框架的删除和拆分以及设置框架属性等功能

窗口:在各个网页窗口之间切换。

帮助:包括FrontPage2003的帮助文档。

FrontPage2003的工具栏与WordOffice系列大致相同。主要包括新建、打开、保存、打印、预览、剪切、复制、粘贴等常用工具按钮。

主编辑区左下方的四个选项卡用于在设计拆分代码预览四种视图之间互相切换。

设计:可以查看编辑状态下的网页。

拆分:把编辑窗口分为两部分上面显示代码,下面显示编辑状态下的网页。

代码:可以查看HTML源代码。

预览:可以提前预览网页在发布后的情况。

5.2利用FrontPage2003创建一个网页

1.本例要求

掌握利用FrontPage2003创建、保存、打开网页的步骤和方法。

2.操作步骤

启动FrontPage2003,单击菜单文件新建,在弹出的新建任务窗格中选择空白网页,新建一个空白网页。在编辑区输入一段文字:“Hello,world.”

 

使用菜单文件保存”命令,打开“另存为”对话框。

 

选择网页文件保存的位置,然后单击更改标题按钮,在弹出的设置网页标题对话框中输入新的网页标题文字案例5-2”。单击确定按钮。

 

回到另存为对话框中,输入新的文件名(新建的文件默认名为“index”example5-2

选择保存类型,一般为网页。单击保存按钮,即可完成文件保存。

3.本案例知识点

若要在FrontPage中打开已存在的网页文件,则使用菜单文件打开,弹出打开文件对话框,确定要打开的网页文件,单击打开按钮或双击网页文件名即可。

 

新建空白网页、打开、保存网页时都可以使用工具栏中的按钮。

5.3查看、编辑源文件以及预览网页

1.本例要求

掌握在FrontPage中查看、编辑源文件以及预览网页的方法

2.操作步骤

打开在案例5-2中创建的网页example5-2。单击编辑窗口左下方的代码”。

 

将源文件第十一行改为:

<p>Welcome to LanZhou!</p>

单击设计拆分选项卡,观察网页主体部分文字及代码的变化。

单击预览选项卡,可以预览网页发布后的大致情况。

单击菜单文件另存为”,更改网页标题为案例5-3”,保存文件名为example5-3

3.本案例知识点

在查看网页的代码窗口时,可以看到不同的源代码用不同的颜色显示,HTML的标记符用紫色显示,属性名用红色显示,属性值用蓝色显示,正文标题和文字用黑色显示。

在查看网页的代码时,可以直接对HTML源代码进行编辑和修改。

单击预览选项卡后看到的网页是网页发布后的大致情况,但不一定是网页在浏览器中浏览时的真实情形。

如果要在指定浏览器中预览所编辑的网页,步骤如下:

1)保存所编辑的网页。

2)使用菜单文件在浏览器中预览,在弹出的二级菜单中,选择浏览器以及分辨率等参数,即可打开相应浏览器预览网页。

 

在此二级菜单中,选择编辑浏览器列表,在打开的对话框中可以根据需要添加、修改、删除浏览器,这样就可以利用不同的浏览器查看网页在不同的用户浏览器中的显示效果。

 

注意:如果文件未保存,此时如果预览网页,将出现一个文件未保存的提示对话框,提醒保存当前网页。

 

5.4利用FrontPage在网页中插入图片

1.本例要求

1)掌握在网页中插入图片的方法和步骤。

2)掌握编辑网页中图片的方法和步骤。

3)掌握改变图片属性的方法和步骤。

2.操作步骤

启动FrontPage 2003,新建一个空白网页。

单击菜单插入图片来自文件,从打开的图片对话框中选择图片文件cup1.jpg

 

确定,在网页中插入图片。

 

选中插入的图片,单击右健,选择编辑图片命令,弹出图片属性对话框。

 

外观选项卡中,选择对齐方式为右对齐,设定编框粗细1。选中指定大小,设定宽度为“200”像素,选中保持纵横比确定

 

保存,文件名为example5-4,标题为案例5-4”确定

在弹出的保存嵌入式文件对话框中,单击确定按钮。

  

3.本案例知识点

图片除了增加网页的装饰效果外,也可作为网页的导航按钮。

从本地文件系统中添加图片,图片可以为GIFJPEGBMP等文件格式。

保存网页时,FrontPage会提示将图片保存到您的站点中。若图片不是GIFJPEG格式,使用256色或更少颜色的图片会自动地转换成GIF,而所有其他的图片会转换成JPEG格式。

利用FrontPage不仅可以插入来自文件的图片,也可以插入Office剪贴画库中的剪贴画。插入时步骤与插入文件图片的步骤基本相同。使用的是插入图片剪贴画命令。

选中插入的图片,单击菜单视图工具栏图片,在屏幕下方会弹出图片工具栏。利用这些工具可以对已插入网页中的图片进行编辑。

“图片工具栏中提供了更改图片亮度、颜色对比度、转换为黑白图片、裁剪图片、使图片中的颜色变成透明、在图片上放置文本、设置图片的对齐方式和间距,创建图片的缩略等工具。

图片属性对话框中,有外观常规视频”3个选项卡,在外观选项卡中可以进行图像的布局和大小参数的设置。

 

常规选项卡中,可以选择图片源、确定图片的类型、设置图片在低分辨率下的替代标识以及图片超链接等内容。

 

视频选项卡中,可以选择视频源和设置播放视频的参数,如循环次数等。

 

5.5建立和编辑超链接

1.本例要求

1)掌握建立文本超链接的方法和步骤。

2)掌握建立图片超链接的方法和步骤。

3)掌握建立邮件超链接的方法和步骤。

2.操作步骤

启动FrontPage,在设计视图模式下,输入文本兰州石化职业技术学院

选中输入的文本,单击鼠标右键弹出一个快捷菜单,在快捷菜单中选择超链接菜单项(也可以单击常用工具栏上的超级链接按钮),打开创建超链接对话框。

 

插入超链接对话框中的URL栏中输入链接的目标。地址http://www.hbshez.com确定

在网页中插入图片cup1.jpg。设置边框粗细为“1”,图片宽度为“200”像素,选中保持纵横比,其他图片属性不变。选中插入的图片cup1.jpg,单击工具栏上的超级链接按钮。在插入超链接对话框中,定位网页文件example5-4.htm确定

保存网页文件为“example5-5.htm”,标题为案例5-5”,单击文件在浏览器中预览Microsoft InternetExplorer6.0。查看链接的实际效果。

3.本案例知识点

超链接是从一个网页指向另一个目的端的链接,比如说,指向另一个网页或者相同网页上的不同位置。这个目的端通常是另一个网页,但它也可以是一幅图片一个电子邮件地址、一个文件(如多媒体文件或者Microsoft Office文档)或者一个程序。超链接可以是文本或者图片。

在本案例中我们给出的两个超链接分别为文本和图片,它们的目的端都是一个网页。如果将目的端指向一个本地文件,需在插入超链接对话框中,单击浏览文件按钮,在弹出的链接到文件对话框中,选择一个本地文件作为超链接的目标文件。

 

如果要将目的端指向一个电子邮件地址,单击电子邮件链接图标,在弹出的插入超链接对话框中,输入一个E-mail地址,单击确定按钮后,在编辑超链接对话框URL栏中会出现“mailtoE-mail地址。这样就把输入的E-mail地址作为超链接的目标。

 

5.6利用FrontPage在网页中插入表格

1.本例要求

掌握在网页中插入表格的方法和步骤。

2.操作步骤

启动FrontPage,新建一个空白网页。

设计视图模式下,输入文本课程表,选中文本,在格式工具栏中设置文字格式标题1”,字体为华文新魏,字号为“736磅)对齐方式为居中,编辑后的格式工具栏如下图所示。

 

单击菜单表格插入表格,弹出一个插入表格对话框,设置表格的行数和列数都为“6”,其他选项为默认,确定

 

选中表格的第1行,单击鼠标右键,在弹出的快捷菜单中选择单元格属性命令,打开单元格属性对话框。在单元格属性对话框中,选中标题单元格指定高度复选框,设置高度为“40”像素,确定

 

同样方法,将表格第1列设置为“标题单元格”,并选中指定宽度,设定宽度为20,并选中百分比选项,确定

 

分别选中第23456列,单击鼠标右键,打开单元格属性对话框,选择单元格的水平对齐方式为水平居中,选中指定宽度复选框,指定宽度为“16”,选中百分比选项,确定

 

在表格的各单元格中分别输入课程表对应的内容。保存文件名为“example5-6”,标题为案例5-6”。单击预览按钮,查看效果。

 

3.本案例知识点

在网页中插入表格可以使用菜单命令,也可以使用常用工具栏中的插入表格按钮和表格工具栏中的手绘表格命令。

设置表格属性的步骤如下:

1)打开包含表格的网页。

2)选中表格或光标定位在表格中任一区域,单击右键,弹出快捷菜单。

3)单击表格属性,打开表格属性对框。

 

4)表格的属性设置:

布局工具:当表格用于网页布局时,可以选择使用布局工具。一般情况下,选择自动启用基于表格内容的布局工具”。

大小:指定表格的行数和列数。

布局:设置表格的宽度、高度、对齐方式和单元格衬局和间距。

边框:设置边框的大小和颜色。

背景:设置背景色和背景图像。

设置:若选中设为新表格的默认值,可把上述表格设置参数作为表格设置的默认参数。

5.7插入表单

1.本例要求

掌握在网页中插入表单的方法。

2.操作步骤

启动FrontPage,新建一个空白网页。单击菜单插入表单,将光标定位在表单开始处。

在表单中插入一个5*4的表格。并将表格第1行的4个单元格合并为一个单元格,输入学生登记表,第234行的第3列合并,输入简历,第234行的第4列合并,第5行的第234列合并,输入体育音乐美术上网游戏。分别在2345行的第1列输入姓名性别专业爱好

 

选中第2行第2列,单击菜单插入表单单行文本框

选中第3行第2列,单击菜单插入表单选项按钮。在单元按钮右边输入文本。在第一个单元按钮右边按上述方法再插入一个单选按钮,并输入文本

选中第2行第4列,单击菜单插入表单文本区

选中第4行第2列,单击菜单插入表单下拉框。选中刚插入的下拉框,单击鼠标右键弹出一个快捷菜单,在菜单项中选择表单域属性,弹出下拉框属性对话框。

 

单击添加按钮,弹出添加选项对话框

 

依次添加计算机应用电子商务机械设计石油加工与工艺四个专业名称,可生成下拉式菜单。

   

将光标定位在第5行第2列文本体育前,单击菜单插入表单复选框。依次在音乐美术上网游戏前插入复选框。

双击重填按钮,弹出按钮属性对话框,将/标签改为重填

保存文件名为“example5-7.htm”,标题为案例5-7”,预览,查看效果。

 

3.本案例知识点

FrontPage中可以插入表单元素有文本框、文本区、复选框、选项按钮、分组框、下拉框、高级按钮、图片和标签等。当插入某一个表单元素时便生成一个表单域。在网页中为表单元素设置标签的方法是:在网页中加入一表单域,在表单中输入要作为标签的文本,在文本后插入表单元素。将文本和表单元素选中,单击菜单插入表单标签

5.8创建站点

1.本例要求

掌握FrontPage中创建站点的方法和步骤。

2.操作步骤

启动FrontPage,新建一个空白网页,在“网站模板”对话框右侧指定新网站的位置列表框中,输入新站点的路径G:\Myweb

文件新建,在新建任务窗格中选择由一个网页组成的网站

 

常规选项卡中选择个人网站单击确定按钮。则创建了名为Myweb的站点。

 

3.本案例知识点

这里所指的站点是本地站点,即本地机器上一个专门用来存放网站文件的文件夹,需要一个名字和一个根目录,以后所有站点的文件都将存放在这个根目录下。当人们访问某个站点时,一般默认访问的是该站点上的index.htm文件,也就是主页,创建一个站点就是在本地计算机的指定位置上建立一系列目录和文件。而Internet上的站点或网页是在本地编辑好后发布到指定服务器上的结果。

FrontPage中可以利用模板和向导创建站点。所谓模板,就是以一个预先设计好的网页或Web站点作为基本框架,用户在创建一个基本框架后,就可以在其中插入自己的内容了。在上面的案例中,我们就是利用个人站点这个模板,创建了一个站点。

所谓向导,就是一种固定的操作过程导向程序。在导向程序中分为若干个步骤,在每个步骤中都有一个提供给用户的选项,用户按照程序规定的步骤一步步执行下去,便可以创建一个站点。由于篇幅所限,我们不再对利用向导制作站点的步骤做详细的介绍。

课题录入:system    责任编辑:system 
  • 上一篇课题:

  • 下一篇课题:
  •  
     

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 |
    廊坊网警 河北省三河市第二中学冀ICP备05011972号联系电话:0316-3312101 廊坊网警