DW复赛试题A.docVIP

第五届全国ITAT教育工程就业技能大赛复赛试题 Dreamweaver网页设计（A卷） 请考生仔细阅读并严格遵守题目中关于文件保存和命名的要求。 请务必按照试卷要求为文件命名。 考生答题完毕后，首先创建以“准考证号”命名的文件夹（形式如：433034683），并将考试结果严格按题目上的命名要求进行命名并直接保存在该文件夹下。 　　然后选中整个文件夹，用Winrar压缩工具打包后存放在本考场指定的考试结果存放地址，经监考老师确认上传无误后方可离开考场。 注意：在提交答案时，请务必选中上述存放作品的文件夹（如前面创建的433034683文件夹，而不是文件夹下的全部文件）进行压缩，在完成答案提交后，请确保上述压缩包仍保存在本地计算机中。 请务必按照试卷要求提交指定的文件，不得包含非题目要求的过程文件和临时文件，不得包含本试题文件和试题素材。 注意：凡违反上述规定的考生，其成绩一律按零分处理。 提示：本次竞赛共包含三道题目，总分150分，三个题目分值依次为40、60、50。请参赛者开始动手制作之前，先了解每个题目的具体内容和要求，以便合理分配时间，获得最好的综合成绩。 第一题：图像拼接（40分） 题目背景： 在网页制作中，经常会先使用图像处理软件进行页面设计，然后再将设计好的图片文件按需要分割，最后使用Dreamweaver把图像拼接起来。 素材中提供了一个网站的设计效果图，以及这些图片分割后的小图。 要求： 1、建立一个网站，参照这个设计稿制作网站的首页，存储为“index.html”，连同涉及到的图像文件以及样式表文件等全部存储到“01”文件夹内， “01”文件夹存储到考号命名的文件夹下。 2、注意制作中要遵循设计稿的原意，比如图像的上下关系、对齐方式、页面宽度变化时元素也会跟着相对变化等等。 3、可以使用表格、层或者其他方式布局，也可以综合使用。总之不限制方法，以最终效果为准。 4、文字部分可以不按设计稿输入，录入一些示意即可。也可以做适当的美化。 可以直接使用提供的图片素材，但不一定全部都要使用。 不能直接将效果图插入。 另外“blank.gif”是一个像素大小的透明图，因为太小看不到预览，所以在此特别说明。 5、背景颜色为：#4b4c3c。 6、提高要求：在制作中还要注意代码的优化和执行效率。 第二题： CSS样式制作（60分） 题目背景： 目前互联网上有很多公司推出了辞典式的服务，这是一自由、免费、内容开放的协作计划所有的互联网用户均能平等浏览、创造、完善内容。 面对上百万的词条页面，样式简洁、阅读方便、风格统一是首要问题。在这个题目中，我们用CSS样式对静态页面进行定义，模拟出百科词条页面。 参照效果图将制作好的文件全部保存在文件夹中要求： 可以使用此命名定义样式，也可以自行重新定义。 3、注意观察效果图细节，文字、超级链接、标题、行距、图像边距等都需要定义。不需要做额外的动态效果。 4、部分参考数值属性要求如下： 英文和字母使用字体：Arial 正文中：大字14px，小字12px 辅助性小字：9pt 超级链接的：#261cdc，#800080 浅灰色背景：#f5f5f5 附加题：导航菜单（50分） 仿照Windows软件菜单的样式制作导航菜单.效果可以参照“导航菜单1.jpg”和“导航菜单2.jpg”。制作好的页面命名为“index.html”，连同相关的文件全部保存在“03”文件夹下，“03”文件夹存储在考号命名的文件夹下。 要求： 1、实现互动效果，鼠标经过主菜单时显示二级子菜单，鼠标离开的时候隐藏二级子菜单。 2、使用CSS样式表做美化。 3、导航起码包含3个主菜单和3个对应子菜单。 4、本题还要考查一定的创作能力，有余力的参赛者可以不拘泥于参考效果，可以在实现互动的基础上将菜单做得更为美化和实用。注意边框、阴影等各种细节的处理。创作的部分会有相应得分。 usrbar、bgusr（用户工具条） LOGO（标志） ChTit（频道） nav（导航条） wrap content（主要内容） side（侧边栏） text（正文） end ref（参考资料） ft（页脚） text_dir（正文目录） text_pic （正文插图） lemmaContent （论述内容）