此為練習之作,改良上課時做的網站,改成RWD網站。因為喜歡英國女作家 Jane Austen 的書與後人改編的作品,所以做了一個簡單的靜態網站,放入女作家的生平與改編作品之介紹。裡頭的照片與文字介紹都是來源於網路。若有侵權會立即刪除。之後會嘗試使用SCSS使程式碼更精簡,並把文案改成自己的心得。
-
手刻漢堡選單與RWD版面 以手機為主要預覽模式,接著製作 @media 平板與桌機的版面設計。
-
使用JQuery 先隱藏選單,當選取父層時才會出現原本隱藏的選單。
-
使用Hover 製作簡單的特效效果,以及滑鼠點選時,會出現更詳細的描述內容。
-
使用Scss 讓冗長、重複的程式碼修改成較為清爽好閱讀的版本,也方便後續修改能夠比較輕鬆。
網址:https://alice-nor.github.io/JaneAustenWeb/index.html
展示結果