前端作業三 跨版切版技巧練習，這類型的網站很常用在活動網頁。 (1)請1:1比例，一模一樣切出來，不要用自己的圖 (2)使用boostrap 4進行切版 (3)行動版得部分不一定要照參考網站，但是要比他好看，更兼具響應式的功能。 裝飾圖片不被干擾使用技巧: 穿透 pointer-events:none; https://www.oxxostudio.tw/articles/201409/pointer-events.html

2020/12/11 1.比例請按照草圖1:1比例進行切版，手機版請示舒服比例調整。 2.有提供版型網址供參考，透過觀察可以判斷其他設計師是用那些技巧切版的。 3.第2題輪播效果可以不用做，如果你有自信也可以做。 4.每題限4小時內完成，請自行計時。(正式執行案件時，要有基本切版熟練度，要不然很容易超出報價成本) 第1題 http://preview.themeforest.net/item/umbra-multi-concept-woocommerce-wordpress-theme/full_screen_preview/16702814?_ga=2.25252025.581710245.1607587686-21545396.1562202389

初階(網頁設計師): 1.使用 HTML、CSS 開發一個網站(熟悉Flexbox 框架) 2.套用jQuery 網頁互動效果 3.RWD 響應式網頁設計 4.精通 Bootstrap 4 5.熟悉scss應用 進階(前端設計師) 1.撰寫jQuery 網頁互動效果 2.JavaScript 基礎應用