人机交互与界面设计——班级网站课程报告cxx.docx

《人机交互与界面设计——班级网站课程报告cxx.docx》由会员分享，可在线阅读，更多相关《人机交互与界面设计——班级网站课程报告cxx.docx（24页珍藏版）》请在优知文库上搜索。

1、信息工程学院课程设计报告（2022-2023学年第二学期）课程：人机交互与界面设计题目：班级网站课程设计报告专业班级：大数据212班一.设计思想设计个班级网站,班级网站课设是个非常实用的项目，它可以提高学生的编程能力、团队协作能力和项目管理能力，同时也可以提供一个互动交流的平台，增强班级的凝聚力和活力。二.各个网页设计分析1.网页的结构主要分为班级网站首页，班级成员信息,班级活动展示,班级留言，登录注册界面共五大板块。2.部分网页的具体实现方法：(1)网站首页：主页设计主要以盒了的形式划分。网站首页主要由轮播图，点击图片放大效果，背景图片也调整到对应大小，设置了一个空连接，首页卜.方有班级介绍

2、，鼠标移动到相应位置时会到达卜一个页面，中间的图片之间设置了合适的间距并调整图片大小,使用了setinterva1.函数,来实时更新页面中的一个id为“time”的元素显示当前的年月日时分秒。代码：!OOCTYPEht111.tFNIa火致箱212班”Ut1.Q-212Mx.htn1.*frWohref”班维人Ui1.Bj(1.Bhtm1.班级成&SttJBJ动MfiWt(Mag8113J1.v1.(hi-1.f(xu5,p1.c1.1.stMSWkm代：9；top:。；一cigsrc-images/3.jpgN1.Mges/4.jpg*好学生一耙大字生话过得一彩而充实对火学生至关学要我们整h

3、o1.d住我力的大学ho1.d住我们的讦去年华I规划好学生活耙大，生过得影而充实对火学生至关学旻我的耍ho1.d住我们的大学ho1.d住我们的青谷年华！一卸好F1.-的大学生活活过影海充实对火孕生健关VftfJSho1.d住我们的大学ho1.d住我们的有*年华！一划好一的大学生笊生活过一而充实时火今生至关女ho1.d后我打高看ho1.d至ft们的有少年华！111.as5r,divc1.a5Srcn,班嫌介矩span更CxaxA1.1.s11hzj-pCIaSS“向hjsr大数据2124p；,-幕主任杜金龙老如的带领下.我的团结有进，朝气薛勃打菊豁版-因为耶会我M无麻改忌.因为耶经.我勿无所不徒

4、,囚为印经.我们设惧.我们的未来充*无Hr可绘.地阻且长.行IU将至：行而不泰未来可期.蚊哥梆2名.书写精澈学及.H(2)班级成员信息：班级成员信息页面主要编写J班级成员表，点击个人信息可以跳转到班级成员个人信息页面，并I1.设置了旋转效果，即点击图片旋转。代码：!OOCTYPEhtn1.ht111.ber*etaCharSSIUTF-8”三i5AfiRSSSodyfi5Iohref-Mifii5thi.htmMrtttt 11bef,:.ht.-三a;7.HJIiSifZ(fJ1.contpt ahref,sItC.jpg*班8xx ddc1.ass=dnr电话，12345这.大*都不用了吧

5、.。邪没学找班长3ahref0)学习安员xxxr电话：13579号Vt拴长了就找他sG*jjpg*三36xddC1.ess=teJnrc-Xbo电话，24681色筠生班心即他束汴询Ifigsrahrof团支书xxx ddc1.ass-*d11r电话I24688r用H任动主特人hrf(dtxmhrf-fiCttx(ddc1.ass-,d11rc-电话：009988爆织班级活动体委xxx电话，747375活动/body)OOCrvPEht111.(h1.班雅伯恩h1.N15px,ace1.1.spac1.ogM0-讣姓名Kh性,别thyh个人主页八2tr,Kt3个人主页3xbuttonxtd)学习委员tdB24*itGHHcByi*1.iIf1.JcE.I1.j-：-J。3J,，、：,：,二href-,；,，.”，；：曾口i.ht111.-个人主页8八d