网页制作题流程.docVIP

frontpage网页制作 1. 请利用Frontpage制作一个如图1所示的网页，并按照要求将此文件保存到考生文件夹内，名为index1.htm。要求： 新建一个普通网页，并插入一个4×1（即4行1列）的表格。该表格的属性为：宽480个像素，对齐方式为水平居中；边框粗细为5个像素，颜色为FFCC66；单元格边距及单元格间距均为0个像素。 请将考生文件夹中的图片top.gif文件插入到第一行中，图片宽度473像素，高度100像素。 请将第二行的高度设置为20个像素，背景颜色设置为FFCC66。 在第三行中输入相应的文字内容，并通过CSS样式对其进行修饰。具体要求如下：首先建立一个名为style1.css的外部样式文件。要求该CSS样式单文件必须含有以下内容：样式选择符（器）的名称为style1，字体为黑体，字体颜色为#FF00FF，字体大小为18磅；对齐方式为居中对齐；单字间距为3个像素；字体为粗体。并将该外部CSS样式用于文字“国内歌曲推荐” 然后，再创建一个嵌入式CSS样式，其样式选择符（器）的名称为style2，字体颜色为FF0000，字体大小为12磅；字符间距为3个像素；对齐方式为左对齐。并将该嵌入式CSS样式分别运用于段落“恰似你的温柔” 、“月亮代表我的心”、“甜蜜蜜”。 对“在线试听”应用DHTML效果，设置鼠标悬停时字体变成24pt,蓝色。 在网页文件中插入背景音乐的文件music.mid，无穷次循环播放。 图1 1、在开始菜单，所有程序中进入frontpage，新建一个名为index1的网页，选择工具栏“表格”中的“插入”，然后完成表格设置。（注意和素材都保存在同一文件夹内方便查找） 2、将光标移至第一行内，点击上方工具栏中“插入”中的图片，来自文件，选择所要用的图片，然后点击图片右键“属性”中设置图片宽度、高度，或其他。 3、将光标移至第二行，右键选择单元格属性，设置行高度，和背景颜色 4、新建一个文本文件，点击保存选择为css文件保存，在文件中选择“样式”，打开后选择“修改”选择“格式”中的字体和段落分别修改，注意字体中字符间距和段落中单字间距有区别。回到index1网页中，选择下方的代码，进行修改，在代码里标明p class=style1国内歌曲推荐/p，然后回到页面中选择格式中的样式表链接，点击所选网页，然后点击添加，找到保存的style1添加进来，点击确定即可。 5、选择格式里的样式，点击新建，名称选择器填写为style2，样式类型依照题意应用于段落，点击下方的格式，选择相应选项，建立好了内嵌css样式，回到页面在下方的代码中选择相应文字改为：p class=style2恰似你的温柔/p p class=style2月亮代表我的心/p p class=style2甜蜜蜜/p 6、在选择“视图”中“工具栏”项目，然后点击DHTML效果，进行相应地字体设置 7、点击网页，让光标在表格外面，单击右键，选择网页属性，在下方常规中有背景音乐，插入，选择相应的循环次数即可。 2．请利用Frontpage制作一个如图2所示的网页，并按照要求将此文件保存到考生文件夹内，名为index2.htm。 要求： 请新建一个普通网页，并插入一个4×1（即4行1列）的表格。该表格的属性为：宽600个像素，对齐方式为水平居中；边框粗细为2个像素，颜色为#C0C0C0；单元格边距及单元格间距均为0个像素。 请将考生文件夹中的图片bg.gif文件插入到第一行中，图片大小不做变化。 请将第二行的高度设置为20个像素，背景颜色设置为FFCC66，并将第三行的高度设置为40个像素。 在第三行中输入相应的文字内容，每段文字都使用段落标记，并通过CSS样式对其进行修饰。具体要求如下：首先建立一个名为style2.css的外部样式文件。要求该CSS样式文件必须指定以下内容：样式选择符（器）的名称为style1，字体为宋体，字体颜色为#FF0000，字体大小为24磅，加粗；对齐方式为左对齐；字符间距为3个像素。并将该外部CSS样式用于文字“花卉培育销售” 部分。 然后，再创建一个嵌入式CSS样式，其样式选择符（器）的名称为style2，字体为宋体，字体颜色为550000，字体大小为16磅；字符间距为2个像素；对齐方式为左对齐，并增加一次缩进。并将该嵌入式CSS样式运用于段落“我中心是一家……….. 推出新品花卉” 上。 对“欢迎网上订购”应用DHTML效果，设置鼠标悬停时字体变成24pt、倾斜、蓝色。 在表格的第四行插入考生目录中的flash文件“earth.swf”，大小设为高400，宽400，并居中显示。 图2 1、打开frontpage，在“文件”新建中，选择