Web 前端開發-零基礎入門:第二堂

Web 前端開發-零基礎入門的第二堂課,在學員已建立的基本版型設計基礎上,持續建構現代網頁的開發與設計能力,分成三個階段進行討論。

1. 選擇器議題

進一步討論選擇器的相關議題,除了其它的結構選擇器,最重要的是進一步瞭解選擇器的優先權,以正確使用選擇器為網頁建構視覺介面。

2. HTML5語意標籤與內容結構綱要

接下來進一步的導入HTML5語意標籤,以特定的結構標籤取代傳統的 div 建立網頁結構。



3. 支援擴充與模組化的結構化CSS設計-SMACSS

最後一個階段,在學員瞭解如何正確的使用CSS、HTML5結構化標籤建立網頁之後,進一步討論SMACSS 的CSS結構化設計原則,並說明如何將這些原則融入網頁的設計當中,建立可模組化、易於擴充管理的現代網頁。



接下來的第三天課程,將跨越基礎設計,進入響應式設計的領域,討論如何利用目前的基礎,搭配特定技巧,建立適應任何尺寸螢幕裝置呈現的自適應網頁等相關議題。

沒有留言: