DW复赛试题A.doc

第五届全国ITAT教育工程就业技能大赛复赛试题
Dreamweaver网页设计(A卷)
请考生仔细阅读并严格遵守题目中关于文件保存和命名的要求。
请务必按照试卷要求为文件命名。
考生答题完毕后,首先创建以“准考证号”命名的文件夹(形式如:433034683),并将考试结果严格按题目上的命名要求进行命名并直接保存在该文件夹下。
然后选中整个文件夹,用Winrar压缩工具打包后存放在本考场指定的考试结果存放地址,经监考老师确认上传无误后方可离开考场。
注意:在提交答案时,请务必选中上述存放作品的文件夹(如前面创建的433034683文件夹,而不是文件夹下的全部文件)进行压缩,在完成答案提交后,请确保上述压缩包仍保存在本地计算机中。
请务必按照试卷要求提交指定的文件,不得包含非题目要求的过程文件和临时文件,不得包含本试题文件和试题素材。
注意:凡违反上述规定的考生,其成绩一律按零分处理。
提示:本次竞赛共包含三道题目,总分150分,三个题目分值依次为40、60、50。请参赛者开始动手制作之前,先了解每个题目的具体内容和要求,以便合理分配时间,获得最好的综合成绩。
第一题:图像拼接(40分)
题目背景:
在网页制作中,经常会先使用图像处理软件进行页面设计,然后再将设计好的图片文件按需要分割,最后使用Dreamweaver把图像拼接起来。
素材中提供了一个网站的设计效果图,以及这些图片分割后的小图。
要求:
1、建立一个网站,参照这个设计稿制作网站的首页,存储为“”,连同涉及到的图像文件以及样式表文件等全部存储到“01”文件夹内, “01”文件夹存储到考号命名的文件夹下。
2、注意制作中要遵循设计稿的原意,比如图像的上下关系、对齐方式、页面宽度变化时元素也会跟着相对变化等等。
3、可以使用表格、层或者其他方式布局,也可以综合使用。总之不限制方法,以最终效果为准。
4、文字部分可以不按设计稿输入,录入一些示意即可。也可以做适当的美化。
可以直接使用提供的图片素材,但不一定全部都要使用。
不能直接将效果图插入。
另外“”是一个像素大小的透明图,因为太小看不到预览,所以在此特别说明。
5、背景颜色为:#4b4c3c。
6、提高要求:在制作中还要注意代码的优化和执行效率。
第二题: CSS样式制作(60分)
题目背景:
目前互联网上有很多公司推出了辞典式的服务,这是一种自由、免费、内容开放的协作计划。所有的互联网用户均能平等地浏览、创造、完善内容。最早运作的辞典目前已经运行了8年,收集了230多万英文词条。
面对上百万的词条页面,样式简洁、阅读方便、风格统一是首要问题。在这个题目中,我们要求用CSS样式对一个静态页面进行定义,模拟出一个中文的百科辞典的词条页面效果。
请参照“”、“”、“”效果图,使用提供的文字和图片素材来设计相应的词条页面,存储为“”,将建立好的CSS文件存储在CSS文件夹下,并将制作好的文件按照现有的结构全部保存在“02”文件夹中,“02”文件夹存储到考号命名的文件夹下。
要求:
1、参考效果图片是作为参考,参赛者可以对样式做自由发挥,但必须符合网站