如何创建投资组合
什么是作品集
作品集可以与简历具有相同的用途。大多数简历都是用文字编写的，而作品集则是为了展示，因此它是视觉化的，包含图像，而且通常比简历更详细。
它是一个展示你的工作经验和展示你最自豪的项目的平台。
你可以将你的在线作品集链接分享给公司、招聘经理和招聘人员，以便他们注意到你。
它旨在向他人展示你的专业身份，并让他们了解你。
为什么要创建作品集
这是一个扩大你的在线影响力和被人注意的好方法。
它可以用来找工作或吸引客户使用你的服务。
将其作为网站在线发布。使世界各地的人都能找到你。
作品集的设计会给读者留下对你的印象。确保它看起来美观且易于阅读！
谁适合创建作品集
创建作品集对你的职业发展很重要。
它在寻找工作、自由职业或向新客户展示你的技能时很有用。
使用作品集的典型角色包括但不限于以下专业人士：
- 软件开发人员
- 用户体验设计师
- 平面设计师
- 摄影师
- 营销专业人员
- 建筑师
- 作家
作品集中最重要的部分是什么
创建作品集的方法有很多。
如何创建它取决于你是什么类型的专业人士，你为谁创建它，以及你为什么要创建它。
你必须 **测试、失败和学习** 才能找到适合你的作品集类型！
以下总结了所有类型作品集必不可少的几个部分：
1. 英雄区。
英雄区是人们进入你的作品集时首先看到的内容。
它显示在你的徽标和菜单下方。
英雄区帮助读者了解你的服务内容、为什么有人应该与你合作以及你提供服务的价值。
它通常包含一个号召性用语按钮，例如“联系我”、“预约会议”或类似内容。
2. 关于我部分。
向读者简要介绍一下自己。
包括你的教育背景、工作经验、项目和兴趣等内容。
帮助读者了解你的热情所在以及你的超能力（你真正擅长的东西）。
记住要简明扼要。
3. 项目部分。
列出你所参与的项目。最常用的方法是按日期排序，但在某些情况下，按其他逻辑方式排序也是合理的。
为每个项目添加详细信息，包括你的角色、你做了什么以及项目的最终结果。
添加图片来展示你构建的内容是一个加分项！展示你引以为豪的东西。
4. 联系我部分。
让读者知道他们如何以及在哪里可以联系你。
添加你的联系方式和其他联系渠道，例如你的 GitHub 个人资料、LinkedIn、YouTube 等等。
创建自己的作品集需要了解哪些内容？
HTML、CSS 和 JavaScript 是创建网站的基础语言。
你只需使用这三种语言就能走很远！
- **使用 HTML 创建结构。** 你需要学习的第一件事是 HTML，它是创建网页的标准标记语言。 学习 HTML ❯
- **使用 CSS 进行样式设置。** 下一步是学习 CSS，使用漂亮的颜色、字体等等来设置网页的布局。 学习 CSS ❯
- **使用 JavaScript 使其具有交互性。** 在学习 HTML 和 CSS 之后，你应该学习 JavaScript，为用户创建动态的交互式网页。 学习 JavaScript ❯
如何一步一步创建作品集
按照以下步骤从头开始创建你的作品集。
准备工作
决定使用哪个代码编辑器，并设置你的环境。
W3Schools 创建了一个名为 **W3Schools Spaces** 的易于使用的代码编辑器。注册并只需点击几下即可开始使用。
免费开始 ❯创建你的 **index.html** 文件。这样你就可以输入代码了。
一切准备就绪。让我们开始吧！
第一步：添加 HTML 骨架
键入一个 HTML 骨架代码，这是你网站的起点。它是包含代码的结构，确保代码在互联网上正确显示。
阅读此处了解如何创建基本的 HTML 骨架：如何创建 HTML 骨架
第二步：添加导航栏
导航栏是对网站内容的简短表示。
它是访问者首先看到的内容之一。
它帮助访问者查找和 **浏览** 网站上的内容。创建结构良好的导航很重要。这样你的访问者就能找到他们想要的内容。
以下是如何创建顶部导航栏的示例：如何创建顶部导航栏
第三步：添加英雄区
英雄区与导航栏一起，是你作品集的第一个部分，人们会看到它。
它应该包含有关以下几个方面的信息：
- 你是谁？
- 你提供什么？
- 你的职业是什么？
- 为什么人们应该与你合作？
- 你应该采取哪些行动？
以第一人称写作，并保持 **简短** 和 **简单**。
英雄区中首选的其他内容包括：
- 引人注目的图形，可以作为背景或与文本并排显示。
- 一个指向你的作品集内容或其他网站内容的行动按钮。
以下是如何创建英雄区的示例：如何创建英雄图片
第四步：添加关于我部分
在本节中，你可以发挥创意。这可以帮助你脱颖而出。
在这里，你可以 **个性化** 内容，并更深入地写关于你自己的内容。
本节中可以包含的内容包括：
- 你的介绍
- 你作为专业人士的形象
- 你的教育背景
- 你的技能
- 你的工作经验（现在和/或过去）
- 你的爱好
- 你的目标和抱负
在某种程度上，你可以将“关于我”部分视为你的简历的简短摘要。
随意以第一人称写关于你自己。
个性化内容并让人们了解你作为一个人，可能会让你获得更多关注。
以下是如何创建“关于我”部分的示例：如何创建“关于我”部分
第五步：添加工作经验部分
工作经验部分突出显示你在旅途中积累的经验、知识和能力。
在这里，你可以添加：
- 指向你的项目的链接，包括项目名称和/或项目简短描述。
- 指向你撰写的博客文章的链接，包括标题和/或关于其内容的简短描述。
- 你的专业奖项或成就。
- 突出显示你的工作和成就，是为你自己创造机会的一种方式。
- 视觉表现形式，例如图像或图形。
第六步：添加联系部分
联系部分是 **允许访问者与你联系的区域**。
你应该始终包含访问者联系你的方式，无论是通过联系表单，还是通过写下你的联系方式，例如：
- 地址
- 电子邮件
- 电话号码
- 例如 GitHub 个人资料、LinkedIn 个人资料、YouTube 个人资料等等。
以下是如何创建基本联系部分的示例：如何创建联系部分
第七步：添加页脚部分
页脚可能被视为一个次要部分，但它是每个网站的重要部分。
它是展示基于你的网站目标和访问者需求的关键信息的地方。
它通常包含有关版权的技术信息，但也可以包含其他信息，例如：
- 指向“隐私政策”页面的链接
- 指向“使用条款”页面的链接
- 联系信息
- 网站导航链接
- 指向社交网络的链接
- 指向你商店的链接
以下是如何构建页脚部分的示例：如何创建页脚部分
