重庆北大青鸟解放碑校区J12班 谭磊【Touch me 猫】

项目名称：Touch me猫
项目作者：谭磊
所属班级：重庆北大青鸟解放碑校区J12班

首页

网站内页

网站内页

网站内页

作品赏析：Touch me是一个关于猫咪的外文网站，主要内容就是关于猫咪的话题和图片，广大猫咪爱好者都能在Touch me上找到自己感兴趣的点。网站的整个页面设计非常简约，符合年轻人的审美，页面结构和色彩的搭配也很合理，用户体验非常好。整体上是相对完美的一个项目，但还有待完善，如果将用户模块加上会吸引更多的猫咪爱好者。

使用技术：此网站氛围三个部分。homt主页采用分页式，通过绝对定位而达到各页面的定位动画，主要使用js css编写特效与页面。about第二页面为普通阅览页面，部分使用bootstrap框架，配合css修改自定义动画和特效。gallery第三页面为图片浏览，使用3D动画效果使图片自动旋转并在触碰停止替换图片和出现遮罩层。导航栏为jq编写效果为随机变色并由浅变深再从深变浅，使用递归方法循环jq的特效。

项目总结：这个项目的灵感来自于自己平时养猫的过程，因为之前在网上看到过此类网站，所以就想为自己的猫做一个类似的网站。从有此灵感到项目的初步拟定，大概用了一周的时间，一开始有很多自己的想法，想把这些都做到项目中去，但由于时间有限，只做到了目前这样。不过在重庆北大青鸟解放碑校区接下来的学习过程中，我会用所学知识继续完善这个项目。