かすてらすねお。(hateblo)

見聞録的ななにか。

ドットインストールでページレイアウト学んだ

http://dotinstall.com/

ドットインストールの、

http://dotinstall.com/lessons/website_html

実践!ウェブサイトを作ろう(全16回)

を全部やってみたところ、

f:id:suneo3476z_tn:20120913184734p:plain

こんなのが作れました。(ページ単体)

 

特に「へー」となったもの

ヘッダーとフッターの雛形の参考に

よくある丸四角のメニューのつくりかた

一つ目の見出しで画像と説明が連なってる部分のつくりかた
二つ目の見出しにあるようなキャプション付き画像のつくりかた

キャプションつき画像に「new!」ってるバッジのつくりかた

 

…要するに、全部一度見ながらやってみるのがいいです。

前半はある程度HTMLをかじったことのある人はもどかしいかも。

あと説明と進行が速くて動画をいちいち止めながらやりましたが、

HTMLとCSSを実際にどう使うのか、実践体験したい人にはオススメ。

 

 

 

あと、「ウェブサイトを作ろう」というタイトルで勘違いしやすいかも

しれませんが、ウェブに公開する手順ではなく、ページレイアウトを

学ぶの内容になっています。