# 第 5 章 完善布局 [第 4 章](chapter4.html#rails-flavored-ruby)簡介 Ruby 時，我們學習了如何在演示應用中引入樣式表（[4.1 節](chapter4.html#motivation)），不過現在樣式表中還沒有內容。本章我們要使用一個 CSS 框架，以及自己編寫的樣式，填充樣式表。[[1](#fn-1)]我們還要完善布局，添加指向各個頁面的鏈接（例如首頁和“關于”頁面，[5.1 節](#adding-some-structure)）。在這個過程中，我們會學習局部視圖、Rails 路由和 Asset Pipeline，還會介紹 Sass（[5.2 節](#sass-and-the-asset-pipeline)）。最后，我們還要向前邁出很重要的一步：允許用戶在我們的網站中注冊（[5.4 節](#user-signup-a-first-step)）。 本章大部改動是添加和修改應用的布局，這些操作一般不由測試驅動，或者完全不用測試。所以大部分時間都花在文本編輯器和瀏覽器中，只用 TDD 添加“聯系”頁面（[5.3.1 節](#contact-page)）。不過，我們要編寫一種重要的測試，集成測試，檢查最終完成的布局中有所需的鏈接（[5.3.4 節](#layout-link-tests)）。