前端页面设计总结.docx
《前端页面设计总结.docx》由会员分享,可在线阅读,更多相关《前端页面设计总结.docx(29页珍藏版)》请在优知文库上搜索。
1、信息工程学院课程设计报告(2022-2023学年第二学期)课程:人机交互与界面设计题目:前端页面设计总结专业班级:大数据212班一.设计思想设计一个班级网站。二.各个网页设计分析1.网页的结构主要分为登录界面,网站首页,班级活动展示,班级部分人员信息,班级论坛,个人信息共六大板块。2.部分网页的具体实现方法,(1)网站首页,主页设计主要以盘了的形式划分.背景图片也调整到对应大小,页面上方的导航栏所对应的字符都设置了超链接href,班级图标也通过链接刷新首页,鼠标移动到相应位置时会到达卜一个页面,中间的图片之间设置了合适的间距并渐整图片大小,并用js做成了轮播图,其中还用js做了一个的换肤效果,
2、并且还加上来一个类似于点击文字、链接放大的效果,以及一个扫描二维码动画,扫码可进群.代码:frtrt1.Mttt11nkr1.*5ty1.eUxthret$.1.i11kre1.-5ty1.eshfhref*g乂5ritsrM1.dte.JgrSpt)*!-div1.d-AB212卬通4破&MbSbM;气宇H0片今力Stsp;SbZ;Sb“;和马自我p)hoadc5etiow班线向介MvC13sjtwo1.d1.v23则吸大竽四密不开的MW:,它合作你网欧团附候帚忙你.会在一一的-幺HC3%3iTMEM.,AJM,,:St1.-um创七个ar.SmfB体.*zM”不6hw不由我不去的人加杜1大
3、u2n收除! ac1.as4-rvhrfJaviscr1.pt. 4c1.Merethref*jva4ct;rhr* f-div4hri1.肠,Jt.h5ir注册a,M)Mft.htpf1.个人Q初找成公信ZHI找由占i0xiVu1.用&公告p)初级/生公诉代利俵生力J1.方案1.制KW吸公俯噬匕曲生湎Gtt出尔代价EA,.较*川清沿IXJ.2.每天你生活要0鲁比打利”8里生.中午12点检宣卫生.玄W1.MIfb给优利不含格的将在撑板E公布枕济.3 .军妇的带领分计H,在机9M揽*井求生IM用得保浦竹.4 .埃&期MT3次的耐将通行随iS大利1.次,曲生iM员册以女排5 .里生相宣Ien的均切



- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 前端 页面 设计 总结
