今回は、シリーズ「初心者がHTML&CSSでブログ作る」の第一回です。WordPressよりも自由度・カスタマイズ性が高いHTMLコードを用いたブログ運営。ハードル・難易度が高いと考えており、敬遠していましたが、この度独学で勉強することを決心しました。その学習記録と、どのようなサイトが出来上がったのかを紹介したいと思います。
ブログ制作の参考書を紹介
まず、私が勉強する際に参考にした書籍、webサイトを紹介します。
書籍その1、1冊ですべて身につくHTML & CSSとWebデザイン入門講座
1つ目に紹介するのは、webデザイナーとして活動されていたManaさん執筆の「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」です。この本は、webの仕組みからHTMLの仕組み、コードの書き方、レイアウト作成方法など基本的なことを学ぶに適しています。
書籍その2、ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座
こちらは「その1」の実践verという感じで、応用できるアレンジやデザインが多く詰め込まれています。ただ、内容がかなり高度で、初心者の人が読むには難しいので、1通りサイトの形ができた人が読むべき本だと思いました。(私の感想です)
これからたくさんお世話になる本だと思います。
webサイトその2、縦長のwebデザインギャラリー・サイトリンク集 MUUUUU.ORG
こちらのサイトは名の通り、おしゃれなwebサイトのリンク集です。このサイトの利点は、カテゴリー別にwebサイトを探しだせる点です。自分の作りたい内容に合ったwebサイトを簡単に見つけられるので、デザインの勉強をしたり、参考にするのに適しています。
webサイトその2、CSS: カスケーディングスタイルシート
最後に紹介するCSS: カスケーディングスタイルシートは、CSSの書き方の辞書のようなものです。今まで紹介してきたものは、「こういうデザインもあるのか～、参考になるなー」でしたが、これは「こういうデザインにするにはこのコードを書けばいいんだな」という感じで、逆引き辞典のようなイメージです。今までにブログ運営をしていたり、明確な形がある人には参考になるツールです。
初心者ブロガー(私)のスタート点
次に、私のブログに対する知識や経験がどの程度あるのかというのをさらっと触れます。私は2022年の3月にはてなブログにて執筆活動を始めたのでブロガー歴は1年ほどです。WordPressでのブログ運営を始めたのは2022年の10~11月です。そのため、WordPress歴は半年程度であり、知識も経験もまだまだ未熟な初心者です。WordPressは文字や写真を枠にはめていくスタイルだったので、形にするのは簡単でした。しかし、HTMLとCSSを用いたページ作成は0からのスタートであり、かなり難しいです。
ブログ、「UNIVERB」のテーマとは？？
最後に1から作る第二のブログ、「UNIVERB(ゆにばぶ)」のテーマに簡単に触れて終わりにします。UNIVERBは私自身のLifestyleに特化したものです。自炊記録やファッション関連の投稿をしていきたいと考えています。料理もファッションも無関心&無知識な私ですが、ブログを通して深めていきたいと考えています。
これからも勉強しながら理想の姿に変えていきたいと思います。
コメント