《frontpage教案》由会员分享，可在线阅读，更多相关《frontpage教案（20页珍藏版）》请在金锄头文库上搜索。
1、FrontPage 教案 frontpage2003 教案第一节 启动 frontpage2003 建立站点和图片收集一、 教学目的：掌握站点的建立，学会软件的启动和素材的收集，了解站点的打开和 关闭。 二、 教学重点：创建站点，收集图片，启动 frontpage2003。 三、 教学时间：2 课时 四、教学步骤： 1、启动 FrontPage 2003 单击任务栏上的“开始”按钮,从“程序” 菜单中选择“Microsoft FrontPage”单击。 2、FrontPage 2003 的界面说明FrontPage 2003 的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口 4 大部分。、菜单
2、栏包括【文件】 、 【编辑】 、 【查看】 、 【插入】 、 【格式】 、 【工具】 、 【表格】 、 【框 架】 、 【窗口】 、 【帮助】等 10 个菜单。 工具栏单击【查看】菜单，选择【工具栏】 ， 在出现的下拉菜单中列出了几种不同的、工具栏，如果菜单项前面有一个对钧号 “” ，表明在界在上已显示此菜单项。如果再单击一下，将取消这一项的显示。 、视图栏中摆列着各种管理器的图标，这些管理器包括网页管理器、文件夹管理器、 报表管理器、导航管理器、超链接管理器和任务管理器等。单击管理器图标以切换到 相应的管理器。 、主编辑窗口在编辑网页时，有 3 种显示方式，即普通、HTML 和预览。 普通显
3、示方式是最常用的显示方式，一般是在此方式下工作。 HTML 显示方式在需要直接编辑或查看网页文件的 HTML 代码时使用，一般是为了实 现某种特殊效果（如在网页中动态显示时间）而经常使用。 预览显示方式在需要预先观察网页的显示效果时使用。当使用管理功能时，主编辑窗 口相应地会显示各种任务下的文件或站点信息。 什么是站点？ 站点一般简写为“Web” ，实际上就是把一些信息通过 Web 网页的方式相互链接起来， 存放在一台被称为“服务器”的计算机中，别人可以通过 Web 浏览器查看网页信息。 站点一般以国际通用的 Internet 地址来表示，例如：http:/ 或 http:/ 等，进入某个站点
4、所见到的第一页一般称为“HomePage” ，中文的 意思是“主页” 。 什么是主页？主页的英文名称为“HomePage” ，一般认为某个站点的第一个网页叫做主页，文件名通常是“index.htm” （index.html）或“default.htm” （default.html） ，也就是在 Web 浏 览器“地址”栏内输入一个网址后，用户浏览到的第一个网页。用户再通过该主页的 链接可以浏览到其他网页信息。 3、新建站点 实例：使用【只有一个网页的站点】模板创建一个 Web 站点。 操作步骤： （1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【站点】菜单项，出 现一个【新建】对话框
5、，在对话框的【指定新站点的位置】项中输入新站点的存放位 置。 提示：新站点的存放位置选择是磁盘存储方式，是因为考虑到实践操作中的 方便。而一个站点要让在 Internet 上的用户正常浏览的话，应该通过 FrontPage 的站点 发布功能或 FT 文件传送方式，把该站点内容传送至能提供存放空间的 Web 服务器上 去。 （3）单击【确定】按钮。此时 FrontPage 会自动以新站点名建立一个站点，并显示一 个正在创建站点的提示对话框，之后该站点很快便创建好了。 新建的站点只有一个主页 index.htm 文件，该主页还是空的，需要对它进行编辑添加内 容。同时也可以添加一些网页到该站点中去。
6、此外，我们发现该站点中包含有两个子 文件夹。一个是_private 文件夹，一般用来存放一些私人的文件，这些文件不会被别人 看到。另一个是 images 文件夹，是 FrontPage 专门创建用来存放图像文件的文件夹， 因为 FrontPage 扩展服务器的图像文件的默认目录为 images。 4、关闭站点 打开【文件】菜单，选择【关闭站点】菜单项，则当前站点被关闭。 5、打开站点 站点内容需要修改或添加时，必须把该站点打开。操作过程如下： 打开【文件】菜单，在下拉菜单选择【打开站点】 ，出现一个对话框，在对话框的【文 件夹】项中输入该站点的存放位置，然后单击【打开】按钮，站点将被重新打开。
7、 6、收集图片拷贝图片到新建站点的图片文件夹 images 中。 五、 上机操作 创建自己的站点，收集图片素材。第二节 网页文本的基本制作一、 教学目的：学习文字的输入和设置，掌握网页的新建和保存。 二、 教学重点：文字的输入和设置, 网页的新建和保存。 三、 教学时间：3 课时 四、 教学步骤： 上节课已经介绍了如何创建一个 Web 站点，接下来我们将着重学习如何使用 FrontPage 2003 来制作网页了。实例说明：本例是一个简单的主页制作，通过这个例子，我们将学会如何在站点内新建一个 网页、设置页面格式、文字输入及字体设定、网页的预览与保存等基本方法。 提示：本例先使用 FrontP
8、age 建立一个站点。这样做，是为了网页文件的规范管理， 所有网页及图片等文件都将保存到该站点内。本例以第一节所创建的站点为例。 1、新建网页 方法：使用工具按钮。在 FrontPage 2003 中单击“ ”新建网页工具按钮， 在主编辑窗口将出现一个空白网页。使用菜单命令。 （1）我们也可以从【文件】菜单中选择【新建】菜单项，在子菜单中 选择【网页】菜单项，出现一个对话框。 （2）这个对话框中列出了很多事先设计好的 网页模板。这时选择【普通网页】 ，单击【确定】按钮，此时在主编辑窗口中将出现一 个空白网页。 2、网页属性 在空白网页中单击鼠标右键，从弹出的菜单中单击【网页属性】选项，出现网页
9、属性 对话框。在这个对话框中我们可以修改网页的多种属性。 （1） 、常规属性设置。在这个对话框中共有 5 个选项卡。其中，在【常规】选项卡中 我们可以修改网页的标题、背景音乐等。修改网页标题。在对话框【标题】栏内输入“我的主页” 。修改背景音乐。单击【背景音乐】区域的【浏览】按钮，出现对话框， 单击“ ”图标按钮，在硬盘目录下选择一个 Wav 声音文件。本例使用“C:windowsMedia” 目录下的“Start.wav”文件，大家也可以自己选择其他的声音文件作为背景音乐。缺 省状态下背景声音的设置为始终有声音。 （2） 、背景色设置。单击网页属性对话框的【背景】选项卡，就可以设置网页的背景
10、 色和图片等。修改网页的背景色。单击对话框中【颜色】区域内的“背景”项下拉选择箭头，并从 颜色框中选择一种颜色，然后单击【确定】按钮，这时网页的背景颜色就变成了刚才 选择的颜色。设置背景图片。 （1）重新单击鼠标右键，选择【网页属性】进入对话框并单击【背景】 选项卡。 （2）然后单击在【格式】区域内的“背景图片”选择框，选中后下面的“水 印”选择项、文本框都不再变灰。 （3）这时再单击【浏览】按钮进入网页背景图片选 择对话框。 （4）单击对话框右下角的【剪贴画】按钮，就会弹出【剪贴画库】 。单击【Web 背景】选项从中选择一种图案作为背景，选中后单击“ ”插入剪辑按钮。 （5）然后单击网页属性
11、对话框的【确定】按钮。这时网页背景已变 成了刚才选择的图案。 3、文本输入从工具栏中的【字体样式】下拉菜单选择“标题 1” ，然后从键盘输入“这是我的 第一个主页” ，按回车键。从【字体样式】下拉菜单选择“标题 2” ，输入“个人信息” ，然后按回车键。接着 输入“姓 名：小明” ，按 Shift 键加回车键；输入“年 龄：17” ，按 Shift 键加回车键；输入“就读学校：珠海新世纪学校高一(1)班” ，按 Shift 键加回车键；输入“职 务：班长” ，按回车键。 提示：我们在输入文本的时候使用了两种按回车键的方式：直接按回车键，按 Shift 键 加回车键。大家可以在实际操作中自己体会
12、一下这两种方式的区别。从【字体样式】下拉菜单选择“标题 2” ，输入“联系信息” ，然后按回车键。接 着输入“地 址：广东省珠海市 xx 大街” ，按 Shift 键加回车键；输入“邮政编码：519090” ，按 Shift 键加回车键；输入“电 话：（0756）xxxxxxxx” ，按 Shift 键加回车键；输入“电子邮箱：” ， 按回车键。输入“很高兴能认识您，希望能和您交朋友！” ，按回车键；输入“谢谢您 参观我的网页，再见！” ，按回车键。 4、字体设置 （1） 、选定文字 选定文字的方法有两种： 一种方法是将鼠标指针移到待选文字段的开头，按住鼠标左键，不要松手，然后向 右下方拖动，
13、将该段文字涂黑； 另外一种方法就是用键盘上的光标箭头将插入点移到选定文字的开头，然后左手按 着 Shift 键，右边按光标移动键（如、键） ，也可将所选定文字涂黑。 （2） 、修饰文字 修饰文字是指文字的字体、字型、大小（字号） 、颜色、效果的设置。 例：选定“这是我的第一个主页”文字后，设定文字属性的操作有以下两种： 单击【格式】菜单项，选择【字体】后出现字体对话框； 或单击鼠标右键，在弹出的对话框中单击【字体】选项，也将出现字体对话框。 这时在对话框中的字体设为“隶书” ，字型为“加粗” ，大小为“6 （24 磅） ” ，颜色为“红色” ，效果为默认。单击【确定】按钮即可完成文字修饰。例
14、中其他字体修饰的操作也类似进行。 5、保存网页 单击常规工具栏上的“ ” ，或单击【文件】菜单再选择【保存文件】 ，就 可以把正在编辑的网页保存起来。或直接按 Ctrl+S 键也可以保存网页。 如果你是在修改已经保存过的网页，修改过的网页将被重新保存。但如果是新建的网 页，单击“ ”后会出现对话框。 在对话框中的【文件名】栏内输入网页的文件名（如“First” ） ，单击【保存】按钮， 该网页就会保存到当前的站点上。FrontPage 2003 保存文件的类型主要有网页文件（.htm） 、FrontPage 模板（.tem） 、文本文件 （.txt） 、超文本模板文件（.htt）等。 6、关闭
15、网页 （1） 、单击【文件】菜单并选择【关闭】 ，或直接按 Alt+F4 键，如果此时网页文件未 保存，就会出现一个提示对话框。 （2） 、当单击对话框中的【是】按钮时，将出现保存网页对话框，输入网页文件名并 单击【保存】按钮后，网页文件将被关闭；当单击【否】按钮时，该网页文件不保存 并关闭；当单击【取消】按钮时，该网页文件不关闭，并返回主编辑窗口。 7、打开网页 （1） 、单击“ ”工具图标，或单击【文件】菜单并选择【打开】 ，或直接按 Alt+O 键， 出现一个打开文件对话框。 （2） 、在对话框中单击【查找范围】下拉列表框，选择文件路径。在文件列表区中列 出被选中该文件路径下的所有文件。
16、 （3） 、选中一个文件，然后单击【打开】按钮，或直接双击该文件名即可打开文件。 8、预览网页网页编辑完成后，可以用浏览器预览一下网页的效果。有两种预览网页的方式：（1） 、一种是单击 FrontPage 2003 主编辑窗口下面的【预览】标签，就打开一个 FrontPage 编辑器自带的浏览器， 看完之后，单击【普通】标签，又切换到编辑状态。（2） 、另一种是单击【常规】工具栏的“ ”图标按钮（或直接按 Ctrl+Shift+B 键，或单击【文件】菜单并选择【在浏览器中预 览】菜单项） ，将启动已安装好的浏览器并打开该网页。如果在预览之前没有把修改后 的或新建的网页保存起来，则将弹出一个对话框提示你应该首先保存该网页。注意：在预览窗口中看到的是网页在发布后的大致样式。要看到网页在 WWW 浏览器 中的真实情形，必须使
