Webサイト制作実践講座(前編) | SkillhubAI(スキルハブエーアイ)
ホーム/講座一覧/Webサイト制作実践講座(前編)
単品の講座 全4レッスン

Webサイト制作実践講座(前編)

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

イラストレーターの画像を起こして、CSS/HTMLでコーディングしていく作業の全体を習得します。 Web デザイン、HTMLやCSSのスキル、イラストレーターを統合的に組み合わせた実践講座になります。

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

  • HTMLの概要と基礎
  • HTML文書作成のルール
  • CSSの概要と基礎
Webサイト制作実践講座(前編)
4レッスン
7できること
単品買い切り
ABOUT

この講座について

イラストレーターの画像を起こして、CSS/HTMLでコーディングしていく作業の全体を習得します。

Web デザイン、HTMLやCSSのスキル、イラストレーターを統合的に組み合わせた実践講座になります。

この講座で学べること

  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

カリキュラム

全4レッスン 上から順に進めると、最後まで迷わず進めます
  1. 1設計図からWebサイトを作るフローイラストレーターで作った設計図から画像を切り出して、それを見ながらHTML/CSSを書いていく作業の全体のフローを習得します。 このビデオは、画像を切り出していく部分にフォーカスします
  2. 2IDとCLASSを設計するIDとCLASSを使い分けて、Webサイトの設計作りを学んでいきます。
  3. 3設計図からHTMLを大まかに組んでいくイラストレーターで作った設計図をみながら、bodyの中におおまかなHTMLを組んでいきます。ブラウザーで確認しながら作業を進めていきます。
  4. 4HTMLにコンテンツを入れてみる設計したHTMLに対して、その中身を入れていきます。 まずはヘッダー部分から入れてみましょう
TEACHER

講師

吉田 光利

吉田 光利

わかりやすさが評判です
講師のページを見る
START

Webサイト制作実践講座(前編)

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

  • HTMLの概要と基礎
  • HTML文書作成のルール
  • CSSの概要と基礎
  • CSS文書作成のルール
この講座を申し込む価格:¥1980