搜索
–183–实验一FrontPage2000的基本操作一．实验目的1．掌握FrontPage2000启动和退出的方法。2．学会建立站点的方法。3．学会如何创建、保存、打开、关闭网页。二．实验内容1．FrontPage2000的启动方法一：开始/程序/MicrosoftFrontPage。方法二：开始/运行→弹出“运行”对话框→在“打开”文本框中输入：FRONTPG→单击“确定”。方法三：打开某一网页，然后单击浏览器窗口的“常用工具栏”的“使用MicrosoftFrontPage编辑器”项，则打开FrontPage窗口，并同时将正在浏览的网页显示在FrontPage的编辑区中。2．FrontPage2000的退出方法一：双击“控制菜单”按钮方法二：单击“关闭”按钮方法三：选择“文件/退出”菜单项方法四：快捷键Alt+F43．建立站点（1）在C盘根目录下，建立一个名为“myweb”的文件夹。（2）在myweb文件夹下建立一个名为“images”的文件夹，此文件夹用来存放网页中的图片文件。（3）建立一个新站，并使“myweb文件夹成为新站点的根文件夹。选择“文件/新建/站点”菜单项→弹出“新建”对话框→选择“空站点”项→在“指定新站点的位置”文本框中输入站点所在文件夹的路径：C:\myweb→确定4．创建网页（1）选择“文件/新建/网页”菜单项→弹出“新建”对话框，选择常规标签下的“普通网页”项→确定在新建的网页中输入“欢迎进入我的网站”。5．保存网页将新建的网页保存到站点文件夹“myweb”下，名为page1.htm。选择“文件/保存”菜单项弹出“另存为”对话框→输入、选择保存的文件夹、文件名→确定6．关闭网页选择“文件/关闭”菜单项，关闭当前网页。7．打开已有网页–184–打开网页前面建立的网页page1.htm：选择“文件/打开”菜单项→弹出“打开”对话框→输入、选择要打开的网页→确定实验二制作一个简单的网页一．实验目的熟悉FrontPage2000的基本操作。二．实验内容1．新建一个网页，输入下列内容：内容提要本书以当今世界上最优秀的创作网站和网页的软件之一FrontPage2000作为网页设计与制作工具，介绍了网页设计与制作的基本内容、方法和技巧，介绍了HTML语言以及网站管理的基本知识。全书共分15章，分别介绍FrontPage2000的功能、创建站点与网页、HTML语言基础、网页布局设计、网页装饰设计、创建超链接、巧用表格、表单设计、窗体妙用、框架网页设计、动态网页设计、快速制作网页、连接数据库、高级网页设计技术以及站点的维护和发布站点管理与维护等内容。各章后面有作业题和实践题，并提供配套的光盘教程。本书内容翔实、结构合理、由浅入深、语言流畅、实用性强，适合于学习网页设计与制作的广大读者，也很适合作为各类大中专院校的教材。2．对此网页进行如下操作：（1）将该文中的标题格式设置成“标题2”，居中，蓝色字。选中标题后，在“格式”工具栏中的“样式”文本框中设置。（2）将正文部分的字设置成宋体，2号字（10磅），红色。选定正文部分，选择“格式/字体”菜单项，弹出“字体”对话框进行设置。（3）将正文部分设置成段前、后间距均为0，行间距为1.5倍行距，首行缩进25。选定正文部分，选择“格式/段落”菜单项，弹出“段落”对话框进行设置。（4）在文本第一段的段首插入一幅剪贴画：季节类中的秋天将光标置于第一段段首，选择“插入/图片/剪贴图”菜单项，弹出“剪贴画库”对话框，选择要插入的剪贴画。（5）设置图片的宽度为150像素，保持纵横比，水平居左。右击图片，在弹出的快捷菜单中选择“图片属性”项，弹出“图片属性”对话框，选择“外观”标签，进行相应设置。（6）设置网页的标题为：内容简介，并将网页的背景设置成浅蓝色。右击网页，在弹出的快捷菜单中选择“网页属性”项，弹出“网页属性”对话框，在“常规”标签中设置网页标题，在“背景”标签中设置网页背景。（7）预览该网页，最后将该网页存到“myweb”文件夹下，名为page2.htm，将图页中的图片存到“myweb\images”文件夹中。–185–实验三使用列表一．实验目的1．掌握添加项目列表和编号列表的方法。2．学会设置嵌套列表的方法。二．实验内容1．为段落添加项目列表（1）输入下列文本：项目列表一项目列表二项目列表三项目列表四项目列表五（2）在以上文本中，为前三段添加“·”项目列表，后两段使用图片（剪贴画的“Web符号”类的第一个图片）作项目列表符号。选中前三段，选择“格式/项目符号和编号”项，弹出“项目符号和编号”对话框，选择“无格式项目列表”标签，选择所需项目列表符号。选中后二段，弹出“项目符号和编号”对话框，选择“图片项目符号”标签，选定“指定图片”项，单击“浏览”按钮，在弹出的对话框中选择相应的图片。2．为段落添加编号列表（1）输入下列文本：编号列表一编号列表二编号列表三编号列表四编号列表五编号列表六（2）在以上文本中，为前三段添加编号列表：1.、2.、3.，为后三段添加编号列表：B.、C.、D.。弹出“项目符号和编号”对话框，在“编号”标签中进行设置。–186–3．设置嵌套列表（1）输入文本并实现如图所示格式在嵌套列表的设置中，各层列表符号的设定同项目列表操作，而嵌套形成需要用“降级”和“升级”两种操作实现。①降一级：两次单击“格式”工具栏的“增加缩进”按钮。②升一级：两次单击“格式”工具栏的“减少缩进”按钮。（2）以上形成的嵌套列表设置成折叠形式右击要折叠列表的任一行，在弹出的快捷菜单中选择“列表属性”项，弹出“列表属性”对话框，选中“启用可折叠大纲”和“开始时折叠”两个复选项。预览以上网页，并以page3.htm为文件名存于“myweb”文件夹下,网页中的图片存于images文件夹中。实验四网页中的图片操作一．实验目的1．掌握对图片进行各种编辑操作的方法。2．学会如何剪裁图片、为图片设置透明色、为图片添加文本等操作。二．实验内容1．剪裁图片（1）在网页中插入一幅图片（剪贴画的地点类中的“城市”），将该图片的宽度剪裁去一半。单击选定图片，单击“图片”工具栏中的“剪裁”按钮，图片四周出现虚线矩形框，用鼠标拖动矩形框上的空心控制块，使矩形块的大小满足需要，再次单击“图片”工具栏中的“剪裁”按钮。（2）恢复被裁剪图片的原状单击选定图片，单击“图片”工具栏中的“还原”按钮，即可复原图片。2．将图片的某种颜色设置成透明（1）将以上图片中的背景色（粉色）设置成透明单击选定图片，再单击“图片”工具栏中的“设置透明的颜色”按钮，然后用鼠标单击图片中要设置成透明的颜色，则其就成为透明。（2）复原被设置了透明色的图片单击选定该图片，单击“图片”工具栏的“还原”按钮。3．为图片添加文本（1）在以上图片的左上角，添加“城市”两字，并设置成5号、隶书、红色单击选定图片，再单击“图片”工具栏的“文本”按钮，则图片中出现一文本框，–187–输入要添加的文字，对文字进行相应设置（设置方法同普通文本），然后将文本框拖至目标位置。4．设置图片的亮度和对比度选中图片，分别按动“图片”工具栏中的“增加对比度”、“减低对比度”、“增加亮度”、“减低亮度”按钮，观察图片的对比度和亮度的变化。5．图片的翻转与旋转选定图片，分别按动“向左旋转”、“向右旋转”、“水平翻转”、“垂直翻转”等按钮，观察图片的变化。6．图片的冲蚀和黑白处理“冲蚀”是指同时显著地降低图像的亮度和对比度。“黑白处理”是指将彩色图像转化为黑白图像。（1）选定图片，单击“图片”工具栏的“冲蚀”按钮，观察图片的冲蚀效果。然后单击“图片”工具栏的“还原”按钮，复原图片。（2）选定图片，单击“图片”工具栏的“黑白模式”按钮，观察图片的黑白效果。实验五表格一．实验目的1．掌握表格的基本操作。2．学会用表格布局网页的方法。二．实验内容1．表格的基本操作在网页中插入一个表格，输入相应的图片和文字，形成以下形式，并按单元格中的要求对表格进行设置。在FrontPage2000中插入表格及在表格中输入文字、文字的格式设置和插入图片等操作与在Word中的相应操作大致相同，大家可参照进行操作。而对表格格式的设置（包括设置边框线和背景），则需打开“表格属性”或“单元格属性”对话框，即可进行设置。2．用表格实现网页中的多栏布局–188–制作如图所示格式的网页，本网页水平方向分为三块，要保证每块增减行时，对其它两块没有影响。此效果的网页是通过表格的嵌套实现的。实验六超链接一．实验目的掌握在网页中创建超链接的操作方法。二．实验内容1．准备（1）打开中国教育和科研网首页（），单击链接“中国大学”，弹出“中国大学”网页，将该网存成htm网页文件，命名为cgdx..htm，存于“myweb”文件夹下。（2）新建一个空白网页，插入一个3行一列的表格，在每个单元格中输入相应的文字和剪贴画，如下图所示（图片为剪贴画的“音乐”类中的三的图片），将该网页以文件名tupian.htm存放在“myweb”文件夹下。（3）新建一网页，输入下列文字内容：–189–中国大学中国教育科研网与我联系图片一图片二图片三将该网页以文件名chaolj.htm存入“myweb”文件夹中。2．建立超链接（1）在FrontPage中，打开网页chaolj.htm。（2）以“中国大学”为链超源创建指向文件cgdx.htm。选中“中国大学”四个字，选择“插入/超链接”菜单项，弹出“创建超链接”对话框，单击“制作一个指向您计算机上文件的超链接”按钮，弹出“选择文件”对话框，选择要链接的文件，单击“确定”按钮。（3）以“中国教育科研网”为链接源，创建指向中国教育科研网首页的超链接，且链接时打开一个新网页。选中“中国教育科研网”，弹出“创建超链接”对话框，在对话框的URL框中输入中国教育科研网的网址：，单击“目标框架”后的按钮，弹出“目标框架”对话框，在“公用目标区”列表中选择“新建窗口”，单击“确定”按钮。（4）以“与我联系”为链接源，创建一个指向自己的E-mail地址的超链接。选中“与我联系”，弹出“创建超链接”对话框，单击“制作发送电子邮件的超链接”按钮，弹出“创建电子邮件超链接”对话框，输入自己的E-mail地址，单击“确定”按钮。3．使用书签链接（1）在chaolj.htm中以图片一、图片二、图片三为链接源，分别链接到同一个文件tupian.htm的不同位置。①先为tupian.htm文件中的三个图片分别建立一个书签：tupian1、tupian2、tupian3。在FrontPage中打开文件tupian.htm，将光标置于图片1单元格内，选择“插入/书签”菜单项，弹出“书签”对话框，在“书签名称”框中输入书签的名子：tupian1，单击“确定”按钮，则为图片1建立了一个书签，按以上方法为图片2和图片3分别建立书签：tupian2和tupian3。②在chaolj.htm中以图片一、图片二、图片三为链接源，建立指向文件tupian.htm中三个书签的超链接。选中相应文字，弹出“创建超链接”对话框，在“书签”框的下拉列表中选择相应书签，单击“确定”按钮。4．预览以上网页–190–实验七框架网页设计一．实验目的1．了解框架结构网页的意义。2．掌握创建框架结构网页的方法。二．实验内容1．准备（1）建立一个名为kuanj2-1.htm的网页文件，其中插入一幅剪贴画：“地点类”的“建筑物”。（2）建立一个名为kuanj2-2.htm的网页文件，其中插入一幅剪贴画：“地点类”的“城市”。2．建立框架结构网页（1）建立一个“目录”样式的框架网页，在左、右两个窗格中分别输入文字和剪贴画（“地点类”的“教堂”），如图所示。在FrontPage中选择“文件/新建/网页”菜单项，弹出“新建”对话框，选择“框架网页”标签，在列表中选中“目录”图标，单击‘确定“按钮，生成具有左、右两个窗格的目录框架结构网页。在左、右两个窗格中分别单击“新建网页”按钮，左、右