WebThusPFE

緣起

本專案緣起僅為修習「web前端設計」課程──期末作業為設計一套「貴重儀器預約系統」 網頁排版設計。

聲明:本儲存庫之所有有關天主教輔仁大學的文字、圖片、內容,版權皆不屬我;部分圖片運用生成式人工智慧生成。;其餘網站設計,版權屬我。

特色:

  • 以 Jekyll 開發
    • 需要重複使用的 HTML 內容,透過 Jekyll 以 For Loop 等形式呈現
  • 設計語言
    • 支援 RWD
    • 以「Material Designer」為設計語言去設計
    • 色彩一致性,以天主教輔仁大學的聖母藍、教廷金為主要基調,副基調為天使白、樞機紅、聖殤灰
    • 從零開始設計網頁,無套用任何範本(Bootstrap Template)
  • 設計小巧思
    • 運用 localStorage 本地端存儲,來模擬後端運作與互動
    • 運用 localStorage 本地端存儲,連結各網頁之操作,讓每個網頁的操作都有意義,並且都能觸發效果

挑戰

完成這項作業,我對於自己有設下幾項挑戰,列於以下:

  • 不使用網頁範本(Bootstrap Template):
    • 上次期末作業,我運用了 Bootstrap Studio 來進行網頁的基底設計;
    • 這次,我想挑戰運用 SASS (SCSS) 的方式,讓自己能夠練習運用 CSS 的變數功能,並且讓整體設計不囿於 Bootstrap 的色彩設計,而是可以自訂化