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:/ 等，进入某个站点所见到的第一页一般称为“HomePage ”，中
4、文的意思是“主页” 。什么是主页？主页的英文名称为“HomePage” ，一般认为某个站点的第一个网页叫做主页，文件名通常是“index.htm” （index.html）或“default.htm ”（default.html） ，也就是在 Web 浏览器“地址”栏内输入一个网址后，用户浏览到的第一个网页。用户再通过该主页的链接可以浏览到其他网页信息。3、新建站点实例：使用【只有一个网页的站点】模板创建一个 Web 站点。操作步骤：（1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【站点】菜单项，出现一个【新建】对话框，在对话框的【指定新站点的位置】项中输入新站点的存放位置。提示：新
5、站点的存放位置选择是磁盘存储方式，是因为考虑到实践操作中的方便。而一个站点要让在 Internet 上的用户正常浏览的话，应该通过 FrontPage 的站点发布功能或 FT 文件传送方式，把该站点内容传送至能提供存放空间的 Web 服务器上去。（3）单击【确定】按钮。此时 FrontPage 会自动以新站点名建立一个站点，并显示一个正在创建站点的提示对话框，之后该站点很快便创建好了。新建的站点只有一个主页 index.htm 文件，该主页还是空的，需要对它进行编辑添加内容。同时也可以添加一些网页到该站点中去。此外，我们发现该站点中包含有两个子文件夹。一个是_private 文件夹，一般用来存
6、放一些私人的文件，这些文件不会被别人看到。另一个是 images 文件夹，是 FrontPage 专门创建用来存放图像文件的文件夹，因为 FrontPage 扩展服务器的图像文件的默认目录为 images。4、关闭站点打开【文件】菜单，选择【关闭站点】菜单项，则当前站点被关闭。5、打开站点站点内容需要修改或添加时，必须把该站点打开。操作过程如下：打开【文件】菜单，在下拉菜单选择【打开站点】 ，出现一个对话框，在对话框的【文件夹】项中输入该站点的存放位置，然后单击【打开】按钮，站点将被重新打开。6、收集图片拷贝图片到新建站点的图片文件夹 images 中。五、 上机操作创建自己的站点，收集图片素
7、材。第二节 网页文本的基本制作一、 教学目的：学习文字的输入和设置，掌握网页的新建和保存。二、 教学重点：文字的输入和设置, 网页的新建和保存。三、 教学时间：3 课时四、 教学步骤：上节课已经介绍了如何创建一个 Web 站点，接下来我们将着重学习如何使用FrontPage 2003 来制作网页了。实例说明：本例是一个简单的主页制作，通过这个例子，我们将学会如何在站点内新建一个网页、设置页面格式、文字输入及字体设定、网页的预览与保存等基本方法。提示：本例先使用 FrontPage 建立一个站点。这样做，是为了网页文件的规范管理，所有网页及图片等文件都将保存到该站点内。本例以第一节所创建的站点为
8、例。1、新建网页 方法：使用工具按钮。在 FrontPage 2003 中单击 “ ”新建网页工具按钮，在主编辑窗口将出现一个空白网页。使用菜单命令。 （1）我们也可以从【文件】菜单中选择【新建】菜单项，在子菜单中选择【网页】菜单项，出现一个对话框。 （2）这个对话框中列出了很多事先设计好的网页模板。这时选择【普通网页】 ，单击【确定】按钮，此时在主编辑窗口中将出现一个空白网页。2、网页属性在空白网页中单击鼠标右键，从弹出的菜单中单击【网页属性】选项，出现网页属性对话框。在这个对话框中我们可以修改网页的多种属性。（1） 、常规属性设置。在这个对话框中共有 5 个选项卡。其中，在【常规】选项卡中
9、我们可以修改网页的标题、背景音乐等。修改网页标题。在对话框 【标题】栏内输入 “我的主页” 。修改背景音乐。单击 【背景音乐】区域的 【浏览】按钮，出现对话框，单击“ ”图标按钮，在硬盘目录下选择一个 Wav 声音文件。本例使用 “C:windowsMedia”目录下的“Start.wav ”文件，大家也可以自己选择其他的声音文件作为背景音乐。缺省状态下背景声音的设置为始终有声音。（2） 、背景色设置。单击网页属性对话框的【背景】选项卡，就可以设置网页的背景色和图片等。修改网页的背景色。单击对话框中【颜色】区域内的“背景”项下拉选择箭头，并从颜色框中选择一种颜色，然后单击【确定】按钮，这时网页
10、的背景颜色就变成了刚才选择的颜色。设置背景图片。 （1）重新单击鼠标右键，选择【网页属性】进入对话框并单击【背景】选项卡。 （2）然后单击在【格式】区域内的“背景图片”选择框，选中后下面的“水印”选择项、文本框都不再变灰。 （3）这时再单击【浏览】按钮进入网页背景图片选择对话框。 （4）单击对话框右下角的【剪贴画】按钮，就会弹出【剪贴画库】 。单击【Web 背景】选项从中选择一种图案作为背景，选中后单击 “ ”插入剪辑按钮。 （5）然后单击网页属性对话框的【确定】按钮。这时网页背景已变成了刚才选择的图案。3、文本输入从工具栏中的【字体样式】下拉菜单选择“标题 1”，然后从键盘输入“这是我的第一
11、个主页” ，按回车键。从【字体样式】下拉菜单选择“标题 2”，输入“个人信息” ，然后按回车键。接着输入“姓 名：小明” ，按 Shift 键加回车键；输入“年 龄：17” ，按 Shift 键加回车键；输入 “就读学校：珠海新世纪学校高一 (1)班” ，按Shift 键加回车键；输入“职 务：班长” ，按回车键。提示：我们在输入文本的时候使用了两种按回车键的方式：直接按回车键，按 Shift 键加回车键。大家可以在实际操作中自己体会一下这两种方式的区别。从【字体样式】下拉菜单选择“标题 2”，输入“联系信息” ，然后按回车键。接着输入“地 址：广东省珠海市 xx 大街” ，按 Shift 键
12、加回车键；输入 “邮政编码：519090” ，按Shift 键加回车键；输入“电 话：（0756）xxxxxxxx” ，按 Shift 键加回车键；输入“电子邮箱： ”，按回车键。输入“很高兴能认识您，希望能和您交朋友！” ，按回车键；输入“谢谢您参观我的网页，再见！” ，按回车键。4、字体设置 （1） 、选定文字 选定文字的方法有两种：一种方法是将鼠标指针移到待选文字段的开头，按住鼠标左键，不要松手，然后向右下方拖动，将该段文字涂黑；另外一种方法就是用键盘上的光标箭头将插入点移到选定文字的开头，然后左手按着 Shift 键，右边按光标移动键（如、键） ，也可将所选定文字涂黑。（2） 、修饰文
13、字修饰文字是指文字的字体、字型、大小（字号） 、颜色、效果的设置。例：选定“这是我的第一个主页”文字后，设定文字属性的操作有以下两种：单击【格式】菜单项，选择【字体】后出现字体对话框；或单击鼠标右键，在弹出的对话框中单击【字体】选项，也将出现字体对话框。这时在对话框中的字体设为“隶书” ，字型为“加粗” ，大小为“6 （24 磅） ”，颜色为“红色” ，效果为默认。单击【确定】按钮即可完成文字修饰。例中其他字体修饰的操作也类似进行。5、保存网页 单击常规工具栏上的“ ”，或单击【文件】菜单再选择【保存文件】 ，就可以把正在编辑的网页保存起来。或直接按 Ctrl+S 键也可以保存网页。如果你是在
14、修改已经保存过的网页，修改过的网页将被重新保存。但如果是新建的网页，单击“ ”后会出现对话框。在对话框中的【文件名】栏内输入网页的文件名（如“First” ） ，单击【保存】按钮，该网页就会保存到当前的站点上。FrontPage 2003 保存文件的类型主要有网页文件（.htm） 、FrontPage 模板（.tem ） 、文本文件（.txt） 、超文本模板文件（.htt）等。6、关闭网页（1） 、单击【文件】菜单并选择【关闭】 ，或直接按 Alt+F4 键，如果此时网页文件未保存，就会出现一个提示对话框。（2） 、当单击对话框中的【是】按钮时，将出现保存网页对话框，输入网页文件名并单击【保存
15、】按钮后，网页文件将被关闭；当单击【否】按钮时，该网页文件不保存并关闭；当单击【取消】按钮时，该网页文件不关闭，并返回主编辑窗口。 7、打开网页（1） 、单击“ ”工具图标，或单击【文件】菜单并选择【打开】 ，或直接按 Alt+O 键，出现一个打开文件对话框。（2） 、在对话框中单击【查找范围】下拉列表框，选择文件路径。在文件列表区中列出被选中该文件路径下的所有文件。（3） 、选中一个文件，然后单击【打开】按钮，或直接双击该文件名即可打开文件。 8、预览网页网页编辑完成后，可以用浏览器预览一下网页的效果。有两种预览网页的方式：（1） 、一种是单击 FrontPage 2003 主编辑窗口下面的
16、【预览】标签，就打开一个 FrontPage 编辑器自带的浏览器，看完之后，单击【普通】标签，又切换到编辑状态。（2） 、另一种是单击【常规】工具栏的“ ”图标按钮（或直接按 Ctrl+Shift+B 键，或单击【文件】菜单并选择【在浏览器中预览】菜单项） ，将启动已安装好的浏览器并打开该网页。如果在预览之前没有把修改后的或新建的网页保存起来，则将弹出一个对话框提示你应该首先保存该网页。注意：在预览窗口中看到的是网页在发布后的大致样式。要看到网页在 WWW 浏览器中的真实情形，必须使用【在浏览器预览】菜单项查看。而且，即使是在 WWWW 浏览器中浏览通过，不同的浏览器产生的效果不一样。在发布到
17、 Internet 上的前后，最好使用不同的浏览器多浏览几次。第三节、图片的运用一、教学目的：学习图片的插入和设置。二、教学重点：图片的插入和设置。三、教学时间：3 课时四、教学步骤一）插入图片下面我们以一个实例来说明如何在网页中加入图片。其操作步骤如下：（1）新建一个空白网页，把光标定位到要插入图片的地方。（2）单击“ ”工具图标，或单击【插入】菜单，选择【图片】菜单项，在子菜单中单击【来自文件】选项，在出现一个【图片】对话框的同时，还弹出一个【选择文件】对话框。（3）在【选择文件】对话框的“搜寻”栏内选定图片的存放位置，然后从文件列表中双击某个图片文件（或选定图片文件） ，单击【确定】按钮
18、，则图片插入到网页中。二） 、设置图片的属性在网页中插入图片后，我们还要对图片的某些属性进行设置。（1）在某个图片上单击鼠标右键后，弹出一个快捷菜单，选择图片属性。（2）单击【图片属性】菜单项，出现图片属性对话框。在图片属性对话框中，我们可以设置图片的各种属性：1、常规属性【图片源】：指图片的存放位置。如果要重新选择其他一幅图片时，单击【浏览】按钮。如果要修改这幅图片，可以单击【编辑】按钮，启动自带的 Image Composer 软件，修改完图片后，只要退出该软件，网页图片就会自动更新。【类型】：我们可以选择图片的类型，GIF 或者是 JPEG。 在“质量”栏内一般设定为 70-80 就行了
19、。【替代表示】：如果当前图片较大，分辨率也较高，我们应该在【低分辨率】中选定一个备用的低分辨率图像，这样在一些浏览网页的低档机显示器不能显示高分辨率图片时，可以显示这个低分辨率的图片。此外，在“文本”栏内默认值为图片文件名加上文件长度，这是当该图片不能显示时，这些说明文字会显示出来，也就常说的图片的别名。若要修改图片的别名时，在文本框内输入即可。2、图像的外观单击【图片属性】对话框中的【外观】选项卡。在这个对话框中，我们可以设置图片与文本之间的对齐方式、图片的边框粗细以及图片的大小等。布局栏：单击【对齐方式】下拉箭头，出现一个下拉菜单，有多种对齐方式，在图文混排时非常有用，大家可以试试看。利用
20、【边框粗细】可以在图片周围加上一个指定宽度的边框。值为 0 时，边框不显示。设置【水平间距】和【垂直间距】的值，可以改变图片与相邻内容（如文字）之间的距离。默认情况下，浏览器中显示的网页图片是实际大小的图片。如果要改变图片的大小，则在对话框的【大小】栏中调整“宽度” 、 “高度”的值（单位为像素或百分比） 。选择“保持纵横比”选项是防止尺寸修改后的图片出现太扁或太长的“变形”现象。图片的定位，可以单击图片工具栏的图片定位按钮。图片可以随便移动，但在预览时常会与实际不一致。三）上机操作：在网页中插入合适的图片。第四节 项目符号与编号列表一、教学目的：学习使用项目符号，理清条理，理解做事步骤。二、
21、教学重点：编号列表，图片项目符号列表，多级列表。三、教学时间：2 课时四、教学步骤：一）编号列表编号列表是在实际应用中最为常见的一种列表，编号列表的各列表项以某种形式的顺序进行排列。下面我们以一个实例说明。其操作步骤如下：1、新建一个空白网页，输入“我的兴趣和爱好”标题，按回车键；2、单击“ ”工具图标，在网页中出现“1.” ，在这个编号后面输入“看书” ；3、按回车键后，在“2.”后面输入 “上网” ；4、重复上述步骤，直到出现编号“5.” 。在其后面输入“踢足球” ，然后按 Shift+回车键，再输入“打网球” ，按回车键；5、在编号“6.”行上按回车键，该编号就会在屏幕上消失了；6、将网
22、页文件保存起来，并在浏览器中浏览。另外，在编号列表中，列表符号可以是数字，也可以是其他符号，这些符号有：（1）大写罗马数字：如.、.、.、.、；（2）小写罗马数字：如.、.、.、.、；（3）大写英文字母：如 A.、B.、C.、D.、；（4）小写英文字母：如 a.、b.、c. 、d.、。当需要改变列表编号时，其操作过程大致如下：1、将光标定位在一个列表所在行的任意位置。2、然后单击鼠标右键，这时将弹出一个对话框，单击其中的【列表属性】选项，出现列表属性对话框。 （或者单击【格式】菜单，选择【项目符号和编号】菜单项亦可。 ）3、此时在对话框中打开的是【编号】选项卡。4、单击不同的选择框，然后单击【
23、确定】按钮，就可以选择不同样式的项目编号。二）项目符号列表与编号列表不同，在项目符号列表中各列表项都是通过一个特殊符号引出的。下面以一个项目符号列表的实例来说明。其操作步骤如下：1、新建一个空白网页，输入“我喜欢看的文学名著” ，按回车键；2、或单击“ ”工具图标，在网页中出现一个黑点列表符号，在列表符号后面输入“三国演义 （罗贯中） ”；3、按回车键后，在下一行又出现一个黑点列表符号，依次输入“水浒传 （施耐庵） ”，按回车键；4、重复上述步骤，直到把“西游记 （吴承恩） ”、 “神曲 （但丁） ”全部输入计算机中；5、在最后出现的黑点列表符号行上，再按一次回车键，该黑点就会在屏幕上消失了；
24、6、将网页文件保存起来，并在浏览器中浏览。三）图片项目符号列表图片项目符号列表是一种特殊形式的列表，列表符号均由指定的图片引出列表项。在FrontPage 2003 中，用于列表的图片可以是软件自带的图片，也可以是你所指定的图片。下面我们以一个图片项目符号列表的实例操作进行讲述。具体操作过程如下：1、新建一个空白网页，输入“21 世纪的科学技术” ，按回车键。选定这段文字，并设置为 6 号字、宋体、加下划线；2、单击【格式】菜单项，然后选择【项目符号和编号】菜单项，出现项目符号和编号方式对话框，此时打开的是【图片项目符号】选项卡。3、选择【指定图片】 ，单击【浏览】按钮，出现选择图片对话框。4
25、、单击对话框右下角的【剪贴画】按钮，就会弹出【剪贴画库】 。选择并单击【Web符号】选项，从中选择一种图片（例中是“ ” ） ，选中后单击“ ”插入剪辑按钮。网页上就会出现这个图片符号。提示：如果要指定磁盘图片文件作为项目符号，则在【选择图片】对话框中单击“ ”按钮，出现一个选择文件对话框后，再选定硬盘目录上的一个图片文件，依次单击【确定】按钮后即可。5、在图片符号后，输入“信息科学技术” ，并按回车键；6、重复上述步骤，直到把“生物科学技术” 、 “材料科学技术”等全部输入计算机中；7、在最后的图片项目符号行上按回车键，该符号就会在屏幕上消失了；8、将网页文件保存起来，并在浏览器中浏览。四）
26、多级列表前面分别介绍了几种列表方式。但在实际应用中，各种列表往往同时混合使用，有时还需要使用多级嵌套列表。下面创建一个多级列表的实例。其操作过程如下：1、从【样式】下拉菜单中选择“标题 3”，输入“我最喜欢的电影” ，按回车键；2、单击“ ”工具图标，在编号“1.”后面输入“最喜欢的中国电影” ，按回车键。接着再输入“最喜欢的外国电影” ；3、以下是“最喜欢的中国电影”嵌套列表的操作：把插入点移到列表项目 “最喜欢的中国电影 ”的末尾，按回车键，新出现编号为“2.”的空列表行；连续两次单击 “ ”工具图标（增加缩进） ，或连续按 Ctrl+M 键，新出现的编号 “2.”消失，后面的标号恢复正常
27、。光标比上一行的位置缩进了两个字符，在光标位置出现了新的标号“1.” 。单击鼠标右键，这时将弹出一个对话框，单击其中的【列表属性】选项，出现列表属性对话框。此时打开的是【编号】选项卡。在【编号】选项卡中选择大写罗马数字列表方式，然后单击【确定】按钮，列表符号变为“.” 。接着输入“开国大典” ，按回车键；输入“生死抉择” ，按回车键；输入“花季雨季” 。4、以下是“最喜欢的外国电影”嵌套列表的操作：把插入点移到列表项目 “最喜欢的外国电影 ”的末尾，按回车键，新出现编号为“3.”的空列表行；连续两次单击“ ”工具图标（增加缩进） ，或连续按 Ctrl+M 键，新出现的编号“3.”消失。在光标位
28、置出现了新的标号“1.” 。单击鼠标右键，这时将弹出一个对话框，单击其中的【列表属性】选项，出现列表属性对话框。此时打开的是【编号】选项卡。单击【无格式项目列表 】选项卡，并从中选择方块符号列表方式。然后单击【确定】按钮，列表符号变为“ ”。接着输入“魂断蓝桥” ，按回车键；输入“生死时速” ，按回车键；输入“飘” 。5、在结尾的项目符号行上连续按回车键，直到该符号在屏幕上消失为止；6、将网页文件保存起来，并在浏览器中浏览。五） 、上机操作：在网页上练习项目符号与编号列表第五节 表格的运用一、教学目的：学习表格的插入、编辑和设置。二、教学重点：表格的生成，编辑和设置。三、教学时间：3 课时四、
29、教学步骤一） 、表格的组成表格的几个部分组成：表头：表格的首行，表示表格各列的名称。行：表格的一行，水平方向。列：表格的一列，垂直方向。单元格：在表格中，每个方格称为一个单元格（Cell ） ，可以为每个单元格设置不同的属性。边框：在表格的四周，可设置有无。在每个单元格中，除了可以填写文本之外，还可以放置图片、表单等，表格的最大好处是能分类显示数据，同时还能利用表格来组织网页的整体布局。二） 、插入表格在 FrontPage 2003 中插入一张表格的方法有三种： 1、使用【插入表格】工具按钮 （1）将光标移到你要插入表格的位置，即插入点。（2）在常用工具栏中单击“ ”图标工具，在下方出现一个
30、“45”的表格小方框。（3）按住鼠标左键，同时朝右下方拖动鼠标，在方框底部显示相应的表格行数和列数。（4）松开鼠标左键，在插入点处自动出现一张空的表格。2、使用【表格】菜单命令（1）将光标移到你要插入表格的位置，即插入点。（2）单击【表格】菜单，选择【插入】选项，并在选择项中单击【表格】选项，出现插入表格对话框。（3）在对话框中，在“行数”输入需要的行数（例中为 5） ，在“列数”输入需要的列数（例中为 4） ，同时设置好“对齐方式” 、 “边框粗细” 、 “单元格边框” 、 “单元格间距” 。（4）最后单击【确定】按钮，屏幕上就会出现一张空的表格。说明：如果在对话框中“边框粗细”值设置为 0
31、 时，则该表格线在浏览网页时不会被显示出来。3、使用手工绘制表格如果想在网页中插入一张不规则的表格，可以采用以下步骤： （1）将插入点移到你要添加表格的地方。（2）在【表格】菜单中选择【绘制表格】选项，或单击表格工具栏上的“ ” 。（3）此时光标变成笔的形状。按住鼠标左键，然后向右下方拖动，到达适当位置的时候松开鼠标左键后，将会出现“11”的表格。（4）如果要在表格内添加表格的行和列，可以利用这支笔在表格内画水平或垂直线。（5）单击工具栏上的“ ”擦除按钮，可以删除表格内的任意一条线。4、嵌套表格很多时候，我们要在一张表格中插入另一张表格，其做法与前面所介绍的插入表格操作并没有太大的区别，只是
32、在插入表格之前应该把插入点定位在单元格内。利用这种做法，我们将可以制作出非常复杂却符合我们要求的表格来。三） 、表格的属性1、选定表格元素选定表格元素指选择表格的单元格、一行或一列、多行或多列、整个表格。在表格元素被选定后，才能修改单元格属性、表格属性、复制和删除等操作。选定整个表格。其操作方法：单击 【表格 】菜单，选择【选定】单击【表格】选项，则整个表格反色显示，表示已被选定了整个表格。选定表格的行。其操作方法主要有以下两种： 将光标移到表格中某一行的左边，当光标变成向右的“ ”黑色小箭头时，单击鼠标左键。此时该行反色显示，表示该行已被选中。 将光标移到表格中某一行的任意一个单元格内，然后
33、单击【表格】菜单，选择【选定】后再单击【行】选项，则该行被选定。选定表格的列。其操作方法主要也有两种： 将光标移到表格中某一列的最上边，当光标变成一个向下的“ ”黑色小箭头时，单击鼠标左键，此时该列被选中。 将光标移到表格中某一行的任意一个单元格内，然后单击【表格】菜单，选择【选定】后再单击【列】选项，则该列被选定。选定单元格 选定一个单元格。将光标移到某单元格内，单击【表格】菜单，选择【选定】后再单击【单元格】选项，则该单元格被选定。 选定多个单元格。在选定一个单元格后，用手按住 Ctrl 键，不要松开，然后单击要选定的其他单元格。选定表格的多行或多列。用与 “选定多个单元格 ”的类似方式来
34、操作。2、设置表格的属性设置整个表格的多种属性，其操作步骤如下：将光标移到表格中，单击【表格】菜单，选择【属性】 ，再单击【表格】选项，或在表格上单击鼠标右键，接着选择【表格属性】 ，出现一个对话框。对齐方式。该设置是整个表格在网页内的对齐方式，开始设为默认，可设置为左对齐、右对齐、水平居中、两端对齐。单元格边距。单元格边界与内容之间的距离。该值越大，单元格内的文字与表格线的距离越大。单元格间距。单元格与单元格之间的距离。边框粗细。设置表格外边框的宽度。如不显示外边框，可将此值设为0。此外，在【表格属性】对话框中，也可以设置表格的背景颜色、背景图片、整个表格的宽度与高度，只要单击相应按钮，就可
35、以为表格设置各种属性。3、设置单元格的属性设置某个单元格的属性，也可同时设置多个单元格的属性。步骤如下：（1）选定要设置属性的单元格（如果只须设置某个单元格的属性，只需将光标移到该单元格内，无需选定该单元格） ；（2）单击【表格】菜单，选择【属性】 ，然后单击【单元格】选项，或单击鼠标右键，选择【单元格属性】选项，将会出现一个对话框。（3）在单元格属性对话框中，我们可以设置单元格的多种属性。（4）设置完毕后，单击【应用】按钮，可以预览一下设置效果。（5）单击【确定】按钮，设置结束。在这个对话框中，我们可以设置单元格的属性有：单元格布局 水平对齐方式。有五个选项：默认左对齐、左对齐、右对齐、水平
36、居中、两端对齐。 垂直对齐方式。有五个选项：默认靠上、靠上、居中、基线、靠下。 行跨距。即单元格跨越的行数。例如此数设为 2，则这个单元格就对应两行单元格的高度。 列跨距。即单元格跨越的列数。例如此数设为 2，则这个单元格就对应两行单元格的宽度。 标题栏。如果选择了此项，表格的第一行就变成了表格的标题。 不换行。设置此项后，这个单元格中的文字不会随着表格大小的变化而自动换行。 指定宽度。该单元格的最小宽度。可以是像素（Pixels）或百分数（in percent） 。如果是百分比方式，该值是指该单元格占整个表格宽度的百分比。 指定高度。该单元格的最小高度，一般无需指定。浏览器会根据显示窗口的大
37、小而自动调整。边框 边框颜色。设置边框的颜色，默认为黑色。 亮边框。单元格内右边与下边框的颜色。 暗边框。单元格内左边与上边框的颜色。背景单击“颜色”下拉列表框右边的箭头，可以指定每个单元格的背景颜色。没有指定时，浏览器采用默认颜色。也可以为每个单元格指定不同的背景图案，单击“浏览”按钮就可以实现这一点。四） 、插入与删除、合并与拆分 一张表格创建后，可以在单元格内输入文字、符号等，也可以删除单元格中的任何内容，这与在网页中的操作方式完全相同。以表格为例输入内容。此外，可通过插入、删除、合并、拆分表格或单元格，得到需要的新表格。1、插入行或列创建一张表格后，觉得表格的行数或列数不够，就用到插入
38、行或列的功能。实例：把表格扩大，最下方插入 3 行，最右方插入 2 列。（1）在表格中插入行。其操作方法有以下两种：使用菜单命令：1) 将光标定位在待插入行的任意单元格内；2) 然后单击 【表格】菜单，选择【插入】菜单项，在子菜单中单击【行或列】选项，出现对话框；3) 在对话框中选择【 行】单选按钮。在【行数】框内输入要插入的行数（例如3） ，并在【位置】栏中选择“所选区域下方”单选按钮。4) 单击【确定】按钮，在光标所在行的下方插入了新的行（设为 3） 。使用【表格】 工具栏选定一行后，单击工具栏上的“ ”插入行图标，也可以在选定行的上方插入新的一行。（2）在表格中插入列。其操作方法与插入行
39、类似，也有以下两种：使用菜单命令：1) 将光标定位在待插入列的任意单元格中；2) 然后单击 【表格】菜单，选择【插入】菜单项，在子菜单中单击【行或列】选项，出现对话框；3) 在对话框中选择【 列】单选按钮。在【列数】框内输入要插入的列数（设为2） ，并在【位置】栏中选择“所选区域右方”单选按钮。4) 单击【确定】按钮，则在当前所在列的右方插入了新的列（2 列） 。使用【表格】 工具栏选定一行后，单击工具栏上的“ ”插入列图标，则可以在选定列的左方插入新的一行。经过上述插入行和列的操作步骤，得到表格中插入 3 行、2 列后的效果.2、删除行、列或单元格当表格中某行或某列数据多余，或某不需要单元格
40、时，应把它们删除。实例：以表格为例，把表格中新插入的 3 行、2 列删除。通过删除行、列进行。操作步骤如下：1) 先删除行：A) 选定行：将光标移到表格中要删除的行的最左边，光标变成向右的“ ”小箭头时，单击鼠标左键，该行反色显示被选中。B) 删除行：单击“ ”图标工具，则选中行被删除。C) 重复上述 A)、B)两步骤把其余两行也删除。2) 再删除列：a) 选定列：将光标移到表格中要删除的列的最上边，光标变成向下的“ ”黑色小箭头时，单击鼠标左键。此时该列被选中。b) 删除列：单击“ ” 图标工具，则选中列被删除。c) 重复上述 a） 、b）两个步骤把另一列也删除。通过删除单元格进行。其操作步
41、骤如下：1) 选定一个单元格：单击【表格】菜单项，选择【选定】 ，单击【单元格】选项。2) 选定多个单元格：选定一个单元格后，用手按住 Ctrl 键，不要松开，然后单击要选定的其他所有需要删除的单元格。3) 删除单元格：单击【表格】菜单，选择【删除单元格】选项，则选中的所有单元格都会被删除。3、合并单元格将多个单元格合并成一个单元格。下面通过一个实例来说明，其操作步骤：（1）在表格中，选定第一列的后面的三个单元格。（2）单击“ ”图标工具，或单击【表格】菜单项，选择【合并单元格】选项，这时选定的三个单元格合并为一个单元格。（3）选中最后一行的后两个单元格，采用上述（2）中的操作也可以把它们合并
42、为一个单元格。4、拆分单元格将一个单元格拆分成多个单元格，这与合并单元格的操作正好相反。拆分单元格有两种不同的方式：一种是按行拆分，即把单元格按行拆分为多个单元格；另一种是列拆分，即把单元格按列拆分为多个单元格。下面我们通过一个实例来说明，其操作步骤如下：（1）在网页中插入一个 22 的空表格。（2）将光标定位在第一行第一列的单元格内。（3）单击鼠标右键，弹出一个快捷菜单，也可以单击【表格】菜单项。此时选择【拆分单元格】菜单项，出现一个对话框。 （或单击“ ”图标工具）（4）在【拆分单元格】对话框中，选择【拆分为行】单选按钮。（5）把【行数】的值设为 2（默认值） ，单击【确定】按钮。此时表格
43、第一行第一列的单元格被拆分为两行，左上角两个单元格。（6）将光标定位在第一行右边的单元格内。（7）再次单击鼠标右键，选择【拆分单元格】菜单项，出现一个拆分单元格对话框。（8）在对话框中，选择【拆分为列】单选按钮。（9）把【列数】的值设为 2（默认值） ，单击【确定】按钮。此时表格第一行第二列的单元格被拆分为两列，得最后结果。五） 、表格的妙用我们除了用表格组织来数据之外，还有就是用表格来组织网页内容。下面用实例来说明如何设计由一个表格所组织的网页，其操作步骤如下：（1）在空白网页中插入一个 22 的表格，将表格的边界大小设置为 0；（2）在表格第一行第一列的单元格和第二行第二列的单元格中输入内
44、容；（3）在表格中第一行第二列的单元格和第二行第一列的单元格中插入图片；得最后的效果。六） 、上机操作制作表格并设计网页。第六节 超链接的建立和设置一、 教学目的：学习超链接的制作方法。掌握超链接的设置技巧。二、 教学重点：超链接的制作方法，超链接的设。三、 教学时间：3 课时四、 教学步骤：每当我们在浏览网页时，都会发现当鼠标指针移动到某些文字或图片时，就会变成一只手掌“ ”的样子，这时只需单击鼠标左键就可以打开另一网页了。这就是我们将要讲述的网页“超链接”方式。正是由于有了“超链接” ，因特网才会如此神奇和流行！网页上的超链接主要有三种：一种是相对网址的超链接；第二种是与绝对网址（如htt
45、p:/）的超链接；第三种是指在同一网页内的超链接。一） 、同一网站内的超链接相对网址的超链接下面我们以一个实例来说明，其效果。其操作步骤如下：（1）创建一个新网站，并在网站内新建几个网页文件：主页“index.htm” 、兴趣“interest.htm”、相册“photo.htm” 、喜爱站点“myfav.htm”等文件。（2）打开主页文件“index.htm” ，输入文字内容，并单击“ ”插入图片按钮，从“剪贴画库学院”中插入图片。（3）选定网页内的文字“兴趣” ，单击“ ”超链接工具按钮，出现【编辑超链接】对话框。在对话框的文件列表中选择“interest.htm”网页文件。（4）与（3）
46、操作类似，对文字“相册” 、 “喜爱站点”分别设置超链接到文件“photo.htm”、 “myfav.htm”。（5）为邮箱设置超链接：选定文字“” ，单击“ ”超链接按钮，出现“编辑超链接”对话框。然后单击“ ”按钮（在对话框“URL”栏右边） ，出现“创建电子邮件超链接”对话框。在文字框内输入邮箱地址（如 ） ，连续单击【确定】按钮，就可以创建一个超链接到邮箱地址。（6）最后保存文件到主页“index.htm” 。二） 、绝对网址的超链接下面通过一个实例来说明，其效果。其操作步骤如下：（1）在上例所创建的网站中，打开喜爱站点“myfav.htm”网页文件。（2）输入标题“我喜爱的站点” ，
47、 “文字链接：” ，按回车键。（3）单击“ ”工具按钮，建立项目符号列表。（4）文字上的超链接：输入“中文搜狐” ，选定这段文字，然后单击超链接工具按钮，在所出现的对话框“URL”栏内输入“http:/” ，最后单击【确定】按钮。就可以创建了文字上的超链接；（5）与（4）操作类似，创建超链接： 广州视窗（http:/ 、中华-国中网（ http:/） 、碧海银沙（http:/ ） ；（6）输入文字“图片链接：” ，单击“ ”工具图标，出现对话框。依次选择在 images 目录中已准备好待设置超链接的图片：“chinaschool.gif”（中国国讯网校） 、 “netease.jpg”（广州网
48、易） 、 “sina.gif”（新浪网） 、“yongth.gif”（中国青年报） 。（7）图片上的超链接： 选定刚插入的图片 ，单击“ ”超链接工具按钮，在出现的对话框中的“URL”栏内输入网址“ http:/ 、新浪网（http:/ 、中国青年报（http:/ 。（9）输入文字“返回主页” ，创建一个超链接到主页文件 “index.htm”。（10）保存网页文件到喜爱站点“myfav.htm” 。 三） 、同一网页内的超链接书签当一个网页文件比较长的时候，为了便于浏览，我们往往在网页中使用书签。在网页中使用书签的步骤分为两步：第一步是先定义书签，即在网页中某位置上定义一个书签；接下来是使用书签，即定义一个超链接到该书签。下面通过一个实例来说
