1、教学时间:2课时教学过程:教师讲解、示范1、启动FrontPage 2000单击任务栏上的“开始”按钮,从“程序” 菜单中选择“Microsoft FrontPage”单击。2、FrontPage 2000的界面说明 FrontPage 2000的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。、菜单栏包括”文件”、”编辑”、”查看”、”插入”、”格式”、”工具”、”表格”、”框架”、”窗口”、”帮助”等10个菜单。工具栏单击”查看”菜单,选择”工具栏”, 在出现的下拉菜单中列出了几种不同的工具栏,如果菜单项前面有一个对钧号“”,表明在界在上已显示此菜单项。如果再单击一下,将取消这一项
2、的显示。、主编辑窗口在编辑网页时,有3种显示方式,即普通、HTML和预览。普通显示方式是最常用的显示方式,一般是在此方式下工作。HTML显示方式在需要直接编辑或查看网页文件的HTML代码时使用,一般是为了实现某种特殊效果(如在网页中动态显示时间)而经常使用。预览显示方式在需要预先观察网页的显示效果时使用。当使用管理功能时,主编辑窗口相应地会显示各种任务下的文件或站点信息。3、新建站点实例:使用”只有一个网页的站点”模板创建一个Web站点。操作步骤:(1)打开”文件”菜单,选择”新建”菜单项,在子菜单中选择”站点”菜单项,出现一个”新建”对话框,在对话框的”指定新站点的位置”项中输入新站点的存放
3、位置。(2):新站点的存放位置选择是磁盘存储方式,是因为考虑到实践操作中的方便。而一个站点要让在Internet上的用户正常浏览的话,应该通过FrontPage的站点发布功能或FT文件传送方式,把该站点内容传送至能提供存放空间的Web服务器上去。(3)单击”确定”按钮。此时FrontPage会自动以新站点名建立一个站点,并显示一个正在创建站点的提示对话框,之后该站点很快便创建好了。4、关闭站点打开”文件”菜单,选择”关闭站点”菜单项,则当前站点被关闭。5、打开站点站点内容需要修改或添加时,必须把该站点打开。操作过程如下:打开”文件”菜单,在下拉菜单选择”打开站点”,出现一个对话框,在对话框的”
4、文件夹”项中输入该站点的存放位置,然后单击”打开”按钮,站点将被重新打开。6、收集图片 拷贝图片到新建站点的图片文件夹images中。学生上机操作创建自己的站点,收集图片素材。第3.4课时网页文本的基本制作学习文字的输入和设置,掌握网页的新建和保存。文字的输入和设置, 网页的新建和保存。教学步骤:上节课已经介绍了如何创建一个Web站点,接下来我们将着重学习如何使用FrontPage 2000来制作网页了。实例说明: 本例是一个简单的主页制作,通过这个例子,我们将学会如何在站点内新建一个网页、设置页面格式、文字输入及字体设定、网页的预览与保存等基本方法。1、新建网页 方法:使用工具按钮。在Fro
5、ntPage 2000中单击“ ”新建网页工具按钮,在主编辑窗口将出现一个空白网页使用菜单命令。(1)我们也可以从”文件”菜单中选择”新建”菜单项,在子菜单中选择”网页”菜单项,出现一个对话框。(2)这个对话框中列出了很多事先设计好的网页模板。这时选择”普通网页”,单击”确定”按钮,此时在主编辑窗口中将出现一个空白网页。2、网页属性在空白网页中单击鼠标右键,从弹出的菜单中单击”网页属性”选项,出现网页属性对话框。在这个对话框中我们可以修改网页的多种属性。(1)、常规属性设置。在这个对话框中共有5个选项卡。其中,在”常规”选项卡中我们可以修改网页的标题、背景音乐等。修改网页标题。在对话框”标题”
6、栏内输入“我的主页”。修改背景音乐。单击”背景音乐”区域的”浏览”按钮,出现对话框,单击“ ”图标按钮,在硬盘目录下选择一个Wav声音文件。本例使用“C:windowsMedia”目录下的“Start.wav”文件,大家也可以自己选择其他的声音文件作为背景音乐。缺省状态下背景声音的设置为始终有声音。(2)、背景色设置。单击网页属性对话框的”背景”选项卡,就可以设置网页的背景色和图片等。3、文本输入 从工具栏中的”字体样式”下拉菜单选择“标题1”,然后从键盘输入“这是我的第一个主页”,按回车键。 从”字体样式”下拉菜单选择“标题2”,输入“个人信息”,然后按回车键。接着输入“姓 名:小明”,按S
7、hift键加回车键;输入“年 龄:17”,按Shift键加回车键;输入“就读学校:珠海新世纪学校高一(1)班”,按Shift键加回车键;输入“职 务:班长”,按回车键。4、字体设置 (1)、选定文字 选定文字的方法有两种:一种方法是将鼠标指针移到待选文字段的开头,按住鼠标左键,不要松手,然后向右下方拖动,将该段文字涂黑;另外一种方法就是用键盘上的光标箭头将插入点移到选定文字的开头,然后左手按着Shift键,右边按光标移动键(如、键),也可将所选定文字涂黑。(2)、修饰文字修饰文字是指文字的字体、字型、大小(字号)、颜色、效果的设置。例:选定“这是我的第一个主页”文字后,设定文字属性的操作有以下
8、两种:单击”格式”菜单项,选择”字体”后出现字体对话框;或单击鼠标右键,在弹出的对话框中单击”字体”选项,也将出现字体对话框。这时在对话框中的字体设为“隶书”,字型为“加粗”,大小为“6 (24磅)”,颜色为“红色”,效果为默认。单击”确定”按钮即可完成文字修饰。例中其他字体修饰的操作也类似进行。5、保存网页单击常规工具栏上的“ ”,或单击”文件”菜单再选择”保存文件”,就可以把正在编辑的网页保存起来。或直接按Ctrl+S键也可以保存网页。在对话框中的”文件名”栏内输入网页的文件名(如“First”),单击”保存”按钮,该网页就会保存到当前的站点上。FrontPage 2000保存文件的类型主
9、要有网页文件(.htm)、FrontPage模板(.tem)、文本文件(.txt)、超文本模板文件(.htt)等。6、关闭网页(1)、单击”文件”菜单并选择”关闭”,或直接按Alt+F4键,如果此时网页文件未保存,就会出现一个提示对话框。(2)、当单击对话框中的”是”按钮时,将出现保存网页对话框,输入网页文件名并单击”保存”按钮后,网页文件将被关闭;当单击”否”按钮时,该网页文件不保存并关闭;当单击”取消”按钮时,该网页文件不关闭,并返回主编辑窗口。五:学生上机操作,教师指导第5课时图片的运用一、教学目的:学习图片的插入和设置。二、教学重点:图片的插入和设置。三、教学时间:1课时四、教学步骤一
10、)插入图片下面我们以一个实例来说明如何在网页中加入图片。其操作步骤如下:(1)新建一个空白网页,把光标定位到要插入图片的地方。(2)单击“ ”工具图标,或单击”插入”菜单,选择”图片”菜单项,在子菜单中单击”来自文件”选项,在出现一个”图片”对话框的同时,还弹出一个”选择文件”对话框。(3)在”选择文件”对话框的“搜寻”栏内选定图片的存放位置,然后从文件列表中双击某个图片文件(或选定图片文件),单击”确定”按钮,则图片插入到网页中。二)、设置图片的属性在网页中插入图片后,我们还要对图片的某些属性进行设置。(1)在某个图片上单击鼠标右键后,弹出一个快捷菜单,选择图片属性。(2)单击”图片属性”菜
11、单项,出现图片属性对话框。在图片属性对话框中,我们可以设置图片的各种属性:1、常规属性“图片源”:指图片的存放位置。如果要重新选择其他一幅图片时,单击”浏览”按钮。如果要修改这幅图片,可以单击”编辑”按钮,启动自带的Image Composer软件,修改完图片后,只要退出该软件,网页图片就会自动更新。“替代表示”:如果当前图片较大,分辨率也较高,我们应该在”低分辨率”中选定一个备用的低分辨率图像,这样在一些浏览网页的低档机显示器不能显示高分辨率图片时,可以显示这个低分辨率的图片。此外,在“文本”栏内默认值为图片文件名加上文件长度,这是当该图片不能显示时,这些说明文字会显示出来,也就常说的图片的
12、别名。若要修改图片的别名时,在文本框内输入即可。2、图像的外观单击”图片属性”对话框中的”外观”选项卡。在这个对话框中,我们可以设置图片与文本之间的对齐方式、图片的边框粗细以及图片的大小等。布局栏:单击”对齐方式”下拉箭头,出现一个下拉菜单,有多种对齐方式,在图文混排时非常有用,大家可以试试看。利用”边框粗细”可以在图片周围加上一个指定宽度的边框。值为0时,边框不显示。设置”水平间距”和”垂直间距”的值,可以改变图片与相邻内容(如文字)之间的距离。默认情况下,浏览器中显示的网页图片是实际大小的图片。如果要改变图片的大小,则在对话框的”大小”栏中调整“宽度”、“高度”的值(单位为像素或百分比)。选择“保持纵横比”选项是防止尺寸修改后的图片出现太扁或太长的“变形”现象。图片的定位,可以单击图片工具栏的图片定位按钮。图片可以随便移动,但在预览时常会与实际不一致。三)学生上机操作: 在网页中插入合适的图片。
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1