CSSポートフォリオ作成編

ポートフォリオサイト制作を通じて、実務で使えるCSS設計とデザインスキルを習得。CSS基礎講座で学んだ知識を実践で活用しましょう。

CSS基礎講座で学んだ知識を活かし、実際のポートフォリオサイトを制作しながら実務で使えるスキルを身につけます。

習得できるスキル

  • ポートフォリオサイトの設計と実装ができる
  • ベーススタイル、ヘッダー、ナビゲーションのスタイリングができる
  • 自己紹介セクションやスキルセクションのデザインができる
  • お問い合わせフォームのデザインとユーザビリティを考慮できる
  • レスポンシブ対応の実装ができる
  • 実務で役立つCSS設計のポイントを理解できる

よくある質問(FAQ)

CSSポートフォリオ作成編では、CSS基礎講座で学んだ内容を前提としています。基礎講座のレッスン1〜12を修了してから受講することをお勧めします。

CSSポートフォリオ作成編は980円でご提供しています。

一度購入すれば、永続的にすべてのレッスンにアクセスできます。月額料金は一切かかりません。

レッスン一覧

1. ポートフォリオページを作ろう!プロジェクト概要とHTML構造

これまで学んできたCSSの知識を活用し、ポートフォリオページの作成を始めます。まずは基本となる考え方を学びましょう。

2. ポートフォリオページのべーススタイルを整えよう

これまで学んできたCSSの知識を活用し、ポートフォリオページの作成を始めます。まずは全体のベーススタイルを整えましょう。

3. ポートフォリオページのヘッダーとナビゲーションをスタイリングしよう

これまで学んできたCSSの知識を使い、ヘッダーとナビゲーションをスタイリングします。

4. ポートフォリオページの自己紹介セクションをスタイリングしよう

これまで学んできたCSSの知識を使い、自己紹介セクションをスタイリングします。

5. ポートフォリオサイトのスキルセクションをスタイリングしよう

スキルや技術を視覚的に表現するセクションのデザインを学びます

6. ポートフォリオページのお問い合わせフォームデザインしよう

お問い合わせフォームのデザインとユーザビリティを学びます

7. ポートフォリオページのフッターをスタイリングしよう

これまで学んできたCSSの知識を使い、ポートフォリオページのフッターをスタイリングします。

8. ポートフォリオサイトのレスポンシブ対応

これまで学んできたCSSの知識を使い、ポートフォリオサイトをレスポンシブ対応します。

購入情報

¥980
  • 全8レッスンにアクセス可能
  • 永続的にアクセス可能

コース概要

  • 学習時間: 約8時間
  • レッスン数: 8レッスン
  • 難易度: 中級レベル

インストラクター

Yamasaki Shohei
Yamasaki Shohei
ソフトウェアエンジニア

前提知識

CSSポートフォリオ作成編を学習する前に、以下の知識があるとスムーズに進められます。