今回はシンプルなサイトの、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】
学習に役立つこと発信しております。
https://twitter.com/Mr54475519
【公式Instagram】
これからWebの学習を始めたい人は、ぜひフォローしてください。
https://www.instagram.com/creators_factory/
🔥🔥動画で学習できるコンテンツをアップしています🔥🔥
★めっちゃ分かるシリーズ HTML編★
hhttps://youtube.com/playlist?list=PLJ9sNfseCOzKOwnKrHO34DJR7INHEraa7
★WEBデザイナーになるためのデザイン基礎講座★
https://www.youtube.com/watch?v=ogLo7RXe3z4&list=PLJ9sNfseCOzIkGeDGhGUa9iztTN_ebgfb
★1DAYチャレンジ HTML/CSS編★
https://www.youtube.com/watch?v=-PWsjuamB4s&list=PLJ9sNfseCOzLnIZnYfjLdOt8B8_eG1_M2
★Web制作の流れについて学びたい方はコチラでシリーズ化しています★
https://www.youtube.com/watch?v=x2YYqVcy2Xw&list=PLJ9sNfseCOzKEyET_x7YzeinnCrg7NA5F