秦皇岛h5edu1-2期学员swiper简历

swiper插件项目实战

  共16人

袁志宇简历

pc端链接： http://1.webyzycom.applinzi.com/resume/index.html

手机端链接 ： http://1.webyzycom.applinzi.com/resumemobel/index.html

简介：

主要介绍了个人基本信息、专业技能、作品展览、个人介绍。
（1）运用swiper实现滑屏及运用jq和css3写动画特效
（2）使用了swiper实现页面的切换
（3）使用ps实现了各种图形制作
（4）运用@media媒体查询实现了手机和电脑的适配
（5）运用jq和js实现了音乐的播放及简单的实现用户交互

pc端二维码：

手机端二维码：

马高韩简历

链接：http://1.wushanshan.applinzi.com/个人简历/000.html

简介：

   此个人简历有六个页面，风格具有文艺气息。使用css和swiper搭建整体布局。
还使用了animate动画库，增加动态效果，功能较简单，最后采用media响应式
        布局移动端和PC端，但整体还存在一些细节上的错误，需完善。

二维码：

刘依伟简历

链接：http://1.wushanshan.applinzi.com/grjl/grjl.html

简介：

           本网站主要采用swiper制作，设计简单，主要介绍了本人的一些基本信息以及到目前为止的学习情况，里面的内容并不都是真实的。
 此外，本网站主要运用了swiper动画，文字与图片的淡入淡出，不足之处的没有加入音乐等效果。

二维码：

赵伟芳简历

链接：http://1.lhwei123.applinzi.com/简历/jl.html 

简介：

           简历总共分为5页，分别是首页、个人信息、专业技能、求职意向、联系方式。
  采用了html和css,运用swiper框架和swiper动画，使每个页面看有动感，
 导航点可以控制想看的页面。

二维码：

蒋宏维简历

链接：http://1.jhw123.applinzi.com/jl/jl.html

简介：

        本网站是一个个人简介，用于求职；
       采用swiper插件，特点在于可以加一些炫酷的动画效果，且代码简单，画面感强；
      共有五页，第一页：封面
 第二页：基本信息
 第三页：专业技能
 第四页：作品展示
 第五页：联系我

二维码：

王寒星 简历

链接：http://1.159753.applinzi.com/%E7%AE%80%E5%8E%86/test.html

简介：

           包含个人简单的信息 所有背景图片采用蒲公英为原型 充满朝气 运用swiper实现移动端网页触摸内容滑动 并添加部分swiper动画效果 

二维码：

吴珊珊简历

链接：http://1.wushanshan.applinzi.com/wss/people.html

简介：

             这次网站我采用的技术有HTML、CSS、CSS3、swiper等技术，创建了属于自己的个人简历，首先我引用了5个外部文件，其次我根据自己的大学生活做出了一定分析与总结，结合一些css、css3样式在swiper框架之中展开了修饰，最后完成了这一份作品。
总的来说做完最后悔的是没用手机适配，在手机上无法实现自己设计的应有界面，同时有了一个教训，那就是做任何网站都应该同时考虑多方面因素给别人带来的问题，那样才能把效果达到最好、最舒适。

二维码：

张俊玲简历

链接： http://www.ffzjl.cn/one/index_swiper1.html

简历：

           我制作的简历中包含了基本信息以及专业技能的自我评估
运用了swiper框架的基本结构，同时在默认样式中做了一些变动
例如分页器的样式根据自己喜好做出修改，制作简单，源码简洁

二维码：

张双双简历

链接：http://123.zhangshuangshuang.applinzi.com/zsswen/index1.html

 

简介：       

       我的简历讲究以简单的形式向观看者介绍我的信息，我采用了swiper动态网页设计进行整体的网页布局，但是没有一开始进行手机适配，导致网页在手机打开时布局与pc端有些不同。所以下次注意PC与移动端一起进行。、

  网页主要介绍了我的个人性格、专业技能等，以较简单的形式展现。

二维码：

宋晓晨简历

链接：http://1.songxc.applinzi.com/sxcone/index.html

简介：

           运用了swiper框架，部分使用css3和jquery
      进行了个人基本介绍，我所掌握的专业技能，大学经历以及自我评价

二维码：

陈凡简历

链接：http://1.cf0216.applinzi.com/resume/spResume.html

简介：

         共分为四页：第一页介绍姓名、年龄、性别。
                      第二页介绍和人基本信息：学历专业、家庭住址、毕业院校和工作经验。
                      第三页介绍掌握的专业技能情况。
                      第四页介绍联系方式：联系电话和电子邮箱。
          网站特点：网站制作简洁，引用了css swiper swiper动画 jquery等插件。

二维码：

刘立淼简历

链接：http://1.qinhuangdaoh5edu.applinzi.com/llm/index.html

简介：

        此网站介绍了以下几项内容：
           1.基本信息（姓名，性别，学历，学校）
          2.大学专业课程（《高等数学》《Java程序设计》《数据结构》等）
          3.技能（html+css,js,jQuery）
         4.个人兴趣（看动漫，听音乐等）
        5.联系方式（电话，邮箱）
          主要采用了swiper插件，运用swiper animate方法实现了一些小动画，通过effect实现了简单的翻页效果，自动播放

二维码：

王俊颖简历

链接：http://1.xiaoleng.applinzi.com/wjy/resume.html

简介：        

         （1）使用了js做出鼠标点击或者手机屏幕触碰，通过定位鼠标位置/触碰位置，改变css样式，实现水波纹的效果，可以全页面实现

   （2）使用了swiper实现页面的切换

   （3）使用canvas实现了专业技能的背景动态图

   （4）运用@media媒体查询实现了手机和电脑的适配

   （5）运用jq和js实现了音乐的暂停和播放，并且点击按钮时可切换图片，简单的实现用户交互

二维码：

王文静简历

链接：http://1.wenjingcom.applinzi.com/jianli/index.html

简介：使用swiper框架，完成整体布局，简单大方。
           自己设计，同时汲取了网上一些优秀作品的优点。
          动画，大部分使用css3库动画完成，部分动画使用jq完成。
           音乐控件旋转css3新属性完成。
         上滑键呼吸使用jq动画函数完成

二维码：

李政霖简历

链接:http://1.402177795.applinzi.com/LZL/lx59.html

简介：

         实现swiper的切换效果 函数调用 动画效果 用了 js和jq 再用了 html5标签  实现了 音乐效果 切换效果 跳转效果  各种 动画效果 各种函数效果

二维码：

何星简历

 链接：http://1.hexing123.applinzi.com/hx/hx.html

简介：

  共分为四页：

 第一页介绍姓名、年龄、求职意向以及座右铭。
          第二页介绍和人基本信息：学历专业、家庭住址、毕业院校和工作经验。
          第三页介绍掌握的专业技能情况。
          第四页介绍联系方式：联系电话和电子邮箱，以及留言版。

        网站特点：
         网站制作简洁，引用了css bootstrap swiper swiper动画 jquery等插件。

二维码：