CSS入門コース

CSSを使ってHTMLページをスタイリングする方法を学び、見た目の良いウェブページを作成します。

コース概要を見る
レッスン1: はじめてのCSS!できること&基本の書き方を学ぼう
30分
レッスン2: CSSのルールを覚えよう!基本構文&コメントの書き方
30分
レッスン3: 文字で印象が変わる!フォントとサイズを使いこなそう
30分
レッスン4: 文字の色と行間をマスターして、見やすさをデザインしよう!
30分
レッスン5: 見た目を整えよう!背景・ボーダーの基本
30分
レッスン6: CSSで彩ろう!装飾効果とグラデーションをマスターしよう
30分
レッスン7: CSSのちょっと便利な機能!擬似クラスと擬似要素をマスターしよう
30分
レッスン8: CSSレイアウトのキホン!ボックスモデルを理解しよう
30分
レッスン9: Webページを思い通りに!CSS表示形式の使い分けを学ぼう
30分
レッスン10: CSSで自由自在!Flexboxの基本をマスターしよう
30分
レッスン11:Webページを自在にレイアウト!CSS positionの基礎をマスター
30分
レッスン12:どんな画面でもキレイに見せる!レスポンシブデザイン入門
30分
レッスン13:ポートフォリオページを作ろう!プロジェクト概要とHTML構造
30分
レッスン14:ポートフォリオページのベーススタイルを設定しよう
30分
レッスン15:ポートフォリオページのヘッダーをスタイリングしよう
30分
レッスン16:ポートフォリオページの自己紹介セクションをスタイリングしよう
30分

JavaScript入門コース

JavaScriptを使ってウェブページに動きをつける方法を学び、インタラクティブなウェブサイトを作成します。

学習のステップ

  1. 各レッスンは順番に進めることをお勧めします。
  2. レッスンを完了したら、コードエディタで実際に試してみましょう。
  3. 分からないことがあれば、リファレンスセクションで詳細を確認できます。
  4. 各レッスンの最後には簡単なクイズがあり、理解度をチェックできます。