今、私の隣にはhtmlにもcssにも全く触れたことのない同僚がいて、ブログを書いたり、Webの更新をしてもらったりしています。CMSで構築しているので、htmlやcssの知識がそれほど無くても、通常の仕事はできてしまいます。しかし、やっぱり自分でブログを書いていくのなら、「少しでもデザインに独自性を出したい!」「エントリの中にtableで作った綺麗な表を入れたい!」「ヘッダーにかわいいお花の画像を入れたい!」といった気持ちが出てくるのは当然のことで、そういったことができるようになってこそ、仕事への張り合い、サイトへの愛着も生まれてくるというものです。また、再三にわたってお伝えしているように、本当のSEOを勉強する上では、htmlは避けて通れません。
そんなわけで、htmlとcssのお勉強をしてもらうことにしました。
htmlに限らず、何かを習得しようと思ったら、とにかく手を動かすことが大事だと思います。私たちのように凡庸な人間は、いくら書籍を読み漁ったところで体に知識が染み入ることはありません。しかも、はじめからMTやWordPressの高尚なソースを見たところで、何がなんだか分かりませんし、理解できるはずはありません。
はじめに準備するものは2つだけです。
もちろんお手元にhtmlタグ辞典などがあれば良いですが、そんなことを言っていると敷居が上がってしまうので、まずはネットではじめましょう。
私が初心者の方にお勧めするサイトは、『ブログが作りたい!』-初心者向けFC2ブログ作成情報-です。皆さんご存知ですよね!KumaCrow(クマクロ)さんが、とっても丁寧に分かりやすく記事を書かれています。
このサイトを見ながら、ガリガリ自分の手でhtmlとcssを書いていけば、基本的な知識はおよそ身に付くでしょう。実際、隣の同僚もhtmlというものを理解したようです。
私も何年かhtmlとcssに携わっていますが、結構奥が深いものです。自分が思うようにやれるまでには、結構時間がかかるものです。1つの壁が、div(span)であり、floatであり、ボックスモデルの理解だと思います。私自身、ボックスモデルを確実に理解しているかといえば、怪しいものです。
KumaCrowさんのところできちんと勉強したら、今度は自分のサイト(ブログ)に手を入れてみましょう。はじめはどこがどうなっているか分からないと思います。モジュールモジュールの組み合わせですから。だから、まずはこのモジュールがヘッダーで、これはナビゲーションで、ここはフッターといったように、どういった構成で1枚のhtmlファイルができているかを把握することが重要でしょう。
あとはちょっとづつちょっとづつ(はじめはfontカラーを変えるとか、ヘッダーの背景画像を変えるとか)自分でいじっていくしかありません。壊したときのために(誰だって壊すんです)、直す前にエディタでソースをsaveしておけば安心です。
余裕があれば本を買って勉強するものもちろん大事です。
そんなわけで、htmlのお勉強にしり込みしている方は、是非軽いノリではじめてみてください!
コメント(2)
コメント

SEOもっと!さん、こんにちは!(・∀・)/
ブログをご紹介いただきまして、ありがとうございます。
それも、こんなにガッツリ!ヾ(*´∀`*)ノThank you very macho
日頃、お勉強させていただいているサイトさまに、
紹介していただけるなんて、ほんとうれしいッス。
HTML、CSSは、ほんと奥が深いですよね。
私の場合、完全に理解できる日なんて、こないかも・・・。
それに、HTML5、CSS3の波も近付いてきました。
そろそろ、準備も必要になりそうですが、
世の中の流れに、置いていかれそうです。(´Д`;)とほほッス
KumaCrowさんこんばんは。(・∀・)/ぐいぶにん
結構前からKumaCrowさんの大ファンです!
コメントありがとうございました。
KumaCrowさんの説明はホント丁寧で分かりやすくて、
いつも見習いたいぁって思ってるッス。そして癒されてます(´▽`)♪
>それに、HTML5、CSS3の波も近付いてきました。
>
>そろそろ、準備も必要になりそうですが、
>世の中の流れに、置いていかれそうです。(´Д`;)と>ほほッス
本当ですね・・・。
世の中の動きが早くてついていくのが大変です。
またKumaCrowさんのところで勉強させてもらうッス。