基礎課題１－１（HTML CSS） - tech-is/student-wiki GitHub Wiki

１－１－１．paizaラーニング「HTML/CSS入門編」（難易度：★☆☆☆☆）

１－１－２．自己紹介ページの作成（HTML）（難易度：★★☆☆☆）

  • HTMLを使って自己紹介ページを作成してください。

  • 作成する際には、以下の項目を参考に書きたいものを記載してください。

    • 名前
    • ニックネーム
    • 誕生日
    • 性別
    • 趣味
    • 特技
    • 意気込み等のひとことメッセージ

  • 以下についても実装してみましょう！

    • 見出しを使って見やすくしてください。（ヒント：h1~h6）
    • リストまたは表を使って見やすくしてください。
    • 顔写真やアイコンの画像を表示してください。
    • 自己紹介ページ以外の子ページ（例えば、日記ページ等）を作成し、リンクしてください。

１－１－３．自己紹介ページの作成（CSS）（難易度：★★★☆☆）

  • CSSを使って自己紹介ページをデザインしてください。
  • 以下を参考に、デザインしてみましょう！
    • 背景をオシャレなものに変更してください。
    • 見出し等の文字の大きさ、太さ、色をオシャレなものに変更してください。
    • 子ページを作成している場合は、オシャレなボタンを作成し、リンクするようにしてください。

１－１－４．自己紹介ページの作成（Bootstrap）（難易度：★★★★☆）

  • Bootstrapを使って自己紹介ページをレスポンシブ対応させてください。

【参考資料】