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

#### 進階(前端設計師)
1.撰寫jQuery 網頁互動效果
2.JavaScript 基礎應用
3.css3 互動特效撰寫 (tramform 2D, tramform3D )

未來公司可能使用Vue、React框架

# 練習作業一
#### 牛刀小試我需要知道你目前的程度為何?
#### 請用Html5架設一個網站
#### 輪播效果請用此套件https://owlcarousel2.github.io/OwlCarousel2/


# 完成
http://customer.urb2b.com/~tonia1121/Amazarashi/index.html

# 問題修正:
## 1.路徑層級問題
style.css 這隻css 應該要放在最下面，否則她不會是最高層級，boostrap 有些屬性值會壓不過去

## 2. 漢堡選單不能用input 、checkbox寫
按鈕大部分會用button或a 連結來製作
為什麼會想要用input 、checkbox寫按鈕?

## 3. 這是boostrap3的寫法

## 4.css 衝突多寫的問題
既然寬度都要100% 就不用在下boostrap指令進去

## 5.輪播套件使用技巧
這種寫法，從開發者工作來看，完全沒有發揮作用，row 被owl-carousel吃掉了，col-md-12變得也沒有作用，變成網站會寫很多累贅的不必要的程式碼

建議作法:
實際用法說明在這每個區塊比需套入.item
https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html


## 6.footer 不用再包 section


建議作法

## 7.資料夾的歸類要分門別類有規律，這樣分你的組員會很難使用，應該再開一個scss 的資料夾，

(教學scss 路徑設定)