第一题:页面布局(50分)
题目背景:
第二十六届世界大学生夏季运动会在深圳顺利举行,围绕这一题材,并参照“第一题素材”中的“效果图.jpg”文件,将其他素材按xhtml-mp或html规范进行排版,文件命名为“index.html”,存储在“01”文件夹下,“01”文件夹存储在“准考证号_用户名”命名的文件夹下。
基本要求:
- 至少适配320像素屏宽;
- 版式主体居中对齐;
- 布局方式不作限制,可以使用表格、DIV+CSS或其他方式;
- 不可直接将效果图插入到网页中。
提高要求:
- 有能力的考生可以适配320以上的Android的手机或iphone手机,在这些手机访问页面时,无左右晃动现象;
- 有能力的考生可以自由发挥,对界面做些优化,“效果图.jpg”以及其他素材都作为参考用,考生可针对性地选择所需要的素材,也可以自行制作,但网站主题、内容和布局需要与“效果图.jpg”相符。
第二题: CSS样式制作(50分)
题目背景:
随着手机的大范围普及,支持的网页效果越来越丰富多彩,基于图文混排的网页布局也越来越实用,本题的目标是通过手机网站来显示运动员的个人信息。
DIV+CSS排版作为日益流行的网页排版方式,已被越来越多的手机支持。
请参考“第二题素材”中的“效果图.jpg”,使用DIV+CSS技术来实现新闻网站,存储为“index.html”,将建立好的css文件存储在css目录下,并将所有制作好的文件按现有文件结构保存在“02”文件夹下,“02”文件夹存储到“准考证号_用户名”命名的文件夹下。
基本要求:
- 使用DIV+CSS方式进行布局,并且将CSS保存为外部CSS模式;
- 链接在未点击前为蓝色,点击过之后为灰色;
- 考生可根据自身水平进行优化布局,但主体结构需要与“效果图.jpg”相符。
附加题:投票统计页面制作(50分)
背景:
网站的交互功能越来越重要,以第26届世界大学生运动会为背景,参考“第三题素材”中的“效果图.jpg”,设计一个“为我最喜欢的运动员投票”网站,将其它素材按xhtml-mp或html规范进行排版,文件命名为“index.html”,存储在“03”文件夹下,“03”文件夹存储在“准考证号_用户名”命名的文件夹下。
基本要求:
- 至少适配320像素屏宽;
- 版式主体居中对齐;
- 布局方式不作限制,可以使用表格、DIV+CSS或其他方式;
- 不可直接将效果图插入到网页中;
- 以post方式传递数据。
提高要求:
有余力的学员可实现各事件的交互功能,如选择了国籍和性别之后,在姓名选择项中显示的内容需要与国籍和性别匹配。运动员、国籍、性别信息如下:
姓名 |
国籍 |
性别 |
李超 |
中国 |
男 |
王晧 |
中国 |
男 |
谭中怡 |
中国 |
女 |
黄莤 |
中国 |
女 |
亚森·钦纳里泽 |
俄罗斯 |
男 |
赛尔基·士洛夫 |
俄罗斯 |
男 |
叶夫金尼亚·卡纳耶娃 |
俄罗斯 |
女 |
卡纳耶娃 |
俄罗斯 |
女 |
蒂莫西·菲利普斯 |
美国 |
男 |
罗伯特·萨武利奇 |
美国 |
男 |
尼娅·希发特蒂希•阿里 |
美国 |
女 |
凯利·赫利 |
美国 |
女 |
|