HTML/CSSの基礎を学習する時にドットインストールを使ってみてはどうか
Publish2014/05/07(水)
GW中に色々考えていたんですが、これからサイトを運用していこうとか、サイトを活用して何かをしたいという人は、まず「HTML」と「CSS」の基礎的な知識を学習した方がいいと、しておかないと色々と厳しいと思っています。
HTMLとCSSを知らなくても、ブログを書いたり、更新したりもある程度は何とかできます。
ただし、知っていないとできない事が多いという事を考えると必須の知識だと思っています。
そこで、ちょっとめんどくさいとか難しいという理由で今まで避けてきた人向けに、より手軽に始められる方法はないかなと考えていたんですが、ありましたよ「ドットインストール」が。
ドットインストールとは?
ドットインストールは、動画を見て色々な事を学習する事ができるサイトです。
無料で見る事もできるので、お試し感覚で始めてみてもいいかと思います。
HTMLやCSSは、最初に何が取っ付きづらいかと考えてみたんですが、英語と同じような感覚で「慣れていない得体の知れないもの」のような感覚があるのではないかなと思ったんです。
で、その感覚をなくすためには「まず慣れる」という事が必要です。
本や文字から基礎的な情報を得る事はできますが、とっかかりで苦手意識がある場合はそこの時点でハードルが高いです。
そのため、そこでやめてしまったり、そもそもそこまでいけないという事もあるかなと思います。
そういう点で考えると、動画であれば「受動的に」情報を得る事ができるので、始めの一歩としてはいいのではないでしょうか。
ドットインストールのこれを見よう
とはいえ、ドットインストールにも大量の動画があります。
これら全てを見ようと思うと大変です。
時間がいくらあっても足りないです。
なので、僕が個人的に「必要最低限これは見ておいた方がいい」というものをリストアップしてみます。
HTML編
- #01 HTMLとはなにか? (02:49)
- #02 初めてのHTML (02:55)
- #03 基本的なタグを覚えよう (02:58)
- #05 h1-6、br、strong、hrタグを使おう (02:51)
- #06 ul、ol、liタグでリストを作ろう (01:43)
- #08 aタグでリンクしてみよう (02:58)
- #09 imgタグで画像を表示させよう (02:30)
CSS編
- #01 CSSとはなにか? (02:41)
- #02 はじめてのCSS (03:00)
- #03 CSSはどこに書くか? (02:47)
- #06 色を指定してみよう (02:31)
- #11 padding、marginを使ってみよう (02:47)
HTML編で7本の計約19分、CSS編で5本の計約13分です。
一日でも十分見る事ができる長さです。
仮に毎日一つづつ見ていくというゆるい感じで学習をしても、12日で終わる感じです。
上記の動画はごくごく基本的な内容ですが、実際にこのレベルの基礎ですらできていない人や知らない人の方が多いので、ここだけでも知っておくとかなり違ってきます。
とっかかりとしては非常に敷居が低いと思いますので、ぜひ学習しましょう!
まずは聞いてみるだけでも。自分で手を動かせば体で覚える
というものの、「なぜこんな面倒な事を…」と思う人もいるでしょう。
「サイト作る人が頑張って作ってくれたらいいから、こっちが覚える必要ない」という風に思われる方もいるでしょう。
でも、はっきり言ってしまえば上記で紹介されているした動画を全て見ても「サイトが作れる」という所までは全然足りません。
知識を身につける事で「サイトを自分自身で作れるようになって欲しい」という事ではなく、どういう風に作っているのかを判断できるようになってもらう事で、よりスムーズに「サイトをどうしていくのかを判断する事ができるようになってもらう」という意味合いで受け取ってもらいたいです。
例えにはなりますが、全く知らない場合だと真っ暗の道を何も持たずに歩いているようなものです。
ですが、基礎的な部分を知っている事で、懐中電灯を持って歩くくらいの感じにはなります。
明かりがある事で、先に進むための判断基準ができ、道を間違えずに進む事ができるようになります。
そのためにも、基礎的な知識を学習しましょうという事なんです。
なので、まずは聞いてみるところからだけでも始めてみましょう。
もちろん、そこから手を動かす事でより理解できていくとは思いますが、まずはHTMLとCSSへの苦手意識をなくしていくところから始めましょう。