江苏农林职业技术学校计算机,江苏农林职业技术学院期末试卷09计算机.doc

PAGE

PAGE 4

江苏农林职业技术学院

2010-2011第2学期《网页设计与制作》期末考试试卷A

班级 　　　　　　　　　学号 姓名

以下题目均为上机操作题

网页设计制作部分操作要求(50分)

建立并设置本地根文件夹(5分)

请在机器的最后一个盘上，创建一个以你名字加学号后两位为文件名的考生文件夹(如一个同学名叫张三学号为2006123，则文件夹名为23张三)，在该文件夹中新建一个名为images的文件夹，题目中所需要的所有图片均放在此文件夹中。

定义Dreamweaver 站点，站点名称为“期末考试”,本地根文件夹指定为第1题中所创建的考生文件夹。

创建与设置文档(5分)

新建一个名为index.htm文件，保存在根文件夹中并打开。

3、将index.htm 页面制作成如下图所示的页面效果。(所需要样式均设为内部样式)(40分)

网页长为778px，页面背景颜色为#cccccc，上、下、左、右边距为20，0，0，0，默认字的大小为12px，宋体。(10分)

导航栏背景颜色为#B80303，高40px，所有栏目均设为空链接，设置了超链接文字的样式为白色，大小12px；鼠标指向时样式为白色加下划线，字大小不变，访问过后的样式为白色，大小12px。(10分)

效果图中红色的文字，大小12px，颜色为#FF0000；(10分)

页面布局工整，符合效果图。(10分)

网页编辑操作题(40分)。

通过设置CSS样式，将素材中的second.html网页的效果(如下图一所示)美化为图二效果，要求应用内部样式表。

(图一)

(图二)

1、页面属性为字的大小为 12px;行距为20px;字的颜色为 #999999;修饰为无;上、下、左、右边距均为0px;(10分)

设置公告信息栏目的样式为.gonggao：(10分)

字的大小为12px；行距为20px；字的颜色为#FFFFFF；修饰无，项目列表图像为images/m_21.jpg；位置为外。

公告信息中的三条信息均设置空链接，要求：(10分)

设置了超级链接后的外观为：color: #CBACEF;text-decoration: none;

访问过后的外观为：color: #CBACEF;text-decoration: none;

鼠标指针指向时的外观为：color: #FFFFFF;text-decoration: underline;

针对左侧的专题栏目，设置一个内部样式名为.left_line,利用CSS面板设置其上边框为实线，粗细为1px;颜色为白色。并对01，02，03，04四个专题进行应用，做出如图二中的效果。(10分)

综合应用部分。(10分)

将题一中导航栏中的“产品展示”样目，超级链接至题二的second.html 页面。

将题一中的联系我们设置为电子邮件的超级链接，邮箱为： abc@163.com。