パーフェクト新HTML/CSS入門講座 49,800円

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

レベル

ビギナー

期間

1日約1時間で 7日間

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

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

レッスン


Flexboxによるレイアウトの基礎

【課題】Flexboxレイアウト1

【課題解説】Flexboxレイアウト1

課題解説になります。

【課題】Flexboxレイアウト2

【課題解説】Flexboxレイアウト2

ワイヤーデザインからコーディング

ワイヤーデザインからコーディング

【課題】実際のページを作成してみる

今まで学んだflexboxで、かんたんなページを作成してみましょう。自分で考えながら進めてください

【課題解説1】デザインからHTMLを作る方法を解説

課題「実際のページを作成してみる」の解説動画です。

【課題解説2】HTMLを完成させる

課題「実際のページを作成してみる」の解説動画です。

【課題解説3】CSSを設定する

flexboxをもっと知ろう!詳細解説しました

もっと詳しくflexboxを知りたい方は最適です。flexboxの動かし方がわかりますよ。

デザイン画からWebページを設計する

「デザイン画からマークアップ、クラス設計」までをご紹介します!

Webページのヘッダーコーディング

HTML/CSSでいがいと面倒なヘッダーのコーディングを簡潔に説明しました。

Webページのヒーロー?

Webページで一番目立つ部分を「ヒーロー」と言ったりします。その作り方を解説します。

Webページの中身を作成する

Webページのメインとなるコンテンツ部分の作成方法を解説しました。典型的なレイアウトをシンプルにコーディングします。

Webサイトをレスポンシブに!

スマホで見れるようにレスポンシブを実現しよう!今まで敬遠していた人も大丈夫。かんたんに実現できるんです。

SEOに強くなる!セマンティック

Googleなどの検索エンジンに意味のあるタグを使うと、検索結果にひっかかりやすくなります。今回はページをセマンティックに変更します。

スティッキーフッターの作成

たまにコンテンツが少なくてフッターが下に行かないことないですか?そんな時に使えるテクニックです。

おわりに

HTML/CSS応用おわりの言葉です

×