网页设计与制作参考答案及评分标准A卷

中山职业学院2010 -2011学年第二学期网页设计与制作试卷参考答案和评分标准考试方法：开卷(开卷、闭卷、其他)系：计算机工程系利用年级和专业(或班级)09网络二班老师：凌时嘉注：标准答案、参考答案的要点和评分标准必须清楚地标明问题编号、每项的分数、总分等。这种格式是标题。如果这一页不够，请附上同样大小(A4)的纸。.首先，定义站点并完成以下要求：(5分)要求：1.定义一个站点，并在电子面板下设置一个以考生姓名的汉语拼音字母命名的站点。(1分)2.在站点下添加一个名为“图像”的文件夹，并将站点的默认图像文件夹设置为“图像”文件夹。(1分)3.将考试提供的卷A材料文件夹下的所有图片材料文件移动到“图像”文件夹。(1分)4.在站点下添加一个名为“CSS”的文件夹。试题中使用的CSS外部样式表保存在此文件夹中。(1分)5.在站点下创建一个名为“flash”的新文件夹，问题6的flash源文件放在这个文件中。其他网页相关内容可以放在考生文件夹下。(1分)第二，创建index.html主页(5分)要求：1.建立一个index.htm页面，并将页面属性中的页面命名为“XXX网页期末考试”，其中XXX必须是考生自己的名字。(1分)2.制作index.htm页面。在网页中制作下表，分别在班级、学生编号和姓名单元格右侧的空白单元格中填写您的班级、学生编号和姓名。表格第4至6行的内容分别链接到问题3至5中保存的网页。效果图如下图1所示。(4分)班级学生身份证名字问题3(使用表格布局)问题4(框架布局的应用)问题5(制作表格的申请)问题6 (Flash动画)图1三、利用表格布局和CSS美化(30分)创建一个名为movie.htm的文件。整体页面效果如下图2所示：(使用的材料在电影图像文件夹中)图2要求：1.将其页面属性的标题设置为“电影放映”(1分)2.网页主要需要在表格和嵌套表格中布局。根据上图，将相应的图片和文本插入相应的单元格，完成布局。可以参考图3进行表格布局。(10分)图33.表格的宽度是整个页面的100%，没有边框和间距，并且居中对齐(5磅)4.文本内容显示在无序列表中(2分)5.如图2所示，在表格下方添加一条水平线，并输入字体大小为12px(2磅)的简单版权信息6.输入“联系站长”并为其创建电子邮件链接。电子邮件地址是(1分)7.创建一个新的外部CSS样式，自定义文件名，将其放入CSS文件夹，并将其应用到movie.html(5分)(1)将字体设置为小圆圈、粗体、14px、蓝色(#0000FF)，并选择列表符号(2)使用参数： Alpha(不透明度=100，完成=0，样式=2，开始=0，开始=0，完成=400，完成=300)为“电影放映”的两幅图片设置透明羽化效果8.创建仅在此文档中使用的高级样式。主要用于定义超链接的样式。具体要求如下：(3分)(1) a3360link将字体设置为宋体、12px、粗体、150%行高、蓝色和无下划线。(2) a3360hover将字体设置为宋体、12px、斜体、150%行高、黄色和无下划线。(3) a:visited将字体设置为宋，12px，150%行高，黑色，无下划线。9.添加背景音乐“你好。MP3”到网页(2分)四.框架应用(20分)创建一个名为frame.html的文件。根据图4所示的效果选择合适的帧类型。(使用的材料是帧图像)图4图5要求：1.将框架图像文件中的网页文件剪切并复制到站点文件夹，将剩余文件复制到图像文件夹，并修改网页文件中图像的路径(4分)2.在站点文件夹下创建一个名为frame.html的文件，并将其页面属性的标题设置为“世外桃源”(1分)3.向left.html添加如图5所示的跳转菜单(5点)(注意：要链接的文件名是Xanadu_1.html、Xanadu_2.html，Xanadu_10.html，而不创建新文件。)4.根据图4所示的效果选择合适的框架类型，并将相应的网页放入框架中(10分)五、制作表格和添加行为(20分)根据下面图5所示的效果，创建一个名为form.html的文件。图5要求：1.页面属性的标题是“注册”，背景图片是“pic1 . jpg”(2分)2.如图5所示，插入相应的表单元素，其中出生年份的月份选项为1到12，性别默认为男性，爱好默认为音乐和电影。(10分)3.将行为添加到按钮“ok，一切都已完成”:检查表单，检查并设置表单的所有项目，包括是否需要值、值的内容等。(5分)4.将图片“3.jpg”插入网页以创建浮动效果，这样图片可以在网页中自由移动。(3分)六、flash动画制作(素材在Flash效果和素材文件夹中)(20分)要求：1.根据蝴蝶飞舞。swf”，制作flash动画并保存为“候选名称1.fla”。(8