Webページレイアウト講座 【基礎編】 | SkillhubAI(スキルハブエーアイ)
ホーム/講座一覧/Webページレイアウト講座 【基礎編】
無料で受講できます 全7レッスン

Webページレイアウト講座 【基礎編】

こんな方へHTMLとCSSの知識がなく、ゼロから学習したい方

誰でも本格的なWebサイトを作成できるようになる講座です。 なんか難しくて良くわからなかったと挫折した人は見る価値があります。 「これだけ出来れば大丈夫!」ということをミニマムで伝えていますので 短時間でWebページのレイアウトを作成することが出来ます。

この講座で、できるようになること

  • HTMLの概要と基礎
  • HTML文書作成のルール
  • CSSの概要と基礎
無料で受講をはじめる無料の会員登録をすると、すぐに読みはじめられます
Webページレイアウト講座 【基礎編】
7レッスン
2章
無料登録だけで受講
ABOUT

この講座について

誰でも本格的なWebサイトを作成できるようになる講座です。 なんか難しくて良くわからなかったと挫折した人は見る価値があります。

「これだけ出来れば大丈夫!」ということをミニマムで伝えていますので 短時間でWebページのレイアウトを作成することが出来ます。

この講座で学べること

  1. HTMLの概要と基礎
  2. HTML文書作成のルール
  3. CSSの概要と基礎
  4. CSS文書作成のルール
  5. WEBページの構成
  6. ファイル構成の基本知識
  7. シンプルなWEBページ(単ページ)を完成させる

こんな方におすすめです

  • HTMLとCSSの知識がなく、ゼロから学習したい方
  • HTMLとCSSの基本的な仕組みを理解したい方
  • HTMLの概要と基礎を学習したい方
  • CSSの概要と基礎を学習したい方
  • 動画講座を視聴しながら自力でWEBページを完成させたい方

受講の前に用意するもの

  • WindowsもしくはMacのパソコンがある方
  • パソコンの基本操作ができる方
  • 【推奨】Google Chrome がインストールされている環境 ※他のブラウザでもOKですが、動画と同じ操作画面にするために、同じ環境を推奨します。
CURRICULUM

カリキュラム

2章 全7レッスン 上から順に進めると、最後まで迷わず進めます

1章 CSS Flexbox基礎7レッスン

  1. 1Flexboxによるレイアウトの基礎
  2. 2【課題】Flexboxレイアウト1
  3. 3【課題解説】Flexboxレイアウト1課題解説になります。
  4. 4【課題】Flexboxレイアウト2
  5. 5【課題解説】Flexboxレイアウト2
  6. 6flexboxをもっと知ろう!詳細解説しましたもっと詳しくflexboxを知りたい方は最適です。flexboxの動かし方がわかりますよ。
  7. 7【実力テスト】Webページレイアウト確認テスト

2章 Webサイトコーディング0レッスン

無料で見られるサンプル:Flexboxによるレイアウトの基礎

START

Webページレイアウト講座 【基礎編】

HTMLとCSSの知識がなく、ゼロから学習したい方に向けた、全7レッスンの講座です。上から順に、1つずつ進めてください。

  • HTMLの概要と基礎
  • HTML文書作成のルール
  • CSSの概要と基礎
  • CSS文書作成のルール
無料で受講をはじめる無料の会員登録をすると、すぐに読みはじめられます