此次的課程將為正式撰寫網站前做預備，邀請到目前任職於國泰世華銀行前端工程師的劉傑文學長。

網站基本頁面設計好之後，將進行區塊分割的切版教學，課程欲透過使用Emmet急速開發，協助程式的編寫。同時搭配CSS Flexbox盒模型，快速對齊所需要的區域，以符合行動裝置發展下響應式布局的趨勢，協助網頁版面的控制。CSS Flexbox不僅能夠幫助彈性調整長寬大小，也能加速撰寫流程。此外，教導使用SCSS撰寫CSS，讓時間更有效被運用，並試著從瀏覽器的解析模式看網頁是如何讀取，加速網頁效能。課程的最後，也將進行基礎的jQuery實戰，認識JavaScript函式與jQuery的替換，認識互動網站設計的應用，並讓學生能夠透過所學，做出屬於自己的To-Do List。

*為「創意數位媒體實務」課程系列工作坊，僅開放修課同學參加*