第一题：页面布局（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. 链接在未点击前为蓝色，点击过之后为灰色。

第一题：页面布局（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方式传递数据。

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