CSS基礎講座で学んだ知識を活かし、実際のポートフォリオサイトを制作しながら実務で使えるスキルを身につけます。
習得できるスキル
- ポートフォリオサイトの設計と実装ができる
- ベーススタイル、ヘッダー、ナビゲーションのスタイリングができる
- 自己紹介セクションやスキルセクションのデザインができる
- お問い合わせフォームのデザインとユーザビリティを考慮できる
- レスポンシブ対応の実装ができる
- 実務で役立つCSS設計のポイントを理解できる
よくある質問(FAQ)
CSSポートフォリオ作成編では、CSS基礎講座で学んだ内容を前提としています。基礎講座のレッスン1〜12を修了してから受講することをお勧めします。
CSSポートフォリオ作成編は980円でご提供しています。
一度購入すれば、永続的にすべてのレッスンにアクセスできます。月額料金は一切かかりません。
レッスン一覧
1. ポートフォリオページを作ろう!プロジェクト概要とHTML構造
これまで学んできたCSSの知識を活用し、ポートフォリオページの作成を始めます。まずは基本となる考え方を学びましょう。
2. ポートフォリオページのべーススタイルを整えよう
これまで学んできたCSSの知識を活用し、ポートフォリオページの作成を始めます。まずは全体のベーススタイルを整えましょう。
3. ポートフォリオページのヘッダーとナビゲーションをスタイリングしよう
これまで学んできたCSSの知識を使い、ヘッダーとナビゲーションをスタイリングします。
4. ポートフォリオページの自己紹介セクションをスタイリングしよう
これまで学んできたCSSの知識を使い、自己紹介セクションをスタイリングします。
5. ポートフォリオサイトのスキルセクションをスタイリングしよう
スキルや技術を視覚的に表現するセクションのデザインを学びます
6. ポートフォリオページのお問い合わせフォームデザインしよう
お問い合わせフォームのデザインとユーザビリティを学びます
7. ポートフォリオページのフッターをスタイリングしよう
これまで学んできたCSSの知識を使い、ポートフォリオページのフッターをスタイリングします。
8. ポートフォリオサイトのレスポンシブ対応
これまで学んできたCSSの知識を使い、ポートフォリオサイトをレスポンシブ対応します。