HTMLを書けるようになる
Ruby on Railsで作成するアプリケーションはWebアプリケーションです。Webアプリケーションの画面は通常HTML、CSS、それにJavaScriptで構築されます。
思った通りに画面を構築するためには基本的なHTMLやCSSの知識が必要不可欠です。
また、意味のあるタグ構造にすることはSEO(検索エンジン最適化)の面でも有利です。
参考図書
実践 Web Standards Design Web標準の基本とCSSレイアウト&Tips
ゴール
HTMLとCSSだけで以下のようなレイアウトの画面を作成してください。
使用している色や余白等を細かく合わせる必要はありませんが、意味のあるタグ構造で作成するようにしてください。 HTML5で新たに定義されたタグも使えそうなところに使ってみましょう。