こんにちは！りおしです🍊
Webデザイン学習1日目。
いろいろつまずいたけど
「あとはダブルクリックして
ファイルが無事開けたら完成！」という
最後の最後で上手くいかなくて
1時間くらい苦戦したのに
ファイル名変えたらあったり解決！
「え、ここ！！！？こんなのネットにも書いてなかったよ〜」と
たぶんPC触る上で常識知らなかったりおしです😂
6/5積み上げたこと🏋
☑️Atomの使い方
☑️Atomのメニューバー(ファイル、編集、、etc.あるところ)消しちゃった時の復活のさせ方
☑️ファイル名は超大事
上から順にいきます！
Atomの使い方
使ってる本(1冊ですべて身につくHTML&CSSとWebデザイン入門講座)の
chapter2から始めたんだけど
まず、Atomのテキストエディターの開き方がわからなかった😂
でもググッたらここは一発👇
このサイトの「コードを書いてみよう」に解決策が✧ \( °∀° )/ ✧
①Atomを開く
②メニューバーの「ファイル」をクリック
③「新しいファイル」をクリック
④コード書き始める
これで無事書き始められました_へ(´ω` )
Atomのメニューバー復活させ方
P51のコードも書き終わり
ファイルを保存し
いざWebブラウザーで開いて見ようと思ったら
開かない😱
まずどこがダメなのかわからないから
Atomを触ってたらメニューバー消しちゃって
(あるよね〜。ムダにわからんこと増やす😂)
ここにある通りにやったら✧ \( °∀° )/ ✧
①「Ctrl+Shift+P」でコマンドパレットを出す
②検索できるとこに「menuber」と入れる
③「Window:Taggle Menu Bar」をクリック
④メニューバー表示される
メニューバー消したいと思ったら同じことやったら消えました〜
ファイル名は超大事
最後！今日の私の最大の敵！
HTMLがブラウザでコードのまま表示される！
超ググっても、同じ事例を見ない気が、、、。と
どこがダメなのかさえわからなかったんだけど。
候補として挙がってきたのが
隠しファイルになってるっぽい
隠しファイルの解決策は
この通りやったら隠しファイルじゃなくなった、？
「ああ、やっと終われる」
と思いダブルクリックするも
なんも変化せん😭
ええ、私の問題は「隠しファイル」じゃない😭
最後の頼みの綱も切れた私は
「えーもう無理じゃん。どうしよ？やめたらもうしんしな〜」
とやめるわけにもいかない
「どうしよっかな😢」と本を読んでいたら
"HTMLのファイル名はどんなものでもよいわけではありません。
拡張子とは、そのファイル名の種類を表す文字列のことです。ファイルの中で「.(ピリオド)」より右の部分です。(p52)"
「んんん?ん?ピリオドのあとはhtmlとかしかつかんってことか？」
まとめ
☑️Atomは「新しいファイル」から始める
☑️メニューバー消したときは「Ctrl+Shift+P」
☑️ファイル名のピリオドの後は余分なものいれない
始めてからアメブロ書き終わるまで2時間。
(まあいろいろ込みだけど)
独学のムズさは、どこがダメかわからないことだな🤔
もう少しサクッと終わらせんと続かんな😂😂😂