finalHomeWork
网页设计课最终作业
如需访问而带有能用的后端的在线版 请到 https://finalhomeworksite.imas.app
在线版保留六个月以上,随后就是我维护不维护的问题了(最大可能出现的问题是后端进程没了,静态部分好着呢)。
提前说明
本站点所有文件 全部采用UTF-8编码而非GB2312/GBK编码,还须注意。
本站点由于某些原因,故意不配合旧版浏览器,
图片格式大部分为WebP,视频为WebM/MP4双格式编码,音频为Ogg Vorbis/AAC in MP4,
请使用至少基于Chrome 86+内核的浏览器进行浏览以获得最佳体验。
也因此
本站点 不支持 INTERNET EXPLORER
本站点 不支持 INTERNET EXPLORER
本站点 不支持 INTERNET EXPLORER
什么版本都不行!
对 IE已经是他奶奶的 几百年的老古董了 快点用上现代浏览器吧 好歹我这写的JS全都是ES6甚至ES2020的模样了.
相关实现内容
全站基本使用 Visual Studio Code 编写,无APDiv,全部采用极端DIV+CSS式布局方案
样式表选用的并不是CSS而是LESS (需要编译成CSS,相较于CSS就是多了点函数和变量/常量的支持)
"让老师看看现代前端用的都是什么工具链" ——站长
风格参考00年代 H4H5交接期时的网站风格
色卡参考

{
"Primary": {
"50": "#e6f1f7",
"100": "#c3dded",
"200": "#a1c8e0",
"300": "#84b3d3",
"400": "#70a3ca",
"500": "#6195c2",
"600": "#5788b5",
"700": "#4c77a4",
"800": "#446691",
"900": "#354a71"
},
"Secondary": {
"50": "#feeaef",
"100": "#fecad4",
"200": "#ef949d",
"300": "#e56977",
"400": "#f04156",
"500": "#f7233d",
"600": "#e7153c",
"700": "#d50035",
"800": "#c8002e",
"900": "#ba0021"
}
}