前端页面设计总结 .docx

《前端页面设计总结 .docx》由会员分享，可在线阅读，更多相关《前端页面设计总结 .docx（29页珍藏版）》请在优知文库上搜索。

1、信息工程学院课程设计报告（2021-2022学年第二学期）课程：人机交互与界面设计题目：前端页面设计总结一 .设计思想设计一个班级网站。二 .各个网页设计分析1 .网页的结构主要分为登录界面，网站首页，班级活动展示，班级部分人员信息，班级论坛，课表查询共六大板块。2 .部分网页的具体实现方法：(1)网站首页主页设计主要以盒子的形式划分。背型图片也调整到对应大小，页面上方的导航栏所对应的字符都设置了超链接href,班级图标也通过链接刷新首页，鼠标移动到相应位置时会到达下一个页面，中间的图片之间设置了合适的间距并调整图片大小，并用js做成了轮播图，其中还用js做了一个的换肤效果，并且还加上来一个类

2、似于点击文字、链接放大的效果。代码：tit1.e大数据212首页/tit1.e)创造分析 手脑并用ahref=index,him】tit1.e=首页首页活动展示Ga人员信息GiXahref=1.t.htm1.tit1.e=论坛”论坛GaX/H课表查询登录/注册divCIaSS=re”divCIaSS=content”）ahref=*1987年12月27口，路易艾黎在北京逝世，享年90岁。被称为“中国的十大国际友人ahref=*https,图书馆藏书18万册，固定资产总额6500万元。2008年以后主要新建设工业实训中心和4号学生公寓等教学及辅助设施3.5万平方米；项目总扩建面积13.

3、4万平方米。现有学院：美术学院、外国语学院、培黎石油工程学院（培黎职业技术学院）、社会管理学院、培黎工程技术学院divC1.aSS=three”ahref=*httpsahref=https:WWw.W（2）课表查询创建一个课程表的表格，并设置一些样式。在这个课程表中，每个单元格代表一个时间段，并按星期几进行排列。第一行列出了星期儿的标题。接下来的行表示不同的时间段。这个HTM1.代码使用了类名“ppp”和一些样式规则来控制课程表的位置和外观。具体来说，它将课程表的位置设置为相对于网页的绝对位置（top:100Px;1.eft:300px;）,并设置了背景颜色为antiquewhite这段代码还包含一个标题标签（CaPtiOn）用于显示“我的课表”字样。代码：3概率论与数理统计博文楼401大学英语B4博文楼302tdWidth=120rowspan=2bgCoIOr=99CCff毛泽东思想和中国特色社会主义理论体系概论博文楼1.03概率论与数理统计博文楼10745虚拟现实脚本设计博雅楼B502融媒体内容设计求实楼206wcb前端开发技术求实楼4096trheigh1.=60a1.ign=wcenterz,