Bootstrap 雪茄館官方網站練習

Cheling Liao
Coding Cheling
Published in
2 min readOct 15, 2020
雪茄館這種東西最重視門面了,當然要有入口形象(自以為)

對吼我都忘記把這個放上來了啦!

這邊這邊:
https://chelingliao.github.io/Agingroom/

其實也是好久之前就做好了,最近在整理履歷在 GitHub 看到才又想起來,都七月的事情了(時間過得好快啊啊)。

在寫預定作品清單的時候就想說那乾脆幫姊姊的雪茄館做一個官方網站好了(對,是我姊姊和姊夫開的XD),當然不是正式版啦,主要原因是他們的素材很夠(而且版權沒問題)剛好讓我練習。

過程

寫這個作品大概花了兩天而已,然後想要試著用看看別人的 Library 所以加了一些 AOS Animate On Scroll Library ( https://michalsnik.github.io/aos/ ),所以雖然用電腦網頁開效果會比較好,但也支援手機尺寸。

重點是,Bootstrap 的好處真的很顯著!一個網頁裡該有的,大到佈局、配置、色彩,小到裝飾、按鈕、分隔線⋯⋯通通不用太操心,而且最最重要的是在,響應式上面非常的省時省力。不過因此也有一些比較綁手綁腳的感覺沒錯,比如想要更改一個小地方,到後來可能要下載更改整包 Bootstrap ,所以最後有些地方會覺得乾脆直接寫一個好了。

結論

Bootstrap 如果做個簡單的一頁式網站,應該會是我的首選,真的太好用了!不過像我正在寫的購物網站,那種每一 px 、 #FFFFFF 和 #FFFFFE 都斤斤計較的心情如果套用 Bootstrap 就會改得心很累。另外就是這份作品寫完之後,有時候會想去找一些有趣的 Library 來搜集哈哈。

--

--