2020年6月の記事一覧
HTML/ CSS 〜Progate道場コース初級編（ヘッダーの作成）〜
これまでの学習を復習するために、自分でやり方コードを打ち直しながらWebページを作っていこうかと思っていたら！思っていたら！
神サイト✨Progate✨様には無用の心配でした。
既に用意してあった復讐への道★違った、復習への道⭐️
道場コースでは、懇切丁寧なガイドがない代わりに、親切丁寧なサポート体制の下、自分でコーディングをしていくことが可能です！
【ヘッダーの作成】
<head>部分
HTML/ CSS 〜Progate中級編（メッセージ部分のレイアウト、立体的なボタンの作成、フッターのレイアウト、ヘッダーの固定）〜
14〜18／18レッスンの進捗状況です。
やはり土日はいろいろあって出来ないですね〜。就寝が1時になっっても頑張って4時や4時半に起きて朝からさばいてましたが、自分の学習に入れるまでにはいかず、、、無念です。
ので、気を改めて、
【メッセージ部分のレイアウトから始めます！】
🌸インライン要素の<span>と、ブロック要素の<div>の違い
※先取りで、class とidの違いも確認
HTML/ CSS 〜Progate中級編（レイアウトを整える）〜
13〜レッスン／18レッスンに差し掛かっております。
昨日、朝に諸々の用事があり、昼には各種の連絡を済ませ、夜に少し学習できたら… と思っておりましたが、まぁ、見事に予定通りにイカず、各種の連絡だけで夜までかかり、結局時計が回って1時を過ぎてからの就寝でした。けど、旦那さんが4時に起きたので一緒に起きました。。。もうね、若くないと実感しますよ。けど、一緒に起きれて意外と活動できていることにビッ
HTML/ CSS 〜Progate中級編（ヘッダーのレイアウト、ログインリンク、レッスン一覧のレイアウト）〜
8〜12レッスン／18レッスンに差し掛かっております。5合目あたりでしょうか…⛰ （ちなみに、本日の学習時間は朝と夜の合わせて約2時間30分。）現在、学習を進めながら思っていることは、もう一回通してやりたいな〜時間が全然足らないぜ★って事です。本当は1回で出来るようになれば美しいですが… Progateの学習が楽しいのが救いです⭐️
では、本日の記録↓↓↓
⚠️まず、headerはクラスではな
HTML/ CSS 〜Progate中級編（背景画像と「ボタン」のレイアウト）〜
無事に😅、背景画像が設定出来たので、完成版に近づける方法を学習していきます。
ここまでの学習時間…約、2時間半…否、盛ったな、3時間だな… まぁ、継続が大事ということで！なんてったって有料会員様だし😏（本当にしつこい）をフルに使おう★
以前手探りで検索していた「display:inline-block」のイメージがようやく正しくアップデートされました。
また、以下3点もご教示いただきまし
HTML/CSS 〜Progate 中級編（トップ部分のレイアウト・背景画像の設定）〜
ついに入りました、未知の領域…
否、有料会員の領域★
Progateは月額980円で有料学習へ進みます。
ここでは、入って早速、ワタクシが数日前に超挫折していた『背景画像の設定』もあっっっさり★解説くださっています。980円の価値★（お金にしつこいですね。）
有料会員登録をするにあたり、特に今は沢山の学習うサイトや案内広告が出ているので、色々見てみましたが、私にはProgateの学習方法・
HTML/CSS 〜Progateで学習中（作成したコードをWebに公開する）
朝時間中にWeb公開方法の学習に入る。
Progate様のご指示通り、GitHubをダウンロードして順調に作成。さて、いよいよ公開だぜ！に差し掛かったところ、やってきました本日の挫折。
cssコードが反映されない悲劇😱
や
この動画を見て、私の場合は、コードを作る際には先ず、
「クローンまたはダウンロード」から専用フォルダを作成して、
Visual Studio CordやAtomか
HTML/CSS、一時、戻ります。
なんだこれは…
「全7？」「3記事」…「3記事」！？なんじゃこれはぁぁぁぁ！！！！！
と、いう事ではっきり言いましょう。今更わかった事実…
Progateの基礎学習終わってなかったーーーーー！！！ガーン！😱
ので、この「3記事」ってのから、まずは攻略していこうと思います！
気を取り直して⭐️
【Visual Studio CordとAtomの違い】
dotinstallとPro
css作ります（〜body main 背景画像の設定）
いきなり完成を目指さず、まずは「色付け」が大切と学んだ。
また、⌘⌥Iでstyleとcomputedも確認。
background-colorより、blockの範囲を確認。※padding指定がないと表示されなかった。
後に、「⌘／」でメモ書き指定。
Progateもdotinstallも完成形をジャカジャカ作ってくれたけど（当たり前）、実際に自分で作るときは範囲や高さ、余白等の感覚がサッ
HTML/CSS 、続けてます。
学習時間の捻出は、
朝、5〜6時（4時か4時半に起きるで変動）の1時間、
昼、15〜16時（子供たちのお昼寝の時間帯で変動）の1時間、
夜、21〜23時の間で1時間、
を出来たら理想。
実際には他の用事・調べ物・連絡があり、一日3時間を確保するのは稀。
それでも、6/12の開始より、
dotinstallでの学習、Progateでの学習、Progate素材で1からコードの作成を行った