初心者がHTML＆CSSを勉強してWeb制作で稼げるのか検証10-12日目。
今回はWebページのトップ部分を作る【中級編】です。
背景画像つけたり、アイコンつけたり、文字薄くしたり…
“出会い系アプリのハウツーサイト”をイメージして作っていきます。
10日目
【勉強時間】1時間
【勉強内容】Progate中級編のおさらい
11日目
【勉強時間】2時間
【勉強内容】Progateの学習コース上級編前半
12日目
【勉強時間】1時間
【勉強内容】Progateの学習コース上級編後半
✔︎もくじ
0:16 10-13日目の報告
1:03 トップ部分を作ろう 中級編
1:43 実戦パート導入
2:26 基本構造を把握しよう
3:42 “container”部分を作ろう
4:42 背景画像をつけよう
6:21 “margin : 0 auto”で中心に持ってこよう
7:38 “text-align”で文字配置を決めよう
8:19 “letter-spacing”で文字間隔を調整
8:43 “opacity”で透明度を変えよう
9:15 ボタン部分をレイアウトしよう
12:47 “display”で要素を変更しよう
14:33 “border-radius”で丸みをつけよう
15:07 “hover”でカーソルアクション
16:27 FontAwesomeでアイコンをつけよう
19:09 今日のおさらい
20:05 まとめ
✔︎参考サイト
■Progate HTML&CSSコース
https://prog-8.com/dashboard
✔︎Twitter
Tweets by TAMABUKURO_KOJI
初心者なりにプログラミング学習の様子や、気づきを呟きます
⬇️チャンネル登録はコチラ⬇️
http://www.youtube.com/channel/UCfF4y5toq2G_pV2wzP7IGdA?sub_confirmation=1
