HP作りの考え方:Bootstrapの利用

新しいHPづくり

新年になり、気分新しく!

スマホに合わせてのHPの再構築とか、新しいHP作りというと、
レスポンシブWebデザイン(モバイルフレンドリー)と動画編集がキモということは、私メにもわかって?いて、教科書2冊用意していたものの、・・
精読していません。

その間にBootstrapは4でなく5になっている!のだったけれど、
とにかく、2021年1月、
今月中にやっつけよう!
難しい数式の並ぶ話ではないのだが、足し算は必要だった((笑))
横が合計12のカラムになるようにするという、考え方・・

Boostrapの教科書

Bootstrapの規則性

従来floatタグを使ったレイアウトから、もっと細密で規則的なものにして、
デバイスに合わせるため、画面サイズを5段階で制御している。

言葉(用語)は新しいが、今までのもの【htmlやcssの知識】に連続しているから、
ふ~~~んで、
最後から2番目の9章と最終章を参考に、
cssとジャバスクリプトをまっさらにして、ナビゲーションの変更から始めたいと思う。

楽しみましょう>ジブン

追記

新しいコーディングツール
⇒こっちの古いブログに書いてみました・・
https://blog.goo.ne.jp/bymn/

こちらも、何と2005年7月開設だった・・https://blog.goo.ne.jp/bymn/d/20050716
私が利用してきた一番古い無料ブログじゃなかったかな・・?

 

ワードプレスとHPと

2021年の初めにあたり、
ワードプレスのヘッダー画像を変更しました。

また、ワードプレスの投稿ページとして作るのは楽だが、

どうやらそのままだと、
視認性に乏しくなるということで、

12月恒例の毎日更新のアドベントカレンダーページを、
順次、HP化し、特設ページとして目次を出すことにしました。
(ワードプレスの「カテゴリー」だけでは、無理なことを感じた。)

ちなみに、2020年のテーマは
(天文とピアノ)
目次は
https://bymn.xsrv.jp/nekomegami/advent/2020/2020.html

この目次を作ったあと、これまでの分を考える余裕が出ました・・
これまでの3年分は

2019年というと、
https://bymn.xsrv.jp/nekomegami/advent/2019/2019.html

アドベントカレンダーは、ディズニー映画でカウントダウンでした。

2019年「ディズニー映画総めくり」
2018年 キリスト教の美術「降誕(Nativity)」
2017年「すごい建築」

それにしても、下は2003年に作りましたが、
アドベントページ作りの原点だったので、再度、表に引っ張ってきました。

https://bymn.xsrv.jp/nekomegami/advent/advent_index.html

17年前はHTMLの文法も違っていましたが、それはともかく、
文字コード部分は書き直さないと編集の際文字化けします・・・

サイト作りは、良い趣味ですね、と言われます‥たしかに・・
【『趣味が良い』という意味ではない。】・・位置が変わると意味が変わる(ザンネン(笑)

この後は旅の写真(3年分)をまとめます。ヨーロッパの旅 2017-2019