FrontPageExpress的基本操作.doc

FrontPage Express的基本操作一、FLASH的插入请在Frontpage2000设计一个如图所示的网页。要求：插入一个一行四列的表格，表格的宽度为600像素，高度为350像素，对齐方式为“水平居中”，其余属性为默认设置。插入表格标题“QQ形象列表”，并将该文字设置动态HTML效果如下：当鼠标悬停时，文字变为红色，加粗显示。在从左到右的单元格中依次插入素材中的：flash文件：boy.swf、girl1.swf、girl2.swf、girl3.swf,高度均为350像素、宽度均为150像素，其余属性为默认设置。将素材文件中的lemontree.mid设为背景音乐。设计完毕，把该网页保存为1-5.html。步骤：（1）启动Frontpage2000，通过菜单上“文件”“保存文件”命令，将网页文件保存在考生文件夹里，文件名为1-5.html。（2）通过菜单上“表格”“插入”“表格”命令，插入一个1行4列的表格。将光标放在表格中闪动，单击右键，在弹出的菜单栏上选择“表格属性”，在弹出面板中按照题目要求，对表格属性进行设置（宽度为600像素，高度为350像素，对齐方式为“水平居中”）。（3）通过菜单上“表格”“插入”“标题”命令，插入表格标题“QQ形象列表”。选中表格标题，通过菜单栏上“格式”“动态HTML效果”命令，进行动态HTML效果设置。（4）通过菜单栏上“插入”“高级”“插件”命令，按要求依次插入Flash文件。（5）在网页任意位置右键单击，在弹出的菜单栏上选择“网页属性”命令，在常规选项卡中设置背景音乐，设置完毕单击“确定”按钮。相关知识：动态DHTML效果设置：格式动态HTML效果。FLASH的设置：插入高级插件二、动态DHTML效果设置请在Frontpage2000中，设计制作一幅标题“mypage”的普通网页，具体要求如下：在网页中插入一个2行1列的表格。该表格的属性为：宽750像素，高550像素，对齐方式为水平居中；边框粗细为6个像素，颜色为FF6666；单元格边距及单元格间距为0个像素。第一行的高度为70个像素，输入文本”动态效果应用”，字体大小为36磅、居中对齐，并对此文本添加动态HTML的效果。具体效果要求如下：当鼠标在此文本上双击时，上述文本的字体从右下部飞出。第二行的高度为20个像素，背景颜色为FF9933。将答案以文件名为1-6.html保存步骤：（1）启动Frontpage2000，通过菜单上“文件”“保存文件”命令，将网页文件保存在考生文件夹里，文件名为1-6.html。（2）通过菜单上“表格”“插入”“表格”命令，插入一个2行1列的表格。将光标放在表格中闪动，单击右键，在弹出的菜单栏上选择“表格属性”，在弹出面板中按照题目要求，对表格属性进行设置。（3）将光标放置在第一行，单击右键，在弹出的菜单栏上选择“单元格属性”，在弹出面板中按照题目要求，设置单元格属性，设置完毕单击“确定”按钮。接着在第一行中，输入文本“动态效果应用”，选中文本，按要求设置文字属性；在通过菜单栏上“格式”“动态HTML效果”命令，进行动态HTML效果设置。（4）将光标放置在第二行，单击右键，在弹出的菜单栏上选择“单元格属性”，在弹出面板中按照题目要求，设置单元格属性，设置完毕单击“确定”按钮。相关知识：动态DHTML效果设置：格式动态HTML效果。三、横幅广告管理器的设置利用Frontpage2000制作一个如图所示的网页，并按照要求将此文件保存到考生文件夹内，名为1-7.htm.要求：（1）新建一个普通网页，并插入一个4*1（即4行1列）的表格，该表格的属性为：宽600个像素，高262个像素，对齐方式为水平居中；过框粗细为5个像素，颜色为99FF99；单元格边距及单元格间距均为1个像素。（2）请将素材包中的图片22.gif文件插入到第一行中，并将该图片的大小设置为宽600个像素，高65个像素，但不保持纵横比。（3）请将第二行的高度设置为19个像素，背景颜色设置为99FF99。（4）将第三行拆分成两列，并在第三行第一列中输入相应的文字内容（素材见introduce.txt）,设置于文字“当前位置书店简介：”部分为黑体，字体颜色为8000FF，字体大小为18个像素；对齐方式为左对齐；单字间距为2个像素。并将该外部CSS样式单用。段落“本书店专业经营，选作教材。”字体为仿宋体_GB2312，字体颜色为9090FF，字体大小为15个像素；对齐方式为左对齐；单字间距为5个像素。（5）请在第三行第二列中插入广告横幅管理器，其具体属性如下：宽度为247个像素，高度为319个像素；过渡效果为水平遮蔽；每副图片为显示需要2秒钟。所要显示的图片分别为book1.jpg, book2.jpg, book3.jpg.（如有提示下载JAVA虚拟机不需下载！）步骤：（1）启动Frontpage2000，通过菜单上“文件”“保存文件”命令，将网页文件保存在考生文件夹里，文件名为1-7.html。（2）通过菜单上“表格”“插入”“表格”命令，插入一个4行一列的表格。将光标放在表格中闪动，单击右键，在弹出的菜单栏上选择“表格属性”，在弹出面板中按照题目要求，对表格属性进行设置。（3）将光标放置在第一行，通过“插入”“图片”“来自文件”命令，在第一行中插入图片。（4）将光标放置在第二行，单击右键，在弹出的菜单栏上选择“单元格属性”，在弹出面板中按照题目要求，设置单元格属性。（5）通过菜单栏上“表格”“拆分单元格”命令，将第三行拆分为两列。并在第三行第一列中输入相应的文字内容，按要求设置字体样式。（8）将光标放置在第三行第二列，通过“插入”“组件”“横幅广告管理器”命令插入横幅广告。四、音频视频的插入用Frontpage设计一个如图所示的网页。要求：插入一个二行一列的表格，表格宽度为600像素，对齐方式为“水平居中”，其余属性为默认设置。在第一个单元格中插入素材包中的音频文件“1.wav”，高度为150像素，宽度为500像素；在第二个单元格中插入素材包中的视频文件“counter.avi”，高度为300像素，宽度为500像素。设计完毕，将该网页保存为1-8.html。步骤：（1）启动Frontpage2000，通过菜单上“文件”“保存文件”命令，将网页文件保存在考生文件夹里，文件名为1-8.html。（2）通过菜单上“表格”“插入”“表格”命令，插入一个二行一列的表格。将光标放在表格中闪动，单击右键，在弹出的菜单栏上选择“表格属性”，在弹出面板中按照题目要求，对表格属性进行设置。（3）将光标放置在第一行，通过“插入”“高级”“插件”命令，插入音频文件“1.wav”。（4）将光标放置在第二行，通过“插入”“图片”“视频”命令，插入视频文件“counter.avi”，右键单击视频文件，然后在弹出快捷菜单选择 “图片属性”可以设置视频属性。五、链接的设置设计一个如图所示的网页。要求：插入一个一行两列的表格，表格宽度为800像素，高度为500像素，对齐方式为“两端对齐”，边框的颜色为“深蓝色”，其余属性设置为默认。在第一个单元格插入素材的FLASH文件“wuji.swf”，设置文件的大小为300*400像素，对齐方式为“绝对居中”，并用黄色“虚线”边框修饰该FLASH文件。将第二个单元格拆分为两行，在第一行中输入文字“鸟语花香”，文字属性为“幼圆、粉红色、24磅、居中对齐”，设置单元格高度为160像素，宽度为200像素，创建邮件链接至，在第二个单元格中插入视频文件“aaa.avi”，设置大小为200*135像素，水平居中对齐。制作完毕，将该网页保存为“1-9.html”，并提交网页作为答案。步骤（略）相关知识邮件链接：选中文字“鸟语花香”，单击菜单“插入”“超链接”命令，在弹出的面板中，单击按钮，在弹出对话框中输入邮件地址，单击“确定”按钮完成设置。第三单元 FrontPage Express的CSS样式应用一、相关知识1、外部CSS样式单（1）通过“文件”“新建”“网页”命令，在弹出对话框中，切换到“样式表”选项卡，创建一个普通样式单。（2）通过菜单“格式”“样式”命令，在弹出面板中单击“新建”按钮，在弹出面板输入样式选择器名称，设置要求的样式。（3）设置完毕保存样式单（样式单文件后缀名为.css）。（4）返回需要添加样式的网页，通过“格式”“样式表链接”命令，将创建好的样式单引入到网页中。（5）在引用的文字最近的标记中添加：class=“样式选择器名称”。2、嵌入式CSS样式（1）通过菜单上“格式”“样式”命令，在弹出面板中单击“新建”按钮，在弹出面板输入样式选择器名称，设置要求的样式。（2）在引用的文字最近的标记添加：class=样式选择器名称。3、内联式样式 直接在引用的文字最近的标记添加：style=样式。二、实例请利用Frontpage2000制作一个如图所示的网页，并按照要求将此文件保存为1-10.html，提交作为答案。要求：（1）新建一个普通网页，并插入一个31（即3行1列）的表格。该表格的属性为：宽600个像素，高300个像素，对齐方式为水平居中；边框粗细为3个像素，颜色为#800000；单元格边距及单元格间距均为0个像素。（2）分别在3个单元格中输入如图所示的文字，水平和垂直都居中显示，字号为12磅。（3）建立一个名为style1.css的外部样式文件。要求该CSS样式单文件必须指定以下内容：样式选择符（器）的名称为style1，字体为黑体，字体颜色为#FFOOFF，字体大小为16磅；对齐方式为左对齐；字符间距为3个像素。并将该外部CSS样式用于文字“应用外部样式文件”部分。（4）然后，再创建一个嵌入式CSS样式，其样式选择符（器）的名称为style2，字体为宋体，加粗，字体颜色为#800000，字体大小为24磅；对齐方式为左对齐；字符间距为5个像素。并将该嵌入式CSS样式单运用于文字“应用嵌入式样式”上。（5）对第三行单元格中的文字建立一个内联式样式，文字属性为：颜色#FFOOOO，楷体_GB2312，右对齐。步骤：（1）启动Frontpage2000，通过菜单上“文件”“保存文件”命令，将网页文件保存在考生文件夹里，文件名为1-10.html。（2）通过菜单上“表格”“插入”“表格”命令，插入一个3行一列的表格。将光标放在表格中闪动，单击右键，在弹出的菜单栏上选择“表格属性”，在弹出面板中按照题目要求，对表格属性进行设置。（3）分别在3个单元格中输入相应的文字。选中文字设置大小，设置3个单元格属性，水平对齐和垂直对齐方式均为居中。（4）在“文件”菜单上，单击“新建”。 在“新建”任务窗格中，在“新建网页”下，单击“其他网页模板”。 在“样式表”选项卡上，单击要创建的 CSS 的类型，然后单击“确定”。新建样式style1，按要求进行样式设置，设置完毕后点击“确定”按钮完成样式创建。通过“文件”“保存文件”命令把此文件保存为style1.css。关闭样式单文件，返回到网页文件index2.html。通过“格式”“样式表链接”命令将样式单文件style1.css链入网页中，通过class属性将样式style1作用在对应文字。（5）通过“格式”“样式”命令打开样式创建面板，新建样式style2，并按要求设置样式。通过class属性将样式style2作用在对应文字。（6）内联式通过style属性直接引入样式（style=color:#FF0000;font-family:楷体_GB2312 ;text-align:right）。第四单元 FrontPage Express的框架使用请在Frontpage2000中，设计制作一幅如图所示的嵌套式层次结构框架网页，具体要求如下：在左侧框架页插入背景图片baiyun.gif，输入文字“未来世界”，并对该文字进行嵌入式样式修饰，该样式名称为“muluyangshi”，其中，文字属性为“隶书、加粗、24磅”，段落属性为“水平居中对齐、文本前缩进2、段前段后间距各为4、行距大小为150%”；边框属性为“双线样式、蓝绿色、边框宽度为3”。将该网页保存为“mulu.html”。将右上部框架网页设置为滚动条从不显示，插入内容为“欢迎来到这里”的滚动字幕，其滚动字幕的具体设置为：背景值为“#99CCFF”、文字属性为“华文彩云、倾斜、24磅、颜色为#FF0066”。将该网页保存为“huanying.html”。在右下部框架网页中。输入图中所示的文字内容，定义文字属性为“隶书、加粗、24磅”并设置网页的背景颜色为“#FFFF99”。将该网页保存为“conten.html”。制作完毕，将该网页保存为“1-11.html”，并提交网页作为答案。（注：考生自己建立文件夹用于存放本题材网页文件，并提交最后结果）步骤（略）相关知识框架的创建：通过“文件”“新建”“网页”命令，在弹出的对话框中，切换到“框架网页”面板，选择题目要求的框架集样式。滚动字幕的设置：“插入”“组件”“字幕”。第二节 综合练习在D盘新建一个文件夹，文件夹名称以自己的“学号姓名”命名。将服务器上“素材”文件夹拷贝到自己的文件夹中。1、请使用记事本设计一幅如图所示的网页（文字素材见text3.txt）。要求：将网页标题设为：“我的花店”，网页背景颜色设为“#FFFF99”，网页主体文字中“我的花店”设为标题1，其余的文字分段落显示。段落对齐属性设置为“center”，将该网页保存为page1.html，并提交网页作为答案。2、请使用记事本工具，设计一幅网页标题（即TITLE属性）为“MP3大全”的5行3列的表格网页，网页的背景颜色为“99CCFF”、表格宽度为“400像素”、粗细宽度为“1”、居中对齐；表格第一行只有两个单元格,其中文字内容分别为”品牌”和”MP3商品名称”；具体品牌和MP3商品名称分别对应“爱国者-XG502影音王、爱国者-503听歌精灵、爱国者-XG515数码宝贝、DEC-TB4超级炫听”。所有单元格内容全部居中对齐。具体效果见下图。最后以文件名为page2.html保存，提交该网页为答案。3、制作一个如图所示的网页，并按照要求将此文件保存名为page3.html作为答案提交。要求：（1）请新建一个普通网页，并插入一个3X1（即3行1列）的表格。该表格的属性为：宽600个像素，高300个像素，对齐方式为小平居中；边框粗细为2个像素，着色为3366CC；单元格边距及单元格间距均为0个像素。（2）请将素材包中的图片sz_02.jpg文件插入到第一行中，图片宽度601像素，保持纵横比。（3）请在第二行中输入素材中“网页文字2.txt ”的相关文字内容，并应用内联式样式进行修饰：字体为宋体，字体颜色为“333399”，字体大小为14磅