预赛试题 复赛试题 决赛试题
第六届全国信息技术应用水平大赛复赛试题
移动互联网站设计(Dreamweaver)(A卷)
 

 

第一题:页面布局(50分)

题目背景:
今年是中国共产党建党90周年,手机是一个非常便捷的讯息传递载体。
要求:

  1. 参照“第一题素材”中的“效果图.jpg”文件,将其它素材按xhtml-mp或html格式进行排版,文件命名为“index.html”,存储在“01”文件夹下,“01”文件夹存储在“准考证号_用户名”命名的文件夹下;
  2. 至少适配320像素屏宽;
  3. 版式主体居中对齐;
  4. 布局方式不作限制,可以使用表格、DIV+CSS或其他方式;
  5. 不可直接将效果图插入到网页中。

第二题: CSS样式制作(50分)

题目背景:
随着手机的大范围普及,支持的网页效果越来越丰富多彩,基于图文混排的网页布局也越来越实用。
DIV+CSS排版作为日益流行的网页排版方式,已被越来越多的手机支持。
要求:

  1. 请参考“第二题素材”中的“效果图.jpg”,使用DIV+CSS技术来实现新闻网站,并将其存储为“content.html”,将建立好的css文件存储在css目录下,并将所有制作好的文件按现有文件结构保存在“02”文件夹下,“02”文件夹存储到“准考证号_用户名”命名的文件夹下;
  2. 使用DIV+CSS方式进行布局,并且将CSS保存为外部CSS模式;
  3. 考生可自由发挥自己的创作能力,可不拘泥于参考素材的限制。

附加题:列表页面制作(50分)

题目背景:
在新闻网站中,列表页是一个非常重要的功能,只有通过列表页,用户才能访问到网站的完整内容。本题目标是考核考生对列表页面的制作水平,同时也检验考生的javascript编程能力。
要求:

  1. 请参考“第三题素材”中的“效果图.jpg”,制作一个新闻类网站,存储为“index.html”,将建立好的css文件存储在css目录下,并将所有制作好的文件按现有文件结构保存在“03”文件夹下,“03”文件夹存储到“准考证号_用户名”命名的文件夹下;
  2. 布局方式不作限制,可以使用表格、DIV+CSS或其他方式;
  3. 只能使用一个html页面;
  4. 列表内容请参考素材中的“列表内容.txt”,分五页进行显示,使用javascript根据url参数来显示不同的内容;
  5. 链接在未点击前为蓝色,点击过之后为灰色。

  附件: 
第六届全国信息技术应用水平大赛复赛试题
移动互联网站设计(Dreamweaver)(B卷)
 

 

第一题:页面布局(50分)

题目背景:
第二十六届世界大学生夏季运动会在深圳顺利举行,围绕这一题材,并参照“第一题素材”中的“效果图.jpg”文件,将其他素材按xhtml-mp或html规范进行排版,文件命名为“index.html”,存储在“01”文件夹下,“01”文件夹存储在“准考证号_用户名”命名的文件夹下。
基本要求:

  1. 至少适配320像素屏宽;
  2. 版式主体居中对齐;
  3. 布局方式不作限制,可以使用表格、DIV+CSS或其他方式;
  4. 不可直接将效果图插入到网页中。

提高要求:

  1. 有能力的考生可以适配320以上的Android的手机或iphone手机,在这些手机访问页面时,无左右晃动现象;
  2. 有能力的考生可以自由发挥,对界面做些优化,“效果图.jpg”以及其他素材都作为参考用,考生可针对性地选择所需要的素材,也可以自行制作,但网站主题、内容和布局需要与“效果图.jpg”相符。

第二题: CSS样式制作(50分)

题目背景:
随着手机的大范围普及,支持的网页效果越来越丰富多彩,基于图文混排的网页布局也越来越实用,本题的目标是通过手机网站来显示运动员的个人信息。
DIV+CSS排版作为日益流行的网页排版方式,已被越来越多的手机支持。
请参考“第二题素材”中的“效果图.jpg”,使用DIV+CSS技术来实现新闻网站,存储为“index.html”,将建立好的css文件存储在css目录下,并将所有制作好的文件按现有文件结构保存在“02”文件夹下,“02”文件夹存储到“准考证号_用户名”命名的文件夹下。
基本要求:

  1. 使用DIV+CSS方式进行布局,并且将CSS保存为外部CSS模式;
  2. 链接在未点击前为蓝色,点击过之后为灰色;
  3. 考生可根据自身水平进行优化布局,但主体结构需要与“效果图.jpg”相符。

附加题:投票统计页面制作(50分)

背景:
网站的交互功能越来越重要,以第26届世界大学生运动会为背景,参考“第三题素材”中的“效果图.jpg”,设计一个“为我最喜欢的运动员投票”网站,将其它素材按xhtml-mp或html规范进行排版,文件命名为“index.html”,存储在“03”文件夹下,“03”文件夹存储在“准考证号_用户名”命名的文件夹下。
基本要求:

  1. 至少适配320像素屏宽;
  2. 版式主体居中对齐;
  3. 布局方式不作限制,可以使用表格、DIV+CSS或其他方式;
  4. 不可直接将效果图插入到网页中;
  5. 以post方式传递数据。

提高要求:
有余力的学员可实现各事件的交互功能,如选择了国籍和性别之后,在姓名选择项中显示的内容需要与国籍和性别匹配。运动员、国籍、性别信息如下:

 

 

姓名

国籍

性别

李超

中国

王晧

中国

谭中怡

中国

黄莤

中国

亚森·钦纳里泽

俄罗斯

赛尔基·士洛夫

俄罗斯

叶夫金尼亚·卡纳耶娃

俄罗斯

卡纳耶娃

俄罗斯

蒂莫西·菲利普斯

美国

罗伯特·萨武利奇

美国

尼娅·希发特蒂希•阿里

美国

凯利·赫利

美国


  附件: 
 

Copyright © 2006 - 2012 www.itatedu.com All Rights Reserved.