（x）htmlとCSSをゼロから勉強したい方へ | SEOもっと！

【PR】 とりあえず安くて便利な検索順位チェックツールならGRC

やっぱり自分でサイトをいじれないと！

今、私の隣にはhtmlにもcssにも全く触れたことのない同僚がいて、ブログを書いたり、Webの更新をしてもらったりしています。CMSで構築しているので、htmlやcssの知識がそれほど無くても、通常の仕事はできてしまいます。しかし、やっぱり自分でブログを書いていくのなら、「少しでもデザインに独自性を出したい！」「エントリの中にtableで作った綺麗な表を入れたい！」「ヘッダーにかわいいお花の画像を入れたい！」といった気持ちが出てくるのは当然のことで、そういったことができるようになってこそ、仕事への張り合い、サイトへの愛着も生まれてくるというものです。また、再三にわたってお伝えしているように、本当のSEOを勉強する上では、htmlは避けて通れません。

そんなわけで、htmlとcssのお勉強をしてもらうことにしました。

とにかく手を動かす

htmlに限らず、何かを習得しようと思ったら、とにかく手を動かすことが大事だと思います。私たちのように凡庸な人間は、いくら書籍を読み漁ったところで体に知識が染み入ることはありません。しかも、はじめからMTやWordPressの高尚なソースを見たところで、何がなんだか分かりませんし、理解できるはずはありません。

はじめに準備するものは２つだけです。

• テキストエディタ（私たちはサクラエディタを使っていますが、何でも良いと思います）
• インターネットに接続できる環境

もちろんお手元にhtmlタグ辞典などがあれば良いですが、そんなことを言っていると敷居が上がってしまうので、まずはネットではじめましょう。

ブログが作りたい！

私が初心者の方にお勧めするサイトは、『ブログが作りたい！』－初心者向けFC2ブログ作成情報－です。皆さんご存知ですよね！KumaCrow（クマクロ）さんが、とっても丁寧に分かりやすく記事を書かれています。

このサイトを見ながら、ガリガリ自分の手でhtmlとcssを書いていけば、基本的な知識はおよそ身に付くでしょう。実際、隣の同僚もhtmlというものを理解したようです。

そんなに早くは上達しない

私も何年かhtmlとcssに携わっていますが、結構奥が深いものです。自分が思うようにやれるまでには、結構時間がかかるものです。１つの壁が、div（span）であり、floatであり、ボックスモデルの理解だと思います。私自身、ボックスモデルを確実に理解しているかといえば、怪しいものです。

KumaCrowさんのところできちんと勉強したら、今度は自分のサイト（ブログ）に手を入れてみましょう。はじめはどこがどうなっているか分からないと思います。モジュールモジュールの組み合わせですから。だから、まずはこのモジュールがヘッダーで、これはナビゲーションで、ここはフッターといったように、どういった構成で１枚のhtmlファイルができているかを把握することが重要でしょう。

あとはちょっとづつちょっとづつ（はじめはfontカラーを変えるとか、ヘッダーの背景画像を変えるとか）自分でいじっていくしかありません。壊したときのために（誰だって壊すんです）、直す前にエディタでソースをsaveしておけば安心です。

余裕があれば本を買って勉強するものもちろん大事です。

そんなわけで、htmlのお勉強にしり込みしている方は、是非軽いノリではじめてみてください！