我的酷炫网页设计

责任编辑：宏鹏来源：武汉北大青鸟鲁广校区时间：2013-12-16 17:50:42

导读：我在北大青鸟鲁广校区学习软件开发，自己做了一个网站。我使用了很多技术使得我的网站在用户体验上得到了好评。网站本身也很时尚，感谢我在这里学到的技术。

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