---
# System prepended metadata

title: 和Amos的問題討論

---

# 和Amos的問題討論
下面的切版練習中我練習了很多技術，為了和之後的工作做銜接我除了練習語意化的命名之外，我也有練習使用sass來撰寫css，用@mixin語法，試著讓元件模組化，提高程式碼的重複使用率。

我的網站製作過程:

在網路上找到我喜歡的網頁版型之後，直接截圖整個網頁，用在上面畫框框的方式做分析，讓我了解版型大致內容，並套用css 的 flex 去做網頁的排版，一步一步的往下寫，在某些頁面加入RWD的效果。在編寫網頁結構的期間，有特別注意要讓命名有意義。

我用了哪些套件:

我想在網頁上的carousel加上drag的效果，和自動播放的功能，我選擇了swiper.js套件，參考document解說，成功實現這個功能。
在某些區塊中額外加入網站淡入淡出的效果，AOS.js，增加網站的互動性。
navbar導覽列，在上面新增click事件，綁定自己撰寫javaScript，它的功能就是指定網頁跳轉到頁面的指定的位置，讓網站能跳轉到正確的位置。


為甚麼用這些套件:

Swiper.js: 讓圖片有比較好的顯示體驗。
AOS.js: 增加網站的互動性。
