HTML5大作业-好看的个人简历个人主页

文章目录

  • 1.设计来源
    • 1.1 主页界面
    • 1.2 关于我界面
    • 1.3 我的项目界面
    • 1.4 我的相册界面
    • 1.5 我的博客界面
    • 1.6 联系我界面
  • 2.效果和源码
    • 2.1 动态效果
    • 2.2 源代码
  • 源码下载

作者:xcLeigh
文章地址:https://blog.csdn.net/weixin_43151418/article/details/135458881


HTML5大作业-好看的个人简历个人主页,个人简历分为主页、关于我、我的项目、我的相册、我的博客、联系我六个模块。这是示范模块,个人简历可以根据自己简历需求,适当的增加或者删除模块,改成自己想要的,主页的图片有psd模板,可以直接改成自己想要的图片,代码上手简单,代码独立,可以直接使用。也可直接预览效果。如果有问题可以私信沟通。

1.设计来源

1.1 主页界面

    主页界面,目前总共有六个模块(主页、关于我、我的项目、我的相册、我的博客、联系我),可以根据需求调整。导航菜单为右侧悬浮出现导航菜单。这里是用的斗罗大陆的小舞做的个人简历模板。背景图片(有PSD源文件)、文字等都可以改成自己的。

HTML5大作业-好看的个人简历个人主页_第1张图片

1.2 关于我界面

    关于我界面,目前总共有六个模块(主页、关于我、我的项目、我的相册、我的博客、联系我),可以根据需求调整。导航菜单为右侧悬浮出现导航菜单。这里是用的斗罗大陆的小舞做的个人简历模板。这里描述的是个人信息,填上自己的个人信息就行了。
HTML5大作业-好看的个人简历个人主页_第2张图片

1.3 我的项目界面

    我的项目界面,目前总共有六个模块(主页、关于我、我的项目、我的相册、我的博客、联系我),可以根据需求调整。导航菜单为右侧悬浮出现导航菜单。这里是用的斗罗大陆的小舞做的个人简历模板。这里是自己做过的项目,大体描述一下,如果有链接,可以加上链接跳转。
HTML5大作业-好看的个人简历个人主页_第3张图片

1.4 我的相册界面

    我的相册界面,目前总共有六个模块(主页、关于我、我的项目、我的相册、我的博客、联系我),可以根据需求调整。导航菜单为右侧悬浮出现导航菜单。这里是用的斗罗大陆的小舞做的个人简历模板。这里是图片展示,支持填写图片信息、内容,单击图片,放大查看。可以根据自己的需求,放入图片。
HTML5大作业-好看的个人简历个人主页_第4张图片

相册界面

 

HTML5大作业-好看的个人简历个人主页_第5张图片

点击图片后显示效果

1.5 我的博客界面

    我的博客界面,目前总共有六个模块(主页、关于我、我的项目、我的相册、我的博客、联系我),可以根据需求调整。导航菜单为右侧悬浮出现导航菜单。这里是用的斗罗大陆的小舞做的个人简历模板。这里是平时自己写博客的文章,支持点击跳转自己的博客文章地址。如果没有博客的,可以改成学校信息或者参与工作信息等。

HTML5大作业-好看的个人简历个人主页_第6张图片

1.6 联系我界面

    联系我界面,目前总共有六个模块(主页、关于我、我的项目、我的相册、我的博客、联系我),可以根据需求调整。导航菜单为右侧悬浮出现导航菜单。这里是用的斗罗大陆的小舞做的个人简历模板。这里是几种联系方式,可以直接发消息(发消息,接入自己的后台就可以了,如果没有,可以去掉),也可以直接到地方,或者发邮件打电话等。

HTML5大作业-好看的个人简历个人主页_第7张图片

2.效果和源码

2.1 动态效果

    这里是完整的效果演示,可在此代码基础上更加完善功能,支持扩展自己的风格,可以删减内容,打造属于自己的个人简历。

HTML5大作业-好看的个人简历个人主页

2.2 源代码

    这里是主界面的代码,其他图片、js、css等代码,见下面的 源码下载 ,里面有所有代码资源和相关说明。




小舞の个人简历









   

 
		
	

源码下载

HTML5大作业-好看的个人简历个人主页(源码) 点击下载
HTML5大作业-好看的个人简历个人主页_第8张图片

--------------- 业精于勤,荒于嬉 ---------------
 

请添加图片描述

--------------- 行成于思,毁于随 ---------------

     关注博主 带你实现畅游前后端

     加入社区 带你体验马航不孤单

     神秘个人简介 带你体验不一样得介绍

     为爱表白 为你那个TA,体验别致的浪漫惊喜

     酷炫邀请函 带你体验高大上得邀请


     ① 提供云服务部署(有自己的阿里云);
     ② 提供前端、后端、应用程序、H5、小程序、公众号等相关业务;
     如合作请联系我,期待您的联系。
    :本文撰写于CSDN平台,作者:xcLeigh(所有权归作者所有),https://blog.csdn.net/weixin_43151418,如果相关下载没有跳转,请查看这个地址,相关链接没有跳转,皆是抄袭本文,转载请备注本文原地址。


     亲,码字不易,动动小手,欢迎 点赞 ➕ 收藏,如 问题请留言(评论),博主看见后一定及时给您答复,


原文地址:https://blog.csdn.net/weixin_43151418/article/details/135458881(防止抄袭,原文地址不可删除)

你可能感兴趣的:(资源源码,html5,课程设计,前端)