教程：简单几步制作出酷炫网页版简历

为你的求职加个分：手把手教你制作酷炫的简历网页

又到了一年之中金秋招聘旺季。在求职时，一份精致的网页版简历能为自己加分不少，帮你全面地展示自己，在相似度较高的简历模板中脱颖而出，给面试官留下深刻的第一印象。当然工作之后，如果勤于维护，也是向他人展示自己成长的好方法。那么怎样才能完整的制作一份炫酷的个人简历网页呢？

想要制作属于自己的炫酷简历网页，需要有一些必备的软硬件等资源，比如服务器、镜像等。这里根据大多数用户以及自身测试后得出的经验建议大家从阿里云产品开始，基于它有众多强大的功能，其中之一就是可以通过其服务器来完善自己的简历，并且操作非常简单、使用也方便。接下来就带大家进入到个人简历网页的制作当中...

一． 搭建服务器以及安装软件

首先服务器的搭建，对于个人使用的小型网站，一台1核2G、1M带宽40G云盘的云服务器ECS实例即可满足需要。当然这只是基本的服务器配置，至于其它选择可根据实际情况自助配置应用环境或相关软件配置。此外，在阿里云系产品中此环境是配置好的，不需要大家单独配置。

接着配置镜像，这里需注意的是用LAMP环境（Ubuntu16.04 Apache PHP7.1）要选择镜像的版本，一般来说学生版的是PHP5.6，而这里需要在镜像市场上搜索7.1的版本购买并使用。大多数阿里云包年包月镜像都是免费的并不收取费用，这块大家可以到阿里云市场查看，所以大家可放心使用。安装完毕的状态如下图：

之后在网址上输入http://个人公网IP/就可以访问了。

二、制作个人简历网页

这部分会使用Visual Studio Code（简称VSC）编辑并制作简历页面，通过编写代码来实现简历的编辑、排版以及美化。

首先用VSC打开HTML文件可以看到这个界面。这一段代码分为好几个部分，包括标题、技能、经历以及教育荣誉等部分。在这个页面的右侧可以选择某一部分进行编辑。下面简述下操作方法：

1.更改HTML标题：

将title中的“XXX的个人简历” 改成个人名字或者 XX的简历。

2.其他的部分的填写，同样只需要复制页面中的文字并在VSC中搜索即可，然后替换：

例如，要修改这一段：

复制 “被称为魔术师”到 VSC 中搜索：

换成自己心仪的文字，保存之后再打开index.html 文件就可以看到更改后的结果了！

3.修改技能的百分比

用VSC打开，可以看到：

class="s90" 中的，s90 表示 90%，s100即100%以此类推

最后将完成好的简历网页保存即可。

三、将制作好的简历上传至阿里云ECS服务器

完成了简历内容的更改，接下来需要把制作好的简历上传到之前配置好的服务器上，打开FileZilla之后按照下面的界面输入：

其中主机地址栏是sftp://公网IP。公网IP就是云服务器的IP，用户名root，密码则是购买服务器时自己设置的密码，端口为22，接着就可以看到远程linux的目录了，之后将简历上传至/data/wwwroot/default/ 目录下：

这里值得一提的是只有PHP7.1的镜像版本才有data文件夹，所以一定要确保自己的版本是否对照。待上传完毕之后便可在浏览器中直接访问：http://公网IP就可以了！

需要注意的是大家在这里可能会出现一个问题就是无法访问自己的IP，究其原因是因为没有添加安全组。

安全组的话具体的需要在阿里云ESC服务器的界面中点击“本实例安全组” —“配置规则”—“添加安全组规则”然后按照下面的参数配置：

配置完之后，关于个人版简历网页的制作已经全部完成了。是不是很有成就感？

生活中相信大部分同学都喜欢用office来制作自己的简历，但这样的简历一般都是套用模板而此类模板基本上都是从网上下载很有可能会和别人相似，体现不出自己的独特性，也不够出彩；此时若拥有一份优秀而又美观新颖的简历不仅会让你与其他人与众不同脱颖而出，甚至还可以让面试官因为你的独特而额外加分。因此，赶快学习制作个人简历网页这项技能吧，为自己的求职道路加个分！

教程：简单几步制作出酷炫网页版简历相关推荐

asp.net 报表页面模板_20套大屏模板，教你3分钟制作出酷炫的可视化大屏
犹记得好莱坞大片<摩天营救>中,监控中心的全方位展示屏幕给人印象深刻,而这种立体化大屏幕似乎已成了科幻电影大片的标配.其实,这种逼格很高的镜头就是一个数据可视化大屏.如今在会议展厅.园区管 ...
炫酷大屏demo_20套大屏模板，教你3分钟制作出酷炫的可视化大屏
犹记得好莱坞大片<摩天营救>中,监控中心的全方位展示屏幕给人印象深刻,而这种立体化大屏幕似乎已成了科幻电影大片的标配.其实,这种逼格很高的镜头就是一个数据可视化大屏.如今在会议展厅.园区管 ...
php如何制作视频特效,视频特效怎么弄给视频加一个主题样式，简单几步制作出属于自己风格的独特视频...
不得不说今年双十一的快递速度还是很给力的,大部分东西都到了,每天接到快递小哥的电话或者是短讯,都高兴得像个两百斤的傻子.快递还没到的小伙伴也不要捉急,和狸窝一样------在路上!!!今天教大家制作一 ...
【教程篇】Blender实例教程（一）——制作一个酷炫的三叶草星
http://www.nanjixiong.com/forum.php?mod=viewthread&tid=52683&highlight=%BD%CC%B3%CC%C6%AA 先看 ...
ztext - 简单几行代码创建酷炫 3D 特效文字的开源 JS 库
把网页上的文字变成酷炫的 3D 风格,还能制作旋转动效,有了 ztext.js,只需要几行代码. ztext 能做什么 ztext.js 是一个能把常规的平面文字变成 3D 样式的前端开源代码库,让开 ...
0基础小白都说简单！10秒做好酷炫图表，可视化工具帮了大忙
0基础小白,10秒做好酷炫图表,动态可视化工具帮了大忙. 优秀的数据可视化,选择正确的图表类型是第一步. 再酷炫,再黑科技的可视化大屏,不也是一个个图表组成的吗? 图表制作,其实要说难也不算太难,但是 ...
【有了可图网】PS实战系列64：用PS的3D功能设计制作一个酷炫的彩色立体字体
本篇教大家如何巧用PS的3D功能设计制作一个酷炫的彩色立体字体!教程讲解过程超详细,主要用到了PS的滤镜.调整层以及图层样式来完成效果,需转学起来! 彩色立体文字纹理素材链接链接:https://pa ...
html制作一个酷炫的记事本（源码）
文章目录 1.记事本风格和灵感 1.1 设计灵感 1.2 整体风格 2.代码展示 1.1 酷炫的记事本效果图 1.2 主代码源码下载 html制作一个酷炫的记事本(源码) 使用html实现记事本的完 ...
如何用一简单的CSS制作响应式HTML网页
如何用简单的CSS制作响应式HTML网页 #故事前端开发在这篇文章中,我将教你如何使用CSS网格来创建一个超级酷的图像网格,它随着屏幕的宽度而改变列的数量. 最赞的一点就是:这个响应式效果只需要添加 ...

教程：简单几步制作出酷炫网页版简历

教程：简单几步制作出酷炫网页版简历相关推荐

最新文章

热门文章