RWD 網頁設計入門：第6課 ── 親手搞定一個完整的 RWD 網頁！

第6課 課程目標

運用目前所學到的技巧，完成一個完整的 RWD 網頁。

第6課 課程內容

這門課到目前為止所教的技巧，只有運用 Bootstrap 快速、方便的做出網頁排版。

我們並沒有深入去研究背後 css 原理以及太多進階 css 技巧。

很棒的是，光是這些基本 Bootstrap 應用以及 css，就足以應付實務上的許多需求了！

這次要試著用你在這門課學到的技巧，試著做出一個完整的 RWD 網頁。

第6課 作業

請打開美國時代雜誌的網站首頁：

http://time.com

在之前的作業，我們只做了藍色圈起來的部份。

這一課的作業，我們要把整個時代雜誌首頁做出來！

你的作業需要滿足下列三個要求：

• 在電腦上能順利瀏覽
• 在平板上能順利瀏覽
• 在手機上能順利瀏覽

時代雜誌的首頁有幾個進階的元素，例如影片、投影片元素。這些進階的元素可以省略不做。

除此之外，單純文字與圖片的部份，請儘可能的重現出來。

完成這些，你就完成這次的課程目標了！

進階的 RWD 技巧，以及 RWD 背後深入的 css 原理，會在別門課程提到。

但是目前所學的基本技巧，應該已經很足夠使用！

最後，謝謝你耐心的完成這整套課程！