资源描述:
《网页制作练习题》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、1.请利用Frontpage制作一个如图1所示的网页,并按照要求将此文件保存到考生文件夹内,名为indexl.htmo要求:(1)新建一个普通网页,并插入一个4X1(即4行1列)的表格。该表格的属性为:宽480个像素,对齐方式为水平居中;边框粗细为5个像素,颜色为FFCC66;单元格边距及单元格间距均为0个像素。(2)请将考生文件夹中的图片top.gif文件插入到第一行中,图片宽度473像素,高度100像索。(3)请将第二行的高度设置为20个像素,背呆颜色设置为FFCC66。(4)在第三行中输入相应
2、的文字内容,并通过CSS样式对其进行修饰。具休要求如下:首先建立一个名为styleLess的外部样式文件。耍求该CSS样式单文件必须含有以下内容:样式选择符(器)的名称为style1,字体为黑体,字体颜色为#FF00FF,字体大小为18磅:对齐方式为居中对齐:单字间距为3个像素;字体为粗体。并将该外部CSS样式川于文字“国内歌曲推荐”。(5)然后,再创建一个嵌入式CSS样式,其样式选择符(器)的名称为style2,字体颜色为FF0000,字体大小为12磅;字符间距为3个像素;对齐方式为左对齐。并将该
3、嵌入式CSS样式分别运用于段落“恰似你的温柔”、“月亮代农我的心”、“甜蜜uio(6)对“衣线试听”应用DHTML效杲,设置鼠标悬停时字体变成24pt,蓝色。(7)在网页文件中插入背景音乐的文件music.mid,无穷次循环播放。图12.请利用Frontpage制作一个如图2所示的网页,并按照要求将此文件保存到考生文件夹内,名为index2.htm。要求:(1)请新建一个普通网页,并插入一个4X1(即4行1列)的表格。该表格的属性为:宽600个像素,对齐方式为水平居屮;边框粗细为2个像素,颜色为#C
4、0C()C0;单元格边距及单元格间距均为0个像素。(2)请将考生文件夹中的图片bg.gif文件插入到第一行中,图片大小不做变化。(3)请将第二行的高度设置为20个像素,背景颜色设置为FFCC66,并将第三行的高度设置为40个像素。(4)在第三行中输入相应的文字内容,每段文字都使用段落标记,并通过CSS样式对其进行修饰。具体要求如下:首先建立一个名为style2.css的外部样式文件。要求该CSS样式文件必须指定以下内容:样式选择符(器)的名称为stylel,字体为宋体,字体颜色为#FF0000,字体
5、大小为24磅,加粗;对齐方式为左对齐;字符间距为3个像索。并将该外部CSS样式川于文字“花卉培育销售”部分。(5)然后,再创建一个嵌入式CSS样式,其样式选择符(器)的名称为style2,字体为宋体,字体颜色为550000,字体大小为16磅;字符间距为2个像素;对齐方式为左对齐,并增加一次缩进。并将该嵌入式CSS样式运用于段落“我中心是一家推出新品花卉......"上。(6)对“欢迎网上订购”应用DHTML效果,设置鼠标悬停时字体变成24pl、倾斜、蓝色。(7)在表格的第四行插入考牛H录中的flas
6、h文件“canh.swL,大小设为高400,宽400,并居中显示。文駅E)1<(Y)收NWIA(D-•0£勺丨b收■賽j」◎•二jImdex2.htm门1打MH翻:站冊倆翻3凶I包咖电ia单元格边距及单元格间距均为0个像素。(2)第一行的高度为74个像素,并将第-•行拆分成两个单元格。其中,第一单元格的宽度为182个像素。(3)在笫一行的第一个单元格中输入文本“打印机广告”,并对此文本添加动态HTML的效果。具体效果要求如下:当鼠标在此文本上悬停时,上述文本的字体口动变为绿色粗体。(4)在第一行的第
7、二个单元格屮插入flash动画,该flash动画的源文件是考生文件夹屮的21.swf0其具体属性要求如卞:高79个像素,宽534个像素;当浏览器不支持播放该动画时,在对应位置上显示的文字为“您的浏览器不支持该插件”。(5)第二行的高度为19个像素,背景颜色为99FF99o(6)第三行的高度为216个像素;水平对齐方式为水平居中。在第三行中插入一个.wmv视频,该.wmv视频的源文件是考生文件夹中的copypaper.wmvo其具体属性如下:高度79个像素,宽度542个像素。(7)第四行的高度为17个
8、像素,背景颜色为99FF99。图14.请利用Frontpage2000制作一个如图2所示的网页,并按照要求将此文件保存到考生文件夹内,名为indexb2.htmo(10分)要求:(1)新建一个普通网页,并插入一个4X1(即4行1列)的表格。该表格的属性为:宽600个像素,高262个像素,对齐方式为水平居中;边框粗细为5个像素,颜色为99FF99;单元格边距及单元格间距均为1个像素。(2)请将考生文件夹中的图片22.gif文件插入到第一行中,并将该图片的人小设置为:宽6