欢迎访问北大青鸟鲁广校区~

  1. 加入收藏
  2. 设为主页
  3. 学校简介
北大青鸟鲁广校区

17740513250

三分钟了解北大青鸟

×
  • 数据加载中...

我的酷炫网页设计

责任编辑:宏鹏来源:武汉北大青鸟鲁广校区发布时间:2013-12-16 17:50:42
导读:我在北大青鸟鲁广校区学习软件开发,自己做了一个网站。我使用了很多技术使得我的网站在用户体验上得到了好评。网站本身也很时尚,感谢我在这里学到的技术。

大家好,我叫舒慧,从小生活在那个被人们称为“世外桃源”的恩施宣恩,说这个呢,只是我想说啊,大山的孩子也可以敲出自己的那片天空。如今我在北大青鸟鲁广校区学习软件开发,在校期间也做过不少的项目。今天呢,我就以以前做的一个网站为例给大家讲讲我用到哪些技术以及开发的工具。 现在大家看到的是网站的页,除了基本的登陆注册,还提供了导航功能,用户能方便跳转到他想要的页面。 当时在对网站页面进行编写时,为了让效果更直观,同时为枯燥的编码工作添加一点乐趣,我使用了Dreamweaver的可视化编程。并且使用了CSS对网站页面进行了统一的布局,使整个网站风格统一,同时页面中使用了jquery为页面添加特效。例如咨询电话我就做成了让它不停地闪动的模式。不页面看起来更加绚丽多彩,用户也可以得到佳体验。 这个就是点击页的“注册”进入的注册页面。这是用jquery在页面上写的function 方法来实现的,通过获取输入框的id来判断是否输入正确或者是否为空,会用到onblur()方法,即焦点离开方法,就是鼠标移开时给出相应的提示。下面的所在地区当你选省市的时候会出现相应省级下面的市。 登陆界面除了使用CSS进行统一的布局外,还使用了Ajax技术来访问数据库。而这些功能型的代码就是通过强大的Visual Studio进行编写的。 当用户登陆后,就可以对自己上传的照片进行浏览编辑,我们使用jquery做了一个3D照片墙,所有的照片随意地散落在空间中,用户可以通过鼠标随意的拉近拉远来快速的浏览照片,也可以选中某一张照片进行放大旋转。这种方式给用户一种“图随心动”的感觉。这个呢,是一种图片特效,是用javascript实现的,其中用到很多的的触发事件,比如说鼠标点击会变大,就是一个onmousemove事件,相应地去改变图片的大小。再是onclick事件,即点击事件,就是对应着点击的时候会出现什么样的效果。 网站会每天更新与摄影相关的动态以及一些热点新闻,并进行了分类处理,用户可以点击页面顶部的导航条,来浏览他感兴趣的信息。点击新动态呢就会出现如上的页面,这只是其中的一部分,这是一个表格布局,用到的是jquery分页的技术,大家可以看到上一页下一页页以及转到哪一页去。这个表格的数据是从数据库里查出来的,会用到相应的实体类,用分页查询的通用存储过程实现数据的查询,在页面上调用实现方法,显示数据。得到当前页码,那么上一页下一页什么的就很容易实现了。 虽然当时在做的过程中就知道了自己想要的效果,但当这个页面终呈现在我们面前的时候,还是感觉到无比惊奇,不是因为它的效果,更因为这是自己所创造出来。这个项目是我们独立完成的,想想自己以前在上网的时候看到的那些神奇的页面,如今我们自己也可以制作。这是真正的属于我们的东西,我们的技术,是别人不能抢走的,是会受益于我们一生的。就像《青鸟之歌》所唱“飞旋吧,青鸟,让知识在神州大地撒遍,让教育改变我们的生活”。在鲁广校区的学习让我认识到,教育可以改变我们的生活,让我们相信未来的美好。 北大青鸟鲁广校区 21220 舒慧

本文标题:#我的酷炫网页设计#,宏鹏发布于北大青鸟鲁广校区。我在北大青鸟鲁广校区学习软件开发,自己做了一个网站。我使用了很多技术使得我的网站在用户体验上得到了好评。网站本身也很时尚,感谢我在这里学到的技术。

专业老师指导

专业老师指导

赵老师

从事IT教育培训十年有余,致力于帮助广大学子找到适合自己的专业。

培训咨询客服

培训咨询客服

陈老师

IT培训专业客服,用自己的真诚解决了无数学子的困惑。

本文地址:https://www.027hpedu.com/html/3002.html

大家都在看的大家都在看的软件测试工程师

热门课程

更多>>
  • 数据加载中...
7天免费试学

7天课程免费试学

实战学习干货限时领取

行业解读+大咖授课+项目实操
10年以上业内强师集结,手把手带你蜕变精英!

点我咨询
×
在线咨询更多问题

如您有任何疑问
在线咨询随时为您解答或拨打咨询热线:13125006136

×
  • 姓 名*
  • 手 机*
  • QQ号/微信号
  • 所报学科 *
  • 其他备注
  • 验证码 获取验证码 *
  • 温馨提示:请保持手机畅通,咨询老师将为您提供专属的一对一报名服务。