STU网页设计

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

更新时间:2022-11-23   文章分类:网页作业题库

网页主题

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打开首页,任意页面之间都可以互联互通,不得有错误链接。


STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询