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

第2題
http://it1018.shiningcorp.com/

# 成果
http://customer.urb2b.com/~tonia1121/layout-practice/index.html

總共3~4個小時左右 切完

問題解說:
1.上次提出問題沒有修改，網站層級複雜凌亂，
正確修改方式:
(1)外面的資料夾只要一個index.html 就好
(2)其他像是"style.scss"，應該另開一個sass 的資料夾放進去
(3)目前所使用的scss 編譯位置是快易購所建置的，所以層級很複雜，導致背景圖會吃不到，變成路徑要依直往外寫，像這樣"background-image: url(../../../../images/footer-bg.jpg);"
(4)所有的css 要集中管理，不應該是"css資料夾"和"public資料夾"分開來放

2.news 這塊並未照草稿區塊進行切版，雖然輪播有做出來