4、字体设置
(1)、选定文字 选定文字的方法有两种:
①一种方法是将鼠标指针移到待选文字段的开头,按住鼠标左键,不要松手,然后向右下方拖动,将该段文字涂黑;
②另外一种方法就是用键盘上的光标箭头将插入点移到选定文字的开头,然后左手按着Shift键,右边按光标移动键(如←、↑、→、↓键),也可将所选定文字涂黑。
(2)、修饰文字
修饰文字是指文字的字体、字型、大小(字号)、颜色、效果的设置。
例:选定“这是我的第一个主页”文字后,设定文字属性的操作有以下两种:
①单击【格式】菜单项,选择【字体】后出现字体对话框;
②或单击鼠标右键,在弹出的对话框中单击【字体】选项,也将出现字体对话框。
③这时在对话框中的字体设为“隶书”,字型为“加粗”,大小为“6 (24磅)”,颜色为“红色”,效果为默认。单击【确定】按钮即可完成文字修饰。例中其他字体修饰的操作也类似进行。
5、保存网页
单击常规工具栏上的“ ”,或单击【文件】菜单再选择【保存文件】,就可以把正在编辑的网页保存起来。或直接按Ctrl+S键也可以保存网页。
如果你是在修改已经保存过的网页,修改过的网页将被重新保存。但如果是新建的网页,单击“ ”后会出现对话框。
在对话框中的【文件名】栏内输入网页的文件名(如“First”),单击【保存】按钮,该网页就会保存到当前的站点上。FrontPage 2000保存文件的类型主要有网页文件(.htm)、FrontPage模板(.tem)、文本文件(.txt)、超文本模板文件(.htt)等。
6、关闭网页
(1)、单击【文件】菜单并选择【关闭】,或直接按Alt+F4键,如果此时网页文件未保存,就会出现一个提示对话框。
(2)、当单击对话框中的【是】按钮时,将出现保存网页对话框,输入网页文件名并单击【保存】按钮后,网页文件将被关闭;当单击【否】按钮时,该网页文件不保存并关闭;当单击【取消】按钮时,该网页文件不关闭,并返回主编辑窗口。
7、打开网页
(1)、单击“ ”工具图标,或单击【文件】菜单并选择【打开】,或直接按Alt+O键,出现一个打开文件对话框。
(2)、在对话框中单击【查找范围】下拉列表框,选择文件路径。在文件列表区中列出被选中该文件路径下的所有文件。
(3)、选中一个文件,然后单击【打开】按钮,或直接双击该文件名即可打开文件。
8、预览网页
网页编辑完成后,可以用浏览器预览一下网页的效果。有两种预览网页的方式:
(1)、一种是单击FrontPage 2000主编辑窗口下面的【预览】标签,就打开一个FrontPage编辑器自带的浏览器,看完之后,单击【普通】标签,又切换到编辑状态。
(2)、另一种是单击【常规】工具栏的“ ”图标按钮(或直接按Ctrl+Shift+B键,或单击【文件】菜单并选择【在浏览器中预览】菜单项),将启动已安装好的浏览器并打开该网页。如果在预览之前没有把修改后的或新建的网页保存起来,则将弹出一个对话框提示你应该首先保存该网页。
注意:在预览窗口中看到的是网页在发布后的大致样式。要看到网页在WWW浏览器中的真实情形,必须使用【在浏览器预览】菜单项查看。而且,即使是在WWWW浏览器中浏览通过,不同的浏览器产生的效果不一样。在发布到Internet上的前后,最好使用不同的浏览器多浏览几次。
第三节、图片的运用
一、教学目的:学习图片的插入和设置。
二、教学重点:图片的插入和设置。
三、教学时间:1课时
四、教学步骤
一)插入图片
下面我们以一个实例来说明如何在网页中加入图片。其操作步骤如下:
(1)新建一个空白网页,把光标定位到要插入图片的地方。
(2)单击“ ”工具图标,或单击【插入】菜单,选择【图片】菜单项,在子菜单中单击【来自文件】选项,在出现一个【图片】对话框的同时,还弹出一个【选择文件】对话框。
(3)在【选择文件】对话框的“搜寻”栏内选定图片的存放位置,然后从文件列表中双击某个图片文件(或选定图片文件),单击【确定】按钮,则图片插入到网页中。
二)、设置图片的属性
在网页中插入图片后,我们还要对图片的某些属性进行设置。
(1)在某个图片上单击鼠标右键后,弹出一个快捷菜单,选择图片属性。
(2)单击【图片属性】菜单项,出现图片属性对话框。在图片属性对话框中,我们可以设置图片的各种属性:
1、常规属性
² 【图片源】:指图片的存放位置。如果要重新选择其他一幅图片时,单击【浏览】按钮。如果要修改这幅图片,可以单击【编辑】按钮,启动自带的Image Composer软件,修改完图片后,只要退出该软件,网页图片就会自动更新。
² 【类型】:我们可以选择图片的类型,GIF或者是JPEG。在“质量”栏内一般设定为70-80就行了。
² 【替代表示】:如果当前图片较大,分辨率也较高,我们应该在【低分辨率】中选定一个备用的低分辨率图像,这样在一些浏览网页的低档机显示器不能显示高分辨率图片时,可以显示这个低分辨率的图片。此外,在“文本”栏内默认值为图片文件名加上文件长度,这是当该图片不能显示时,这些说明文字会显示出来,也就常说的图片的别名。若要修改图片的别名时,在文本框内输入即可。
2、图像的外观
单击【图片属性】对话框中的【外观】选项卡。在这个对话框中,我们可以设置图片与文本之间的对齐方式、图片的边框粗细以及图片的大小等。
² 布局栏:
单击【对齐方式】下拉箭头,出现一个下拉菜单,有多种对齐方式,在图文混排时非常有用,大家可以试试看。
利用【边框粗细】可以在图片周围加上一个指定宽度的边框。值为0时,边框不显示。
设置【水平间距】和【垂直间距】的值,可以改变图片与相邻内容(如文字)之间的距离。
默认情况下,浏览器中显示的网页图片是实际大小的图片。如果要改变图片的大小,则在对话框的【大小】栏中调整“宽度”、“高度”的值(单位为像素或百分比)。选择“保持纵横比”选项是防止尺寸修改后的图片出现太扁或太长的“变形”现象。
图片的定位,可以单击图片工具栏的图片定位按钮。图片可以随便移动,但在预览时常会与实际不一致。
三)上机操作: 在网页中插入合适的图片。
第四节 项目符号与编号列表
一、教学目的:学习使用项目符号,理清条理,理解做事步骤。
二、教学重点:编号列表,图片项目符号列表,多级列表。
三、教学时间:2课时
四、教学步骤:
一)编号列表
编号列表是在实际应用中最为常见的一种列表,编号列表的各列表项以某种形式的顺序进行排列。下面我们以一个实例说明。其操作步骤如下:
1、新建一个空白网页,输入“我的兴趣和爱好”标题,按回车键;
2、单击“ ”工具图标,在网页中出现“1.”,在这个编号后面输入“看书”;
3、按回车键后,在“2.”后面输入 “上网”;
4、重复上述步骤,直到出现编号“5.”。在其后面输入“踢足球”,然后按Shift+回车键,再输入“打网球”,按回车键;
5、在编号“6.”行上按回车键,该编号就会在屏幕上消失了;
6、将网页文件保存起来,并在浏览器中浏览。
另外,在编号列表中,列表符号可以是数字,也可以是其他符号,这些符号有:(1)大写罗马数字:如Ⅰ.、Ⅱ.、Ⅲ.、Ⅳ.、…;(2)小写罗马数字:如ⅰ.、ⅱ.、ⅲ.、ⅳ.、…;(3)大写英文字母:如A.、B.、C.、D.、…;(4)小写英文字母:如a.、b.、c.、d.、…。当需要改变列表编号时,其操作过程大致如下: