2022年WEB前端设计期末考试作品要求

网页主题

1、抗击疫情

2、学习党史

3、绿色、生态、环保

4、专业领域探索

5、时尚、音乐等

6、自行选择其他题材

目录结构

主目录名称为学号+姓名。子目录为css、img、js等，若有需要可根据情况增加其他目录。

素材准备

1、个人简介，200字以上

2、个人生活照1张，照片要清晰，无明显美颜效果，可以辨别本人

3、置于首页的banner图片，该图片上必须标有：“XX班X号XXX的作品”字样，可以适当添加修饰效果。

作品要求

1、必须为原创作品，可以借用bootstrap 或其他模板，不得超过代码总量的1/3。

2、样式文件均采用外部样式，存放于css目录下

3、编写js为页面增加交互功能， 每个页面至少包含1个js代码块，每个代码块不得少于10行，手写js不得套用现有代码。

4、js 代码为外部文件，存放于js目录下。

5、所有代码均要可读性好，容易修改。页面特效新颖自然

6、站点文件夹的名称为：XX号XXX，所有网页及素材必须都放在站点文件夹。

7、整个网站风格统一，体现专业性兼具美观，使人眼前一亮。按照配色原则进行页面颜色搭配，颜色使用与网站主题相符合，建议使用同类色或者相邻色。

网站结构

1、制作网站首页index.html，要求体现整个网站风格，具有视觉冲击力；具有良好的导航功能，可以通过首页到达其他任何一页；使用js制作二级菜单，功能和美观兼具；为T字形，上部为100%宽度，下页可设置响应式布局，至少能适应3种媒体；

2、根据网站主题和内容制作二级页面，既列表页表。

3、由二级页面可导航至三级页面既内容页面；

4、制作个人简介页面intro.html, 该页的内容为个人简介和个人照片，该页风格必须与其他网页风格一致。

5、参考门户网站如新浪、网易、腾讯的邮箱注册页面设计表单页面form.html, 使用js设置合理的验证功能，样式美观；

6、根据网页内容设置网页标题；

7、网页宽度为1260px，网页居中显示，可以设置全屏与固屏相结合；

8、首页带有图片轮播效果，可置于banner部分或者新闻图片部分；

9、各块的高度和宽度按照自己的网页内容和结构自行设置； 

10、通过index打开首页，任意页面之间都可以互联互通，不得有错误链接。