相信自己,你们是最棒的!
昨天下午四点,令人期待已久网页设计大赛决赛终于在九教二楼报告厅拉开了帷幕,不知昨天你有没有去现场见识一下大佬们的大作了,如果你没去,那正好,快点来和小壹一起去回顾一下昨天网页设计大赛决赛现场的场景吧!
现场场景
评委
选手在进行激烈的角逐
滑动有惊喜
评委们在进行精彩的点评
一阵激烈的角逐之后,经过了评委们的商讨之后,结合大家的投票结果,最终评出了本次大赛的奖项,是不是很好奇,那就快点和小壹一起往下看吧!
一等奖
有点家具
1、小组成员
陈艺桐信息科学与技术学院数字媒体技术
朱杰华信息科学与技术学院数字媒体技术
高瑞博信息科学与技术学院数字媒体技术
2、网页创意与制作简单说明
在界面设计方面:网页以“黑白黄”三色为主,简洁风格给人以舒适的视觉体验。
logo中将“家具”二字与家具UI相结合,展现出网页的行业领域和风格特点。
在功能方面:首先我们根据电商网页的特点,将3D技术与网页相结合,用户在选购商品时,可根据网页的3D家具展示功能,更清晰的了解商品的材质、外貌等细节特征,方便人们挑选到心仪的家具;其次,我们为用户设计了愿望清单,随时对比所选商品,随增随删,帮助用户做出最优选择;在商品的浏览方面,采用分级分类的方法,层层筛选出目标家具;最后在用户最关心的售后方面,我们添加了“联系我们”功能,精准定位,为用户提供最优质的售后保障。
3、所用工作平台和设计软件
操作平台:windows+Linux
设计软件:IntellijIDEA,Dreamwaver
4、所用技术
webgl
spring
高德地图API
二等奖
畅玩博客
1、参赛者姓名:
张运涛信息科学与技术学院软件工程专业
2、网页创意及制作简单说明
核心创意:将java爬虫与大数据相关知识融入网站设计中。增加了BBS论坛模块。实现简单数据分析预测。
在外观上,充分利用配色和精美的页面来迎合用户的审美,并以用户最舒心的审美体验为落脚点。
在功能上,详情见网站演示。
在交互上,该网站充分运用了目前动态网页交互技术,实现对资源、信息、数据的动态处理,页面链接顺畅可以实现互相转跳,使得用户在使用该网站时零障碍。
3、所用工作平台和设计软件
FlashCS6
Dreamweavercs6
Photoshop
Eclipse
4、技术加分项实现
窗体风格自主设计
网页中添加了自制的flash.
使用ajax处理请求,页面显示的内容便于系统的维护更改
添加了BBS论坛,便于用户之间的交流.
采用MVC的开发模式,自行编写后台代码实现动态网页。
采用MVVM的js前端框架,实现视图层和视图层的通信是双向绑定
采用网络爬虫相关技术获取数据,网站设计尽最大程度符合真实的需求。
表单提交通过自定js代码实现验证,提示用户输入信息的格式,增加了网站的友好性。
网站中用到的图片基本都经过PS处理,使之更切合主题。
采用css+div进行网页重构设计
通过自定义代码实现网页动态效果.
集成运用Fckeditor。
大学生软件资源分享网站
1、小组成员
王世博信息科学与技术学院教育技术学
宁宇信息科学与技术学院教育技术学
刘鑫信息科学与技术学院教育技术学
2、网页创意及简单制作简单说明:
为了满足大学生日常学习中对部分专业软件的需求,我们制作了Software-Box这样一个网站,网站上提供了部分专业性软件的下载方式。
网页主页分为两个部分:左侧的软件导航栏和右侧的软件信息显示区域。
侧边栏将软件分为不同的类别,便于用户查找需要的软件。右侧软件信息使用iframe标签引入软件信息的界面。
软件名称和相关信息都由服务器上的数据库储存并转换为JSON文件。网页加载时访问数据库并读取内容。
3、所用工作平台及设计软件:
Windows:SublimeText3.AdobeDreamweaverCC,GoogleChrome,nginx.
Ubuntu:MySQL,Node.js,nginx.
4、所用技术:
HTML5+CSS3
MySQL数据库
Mode.js
Bootstrap
三等奖
校内综合信息分类网站
1、小组成员:
李肇阳电气与电子工程学院电-2
2、网页用途简介:
主要服务于我校在校大学生,此网页收集了学校内各种比赛,大小活动,演出,社团,考级考证,招聘等各种与学生紧密相关的事情,并对其进行分类整理,并外联多个考试报名查分网站,以及学校