HTML入門コース
HTMLの基本構造からタグの使い方まで、ウェブページの作成に必要な基礎知識を学びます。
コース概要を見る
レッスン1: HTMLでできることと基本ルールを理解しよう
30分
レッスン2: HTMLの基本タグ(見出し・段落・リンク・画像・強調)を学ぼう
30分
レッスン3: HTMLで文章を整える!リスト・区切り・改行タグを学ぼう
20分
レッスン4: HTMLの入れ子構造をマスター!親要素と子要素を理解しよう
30分
レッスン5: HTMLフォーム入門 ─ テキスト・ボタン・ラジオボタンの基本を学ぼう
30分
レッスン6: HTMLフォーム応用編 ─ セレクトボックスとテキストエリアを使いこなそう
30分
レッスン7: HTML構造のステップアップ!セクションとナビゲーションを学ぼう
30分
レッスン8: HTMLで表を作成しよう!tableタグの基本をマスター
20分
レッスン9: ページの情報を正しく伝える!HTMLメタタグとSEOの基礎
30分
レッスン10: ここまでの知識で完成!HTMLで1ページWebサイトを制作しよう
30分
レッスン11: 作ったページを公開しよう!Webページの最終チェックと公開方法
30分
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を使ってウェブページに動きをつける方法を学び、インタラクティブなウェブサイトを作成します。
学習のステップ
- 各レッスンは順番に進めることをお勧めします。
- レッスンを完了したら、コードエディタで実際に試してみましょう。
- 分からないことがあれば、リファレンスセクションで詳細を確認できます。
- 各レッスンの最後には簡単なクイズがあり、理解度をチェックできます。