こんにちは❗️
PCの電源の付け方も分からなかった超初心者のままぷろです。
100日過ぎるまで環境構築と画像が出なくて苦しんでいましたが何とか克服出来ました。
今日は5ヶ月を迎えるに当たり一番の壁をお話したいと思います。
サイトの画面がいくつかある時のHTMLの書き方
「DAWN」の中のmacaronのサイトを作る練習課題。
初めのheaderの部分が完成して次へ。
その時
はたと手が止まりました。
次の画面を作るときってそのまま下に続けてhtml書いても良いのかなぁ。
説明を何回読んでも分からないまましばらく過ぎて
ある日
お手本画像を良く見てみると
画面同士が繋がっていることに気づきました✨
スクロールすると次々画面が変わっていくみたい‼️
もしやそのまま続けて書けば良いのかも⁉️
早速htmlを下に書き足して見るとちゃんとお手本の様になっていきました。
「出来てしまった❗️」
ファイルを複製して新たにHTMLを作成していくパターン
ここで気を良くした私は
「HTMLとCSSとwebデザインが一冊できちんと身につく本」の模写コーディング全て挑戦しよう!
きっと簡単
ひとつ目のheader部分はすんなり成功。
さて次へ
と思いきや説明に
まずは「common.html」を開いて別名で保存します。
げっ!又ファイルが出てきた!
複製の意味がググってもよく分からず何となく画面を3つ作るという強行突破に出ました。
結果は無惨にも3つ目の画面はぐちゃぐちゃに。
後にファイルの複製が理解できてキチンと3つ目の画面まで出来ました✨
このパターンはファイルをそれぞれ別々に作ってhtmlを書くでした。
CSSってひとつでいいの?
htmlはそのまま続けて書くパターンとファイルを複製して新たに作成して書いていくパターンがあると分かりました。
あれ?
htmlはそれぞれ書くけどcssってそのままズラリと下に繋げて良いのかなぁ
しばらくは良く分からないまま下に書いていきました。
「ちゃんとなってるからいいんだよね?」と疑問を持ちながら進んでいきました。
ある日やっと気づきました。
cssってそれぞれ違う画面のhtmlでもキチンと指定して書くから下にずっと書いても大丈夫なんだ❗️
CSSは画面によって何個も必要ありません
そりゃそうでしょうとベテランさんは思うかもしれません。
ただhtmlとcssの関係性が良く分かってなかった超初心者🔰はここでやっと一本の道に繋がったのでした。
最後に
PC操作が出来ていればこんなに悩まずプログラミング学習進むと思います。
ただ出来ないながらも継続していると少しずつですが分かってきます。
これからも一歩ずつつまづきながら取り組んでます。
ここまで読んで下さりありがとうございました❗️
コメント