本專案緣起僅為修習「web前端設計」課程──期末作業為設計一套「貴重儀器預約系統」 網頁排版設計。
聲明:本儲存庫之所有有關天主教輔仁大學的文字、圖片、內容,版權皆不屬我;部分圖片運用生成式人工智慧生成。;其餘網站設計,版權屬我。
- 以 Jekyll 開發
- 需要重複使用的 HTML 內容,透過 Jekyll 以 For Loop 等形式呈現
- 設計語言
- 支援 RWD
- 以「Material Designer」為設計語言去設計
- 色彩一致性,以天主教輔仁大學的聖母藍、教廷金為主要基調,副基調為天使白、樞機紅、聖殤灰
- 從零開始設計網頁,無套用任何範本(Bootstrap Template)
- 設計小巧思
- 運用 localStorage 本地端存儲,來模擬後端運作與互動
- 運用 localStorage 本地端存儲,連結各網頁之操作,讓每個網頁的操作都有意義,並且都能觸發效果
完成這項作業,我對於自己有設下幾項挑戰,列於以下:
- 不使用網頁範本(Bootstrap Template):
- 上次期末作業,我運用了 Bootstrap Studio 來進行網頁的基底設計;
- 這次,我想挑戰運用 SASS (SCSS) 的方式,讓自己能夠練習運用 CSS 的變數功能,並且讓整體設計不囿於 Bootstrap 的色彩設計,而是可以自訂化