第一题:门户类手机网站设计(60分)
题目背景:
随着手机用户越来越多,手机网站也逐渐成为了各大传统网站的标准配置。同时手机网站由最初的WAP1.0 标准,逐步发展到WAP 2.0标准,到目前已逐步普及到了html标准。
请参考“第一题素材”文件夹下的“效果图.png”,将其他素材按xhtml-mp或html规范进行排版,文件命名为“index.html”,存储在“01”文件夹下,“01”文件夹存储在考号命名的文件夹下。
基本要求:
- 至少适配320像素屏宽;
- 版式主体居中对齐;
- 布局方式不作限制,可以使用表格、DIV+CSS或其他方式;
- 不可直接将效果图插入到网页中。
提高要求:
- 有能力的考生可以适配320以上的Android的手机和iphone手机,在这些手机访问页面时,无左右晃动现象;
- 有能力的考生可以自由发挥,对界面做些优化,“效果图.png”以及其他素材都是用来参考,考生针对性的选择所需要的素材,也可以自行制作,但网站主题、内容和布局需要与“效果图.png”相符。
第二题:手机电子商务类网站设计(60分)
题目背景:
随着电子商务的兴起以及手机互联网技术的发展,专门面向手机用户的电子商务网站也层出不穷,本题的目标是通过手机网站来显示较有特色的电子商务网站效果。
DIV+CSS排版作为日益流行的网页排版方式,也被越来越多的手机支持。
请参考“第二题素材”文件夹下的“效果图.jpg”,使用DIV+CSS技术来实现该网站,存储为“index.html”,将建立好的css文件存储在css目录下,并将所有制作好的文件按现有文件结构保存在“02”文件夹下,“02”文件夹存储到考号命名的文件夹下。
要求:
- 使用DIV+CSS方式进行布局,并且CSS保存为外部CSS模式;
- 考生可根据自身水平进行优化布局,但主体结构需要与“效果图.jpg”相符。
|