ドットインストールの、
http://dotinstall.com/lessons/website_html
実践!ウェブサイトを作ろう(全16回)
を全部やってみたところ、
こんなのが作れました。(ページ単体)
特に「へー」となったもの
ヘッダーとフッターの雛形の参考に
よくある丸四角のメニューのつくりかた
一つ目の見出しで画像と説明が連なってる部分のつくりかた
二つ目の見出しにあるようなキャプション付き画像のつくりかた
キャプションつき画像に「new!」ってるバッジのつくりかた
…要するに、全部一度見ながらやってみるのがいいです。
前半はある程度HTMLをかじったことのある人はもどかしいかも。
あと説明と進行が速くて動画をいちいち止めながらやりましたが、
HTMLとCSSを実際にどう使うのか、実践体験したい人にはオススメ。
あと、「ウェブサイトを作ろう」というタイトルで勘違いしやすいかも
しれませんが、ウェブに公開する手順ではなく、ページレイアウトを
学ぶの内容になっています。