ポートフォリオ作成講座

目次

自分を表現するポートフォリオを作ろう

~魅力的なデザインで自分のスキルをアピール~

ポートフォリオは、自分のスキルや経験、制作実績を効果的にアピールする重要なツールです。この講座では、ノーコードで始める簡単なポートフォリオ作成から、さらに一歩進んで、ポートフォリオサイトやデザインカンプの作成まで学べる内容を用意しました。

前半では、Canvaを使った初心者向けの簡単なポートフォリオ作成方法を紹介しましたが、後半では、ウェブサイトとしてのポートフォリオを構築するステップを中心に解説します。特に「デザインカンプ」の作成は、実際のサイト制作のイメージを具体化する大切な工程です。

この講座を通じて、自分の魅力を最大限に伝えるポートフォリオを一緒に作っていきましょう!

作成ステップ

STEP
Part:0 ポートフォリオ・制作実績講座[0]ゼロ Canvaを使って作成してみよう!
STEP
Part:1 ポートフォリオサイトの作り方-制作工程
STEP
Part2:ポートフォリオ用1ページ構成カンプをFigmaで作る手順
STEP
Part3:HTMLで基本の構造を作ろうポートフォリオコーディング+Bootstrap
STEP
Part4:CSSで見た目を整えよう ポートフォリオコーディング

Part3ではHTMLでポートフォリオの基本構造を作成しました。今回はそのHTMLにCSSを加えて、デザインカンプに近づけていきます。CSSによるスタイルの調整は、情報の伝わりやすさ、視認性、操作性を向上させる大切なステップです。

あわせて読みたい
Part4:CSSで見た目を整えよう ポートフォリオコーディング Part3ではHTMLでポートフォリオの基本構造を作成しました。今回はそのHTMLにCSSを加えて、デザインカンプに近づけていきます。CSSによるスタイルの調整は、情報の伝わり...
STEP
制作実績を作る

関連記事

目次