该个人网站一共有8个页面。首先博客的登录界面login.html:是利用html5和css3结合写出的一个超炫酷的页面，根据canvas粒子制作出背景具有动态的效果。登陆后根据存入数据进行比对，对其用户名、密码、验证码验证，只有通过验证后才能登录成功并且验证成功后可以达到全屏的效果。每一个页面分为footer body和footer三部分组成。头部主要就是标题栏，尾部是页脚，中间就是主题内容。index.html主页：主要就利用js焦点滚动式轮播插入图片和文字自行进行翻页，其他主要利用div和

一个点击小图看大图的CSS3图片展示特效，可用于网页相册和画廊中，通过点击缩略图，可在当前页无刷新放大大图片，而且可关闭图片，单击空白处同样可关闭图片，鼠标悬停于图片时，还有悬停特效。

CSS3效果不错的照片墙【图片墙】特效代码，类似代码有不少了，本款照片墙只是将图片按一定规律显示出来，并不支持鼠标点击图片后的预览效果，不具备图片放大功能，只是用来显示照片缩略图用的。

html5基于TweenMax来制作拖拽图片预览动画特效。拖拽效果使用的是Draggabilly插件。这是一款html5和CSS3可拖拽的横向图片预览布局。该布局将所有图片在屏幕中央进行横向排布，可以通过鼠标前后拖拽图片。当点击图片的标号数字时，隐藏所有的缩略图，在屏幕上显示当前被点击的图片放大，文本内容展示效果。