単品の講座
全7レッスン
新HTML/CSS入門講座（応用編）
こんな方へHTMLとCSSの知識がなく、ゼロから学習したい方
デザインからどのようにHTML/CSSを作成していくのかをアニメーションたっぷりで解説します。IllustratorやPhotoshopで作成したWebデザインをどのようにWebページにするかが解るようになります。
この講座で、できるようになること
- HTMLの概要と基礎
- HTML文書作成のルール
- CSSの概要と基礎
この講座を申し込む価格：¥29800
7レッスン
7できること
単品買い切り
ABOUT
この講座について
デザインからどのようにHTML/CSSを作成していくのかをアニメーションたっぷりで解説します。 IllustratorやPhotoshopで作成したWebデザインをどのようにWebページにするかが解るようになります。
この講座で学べること
- HTMLの概要と基礎
- HTML文書作成のルール
- CSSの概要と基礎
- CSS文書作成のルール
- WEBページの構成
- ファイル構成の基本知識
- シンプルなWEBページ(単ページ)を完成させる
こんな方におすすめです
- HTMLとCSSの知識がなく、ゼロから学習したい方
- HTMLとCSSの基本的な仕組みを理解したい方
- HTMLの概要と基礎を学習したい方
- CSSの概要と基礎を学習したい方
- 動画講座を視聴しながら自力でWEBページを完成させたい方
受講の前に用意するもの
- WindowsもしくはMacのパソコンがある方
- パソコンの基本操作ができる方
- 【推奨】Google Chrome がインストールされている環境 ※他のブラウザでもOKですが、動画と同じ操作画面にするために、同じ環境を推奨します。
CURRICULUM
カリキュラム
- 1デザイン画からWebページを設計するWebページを制作する時は、本格的なHTML/CSSコーディングの前に「デザイン画からマークアップ、クラス設計」を行います。最初に行う設計部分を解説します！
- 2Webページのヒーロー？Webページで一番目立つ部分を「ヒーロー」と言ったりします。 その作り方を解説します。
- 3Webページの中身を作成するWebページのメインとなるコンテンツ部分の作成方法を解説しました。典型的なレイアウトをシンプルにコーディングします。
- 4Webサイトをレスポンシブに！スマホで見れるようにレスポンシブを実現しよう！ 今まで敬遠していた人も大丈夫。かんたんに実現できるんです。
- 5SEOに強くなる！セマンティックGoogleなどの検索エンジンに意味のあるタグを使うと、検索結果にひっかかりやすくなります。今回はページをセマンティックに変更します。
- 6※スティッキーフッターの作成たまにコンテンツが少なくてフッターが下に行かないことないですか？そんな時に使えるテクニックです。
- 7おわりにHTML/CSS応用おわりの言葉です
無料で見られるサンプル：デザイン画からWebページを設計する
START
新HTML/CSS入門講座（応用編）
HTMLとCSSの知識がなく、ゼロから学習したい方に向けた、全7レッスンの講座です。上から順に、1つずつ進めてください。
- HTMLの概要と基礎
- HTML文書作成のルール
- CSSの概要と基礎
- CSS文書作成のルール