网页设计大赛来自于代码的美丽

相信自己,你们是最棒的!

昨天下午四点,令人期待已久网页设计大赛决赛终于在九教二楼报告厅拉开了帷幕,不知昨天你有没有去现场见识一下大佬们的大作了,如果你没去,那正好,快点来和小壹一起去回顾一下昨天网页设计大赛决赛现场的场景吧!

现场场景

评委

选手在进行激烈的角逐

滑动有惊喜

评委们在进行精彩的点评

一阵激烈的角逐之后,经过了评委们的商讨之后,结合大家的投票结果,最终评出了本次大赛的奖项,是不是很好奇,那就快点和小壹一起往下看吧!

一等奖

有点家具

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、所用技术:

css+div

HTML5+CSS3

JavaScript

MySQL数据库

Mode.js

Bootstrap

三等奖

校内综合信息分类网站

1、小组成员:

李肇阳电气与电子工程学院电-2

2、网页用途简介:

主要服务于我校在校大学生,此网页收集了学校内各种比赛,大小活动,演出,社团,考级考证,招聘等各种与学生紧密相关的事情,并对其进行分类整理,并外联多个考试报名查分网站,以及学校


转载请注明:http://www.guyukameng.com/html/html1/13385.html

  • 上一篇文章:
  •   
  • 下一篇文章: