制作个人简历页面

最新推荐文章于 2024-06-14 08:08:55 发布
最新推荐文章于 2024-06-14 08:08:55 发布
阅读量2.7k 收藏 6
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46227976/article/details/106935290
版权
本文指导如何利用云服务器创建个人简历网站。首先开通云服务器，安装LAMP环境，选择带有LAMP环境的镜像并设置安全组。接着制作响应式的HTML简历，通过Visual Studio Code编辑，并使用FileZilla将简历文件上传到服务器。最后访问公网IP即可查看个人简历网页。
摘要由CSDN通过智能技术生成

制作个人简历页面


先贴链接http://resume.helsingenmersken.xyz/
阿里云高校计划白嫖链接;https://developer.aliyun.com/adc/college/

首先开通云服务器

反正白嫖的机子也选不了啥子，跳过这步

安装LAMP环境

一般来说，主流的建站环境就是 LAMP 环境，它是 Linux + Apache Httpd + MySQL + PHP 的缩写，是网页环境的黄金搭档，可以兼容几乎所有的HTML和PHP运行需求。

选择带有LAMP环境的镜像

  1. 停止ECS（强制停止更快）。强制停止运行
  2. 然后在 配置信息 —— 更换系统盘在这里插入图片描述
    进入：https://market.aliyun.com/products/53398003/cmjj016263.html在这里插入图片描述

设置安全组

1、进入【本实例安全组】

最低0.47元/天 解锁文章
HelsingenMersken
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
求职网站开发实例(microsoft visual studio 强力打造)
05-04
采用Visual Studio 2005系统开发软件，以Microsoft Office 2003之Access为后台数据库，设计并开发的一个面向招聘者和求职者双方的招聘求职网站系统。该网站系统能够完成面向求职者的注册，登录，简历更新，招聘企业和职位查询以及向相应企业发送求职申请、查看申请结果，同时还有面向招聘企业的注册，登录，发布招聘信息，查看求职者的求职申请和通知满意的求职者面试等一系列的功能。整个网站系统地实现了招聘求职的综合功能。
vs code 自定义用户代码片——理想视口
toobad_的博客
10-21 131
1、点击设置——选择用户代码片段 2、 选择新建全局代码片段文件： 3、输入新建代码片的名字： 4、把默认生成的示例代码删掉，复制进新的代码，如下： 复制新的代码，保存： 源码： { "html": { "prefix": "html", "body": [ "<!DOCTYPE html>", "<html>\n", "<head>", "\t<meta charset=\"UTF-8\"...
个人简介网页设计html
最新发布
m0_67912929的博客
06-14 845
张三的LinkedIn</a></p><p>邮箱: <a href="mailto:zhangsan@example.com">zhangsan@example.com</a></p><p>电话: <a href="tel:123-456-7890">123-456-7890版权所有 © 2024 张三
Vs Code的HTML编程（简易个人介绍）
m0_55989116的博客
09-07 2574
Vs Code的HTML编程（简易个人介绍）新手入门
表格标签初学者，制作一个个人简历
YY2748的博客
08-16 709
定义行，属性：align,valign,bgcolor… 定义列，属性：width,height,align,valign.clospan,rowspan,… 定义表头（通常显示居中和粗体文本） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body> <
用VSCode写简历表
qq_62512326的博客
07-06 4289
三.效果图 当然大家可以改掉里面的文字哦~
用html制作一个简历
QwwwQxx的博客
03-20 8121
【代码】用html制作一个简历。
6个页面个人简历6个页面个人简历
01-19
在制作个人简历时，应根据不同的职位需求进行调整，突出与目标岗位相关的经验和技能。同时，简历的排版要清晰，避免错别字和语法错误，确保内容准确无误。最后，定期更新和优化个人简历，使之始终反映出个人的最新...
HTML制作个人简历的简单实现
09-28
通过制作个人简历，学习者可以掌握HTML页面的基本结构和常用标签的用法。同时，简历制作还涉及到了一些基本的CSS（层叠样式表）知识，比如设置字体、颜色和布局，虽然在本例中并没有直接体现，但在实际开发中，这些...
Bootstrap-个人简历响应式网页模板
06-08
2. **单页面设计**：个人简历模板采用单页面布局，所有内容如个人信息、经历、作品集和联系方式等都在同一个HTML页面上，通过锚点链接实现页面内部的跳转，使得用户可以在不离开当前页面的情况下浏览全部内容，提高...
HTML+CSS制作个人简历web网页.zip
12-10
HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作...
纯静态页面制作的简单个人简历
08-30
HTML制作的简历
Visual Studio 代码入门
细菊君的博客
09-01 3745
Visual Studio Code（简称“VS Code” [1]）是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于Mac OS X、Windows和Linux之上的，针对于编写现代Web和云应用的跨平台源代码编辑器， [2]可在桌面上运行，并且可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言（例如C++，C＃，Java，Python，PHP，Go）和运行时（例如.NET和。.
VSCode编写HTML页面
weixin_42442805的博客
10-24 824
1、快速生成HTML框架 （1）新建HTML文档，hello.html （2）输入“！”，点击第一个选项后生成HTML结果。输入“！”后点击“Tab”键也可以。 如果输入“！”后点击第二个选项只会生成头部标识<!DOCTYPEhtml>。 2、 ...
【云计算的1024种玩法】为求职加分：为自己建个炫酷的简历网页
weixin_34307464的博客
08-27 94
对于我们学生来说，个人简历是以后走向工作岗位的第一把钥匙，一份优秀而又美观新颖的简历不仅会让你与其他人与众不同脱颖而出，甚至还可以让面试官因为你的独特而额外加分呢。我相信大部分同学都对自己的简历有着十分的重视，我也是其中之一。 一般来说我们都是用office来制作自己的简历，但是这样的简历需要一个模板而这个模板基本上都是从网上下载很有可能会和别人相似，...
教程：简单几步制作出酷炫网页版简历
aliyunhn的博客
09-21 1万+
为你的求职加个分：手把手教你制作酷炫的简历网页   又到了一年之中金秋招聘旺季。在求职时，一份精致的网页版简历能为自己加分不少，帮你全面地展示自己，在相似度较高的简历模板中脱颖而出，给面试官留下深刻的第一印象。当然工作之后，如果勤于维护，也是向他人展示自己成长的好方法。那么怎样才能完整的制作一份炫酷的个人简历网页呢？       想要制作属于自己的炫酷简历网页，需要
Visual Studio Code:Web前端——登录、注册界面、个人相册
热门推荐
m0_58822294的博客
08-05 1万+
制作一个网页，有登录界面、注册界面和个人相册界面，注册成功后在登录界面登录成功后进入个人相册界面,个人相册里的所有图片是顺时针旋转的。若失败返回登录界面，登录界面和注册界面可相互切换。 代码： login.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg
为求职加分——创建炫酷的简历网页学习
apricot0000的博客
08-06 236
这里写自定义目录标题为求职加分-创建酷炫的简历网页学习（2020.8.6） 为求职加分-创建酷炫的简历网页学习（2020.8.6） 一.开通云服务器 进入网站购买ECS产品，选择计费方式，地域（区分地域和可用地区）和网络，对镜像进行购买（免费），数量选择，新手推荐使用自定义密码（通过密码登入linux系统或者Windows系统），尽量不要选择生成了实例在通过重设密码的方式修改密码。 二.安装网页运行环境 1.总的来说阿里云提供的公共镜像是一个空白的Linux发行版或者Windows Server，具体的运行
Visual Studio Code:HTML——表单
m0_58822294的博客
06-03 2565
【关卡前提】 掌握HTML 表单制作 【关卡知识】 表单标签 表格标签 【关卡要求】 完成《个人简历》练习 【关卡效果】 《个人简历》练习效果图如下： 【知识补充】 HTML 合并单元格 如果要将两个或多个列合并为一个列，将使用colspan属性 如果要合并两行或更多行，则将使用rowspan属性 【代码】 ...
用bootstrap制作个人简历网页页面
05-25
好的，下面是一个简单的用 Bootstrap 制作个人简历网页的步骤： 1. 安装 Bootstrap 首先，需要在你的项目中安装 Bootstrap。可以通过以下方式安装： - 使用 CDN：在你的 HTML 文件中添加以下链接即可： ``` <!-- CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" integrity="sha384-v6ZcA3wOvTnJ5o5U+6+t5wM5zAqJfVnS5Vx0nX9a3lNkMw1UHe9d+yF/MzRZBp+Q" crossorigin="anonymous"> <!-- JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-3wVqoIxgo8+Y5zzyCw7i2jwAv3+sYOg6mXVca3XnY8z9v6P0eJs0T1bT1P9Z4fJh" crossorigin="anonymous"></script> ``` - 下载并引入本地文件：从 Bootstrap 官方网站下载压缩包，并将其中的 CSS 和 JavaScript 文件引入到你的 HTML 文件中。 2. 创建基本结构 在 HTML 文件中创建基本的结构，包括头部、主体和底部。可以使用 Bootstrap 提供的容器类来实现响应式布局。例如： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Resume</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" integrity="sha384-v6ZcA3wOvTnJ5o5U+6+t5wM5zAqJfVnS5Vx0nX9a3lNkMw1UHe9d+yF/MzRZBp+Q" crossorigin="anonymous"> </head> <body> <div class="container"> <header> <!-- 头部内容 --> </header> <main> <!-- 主体内容 --> </main> <footer> <!-- 底部内容 --> </footer> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-3wVqoIxgo8+Y5zzyCw7i2jwAv3+sYOg6mXVca3XnY8z9v6P0eJs0T1bT1P9Z4fJh" crossorigin="anonymous"></script> </body> </html> ``` 3. 添加样式和内容 使用 Bootstrap 提供的类来添加样式和内容。例如，可以使用 `jumbotron` 类来创建一个大的、突出的头部，使用 `card` 类来创建一个内容块，使用 `list-group` 类来创建一个列表。以下是一个简单的例子： ``` <header class="jumbotron"> <h1 class="display-4">My Resume</h1> <!-- 其他头部内容 --> </header> <main> <div class="card mb-3"> <div class="card-header"> <h2>Personal Information</h2> </div> <div class="card-body"> <ul class="list-group"> <li class="list-group-item">Name: John Doe</li> <li class="list-group-item">Email: john.doe@example.com</li> <li class="list-group-item">Phone: 123-456-7890</li> </ul> </div> </div> <!-- 其他内容块 --> </main> <footer> <!-- 底部内容 --> </footer> ``` 4. 添加响应式布局 Bootstrap 提供了很多类来实现响应式布局。可以根据屏幕大小来改变元素的大小和排列方式。例如，可以使用 `col` 类来指定列的大小，使用 `row` 类来创建一行，使用 `justify-content-between` 类来在一行中平均分配元素。以下是一个例子： ``` <main> <div class="row"> <div class="col-md-6"> <!-- 左侧内容 --> </div> <div class="col-md-6"> <!-- 右侧内容 --> </div> </div> </main> ``` 这将创建一个具有两列的布局，当屏幕宽度小于中等大小时，列将堆叠在一起。 5. 完善页面内容 根据自己的需求，添加更多的内容和样式来完善页面。可以使用 Bootstrap 提供的各种组件和类来实现自己想要的效果。 以上就是一个简单的用 Bootstrap 制作个人简历网页的步骤。希望能对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值