【HTML/CSS】2時間で書き出しから完成までコーディングしてみた

今回はシンプルなサイトの、PCコーディングを学びましょう！
このサイトのスマホ対応は、次回にアップします。
今回の基本の書き方や流れは覚えておいてください。

Webスクール教材の、基礎編の一部を公開しております。
動画内で出てくる、デザインデータはコチラからダウンロードお願いします。

▼ダウンロードフォーム▼
https://www.dropbox.com/sh/voxqd8g1x4vmpnc/AAD4nfDLWhgdgf4ApDueNEJta?dl=0

0:00〜：Photoshopの書き出し方法
5:39〜：XDの書き出し方法
8:45〜：コーディングの準備
18:24〜：コーディング設計をしてみよう
28:51〜：header部分のコードを書いてみよう
38:42〜：アバウトセクションのHTMLを書いてみよう
45:37〜：ラインナップセクションのHTMLを書いてみよう
55:32〜：CSSを書いていこう
1:12:00〜：アバウトセクションのCSSを書いていこう
1:27:39〜：ラインナップセクションのCSSを書いていこう
1:35:33〜：ボタンのCSSを完成させよう
1:45:38〜：コーディングの細かい調整とチェック

▼▼▼▼▼
【👇卒業がないWebスクールを運営中】
⇒オンラインでも受講できるよ！
https://creators-factory.com/
▲▲▲▲▲

▼▼▼▼▼
【🔥Webデザインの無料教材が使えます！】
★無料登録で利用してね
https://torikumu.com/
1. Photoshop基本操作
2.デザイン基礎
3.HTML/CSS基礎
▲▲▲▲▲

▼ LINE公式アカウント登録はこちら
https://lin.ee/KIYOGk5

【公式 X】
学習に役立つこと発信しております。
Tweets by Mr54475519

【公式Instagram】
これからWebの学習を始めたい人は、ぜひフォローしてください。
https://www.instagram.com/creators_factory/

🔥🔥動画で学習できるコンテンツをアップしています🔥🔥

★めっちゃ分かるシリーズ　HTML編★
hhttps://youtube.com/playlist?list=PLJ9sNfseCOzKOwnKrHO34DJR7INHEraa7

★WEBデザイナーになるためのデザイン基礎講座★