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

1703027585_maxresdefault-8472753-6136623-jpg アーカイブ



今回はシンプルなサイトの、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】
学習に役立つこと発信しております。

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

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

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

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

★1DAYチャレンジ HTML/CSS編★

★Web制作の流れについて学びたい方はコチラでシリーズ化しています★

Comments

タイトルとURLをコピーしました