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

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

学習目標

  • ポートフォリオページの全体的なベーススタイルを設定する方法を理解する
  • リセットCSSの役割と実装方法を習得する
  • フォントファミリーやカラーなどの基本スタイルを適切に設定できる
  • コンテナの最大幅とセンタリングの設定方法を学ぶ
  • 適切な余白設計で読みやすいWebページを作成できる

目次

プロジェクト概要

今回は、これまで学んできたCSSの知識を全て活用して、架空のポートフォリオページを作成します。HTML構造はすでに用意されており、皆さんにはCSSを中心に設計・装飾していただきます。

今回のプロジェクトの特徴
これは「塗り絵形式」の実践課題です。HTMLの骨組みは用意されているので、CSSで装飾を加えながら完成させていきます。実際の制作現場でもよく使われる手法です。
会員限定コンテンツ

このレッスンの詳細コンテンツは会員登録したユーザー限定です。

会員登録で学習効果を最大化!
詳細コンテンツ
レッスンの詳細解説を閲覧
進捗管理
学習履歴を記録・管理
新着通知
新しい教材をお知らせ
完全無料
登録料・月額料金なし
登録は1分で完了します

インラインエディタ