Welcome to my Website

這裡是

About

我來自新北市,現在是就讀國北教的大一新鮮人,很高興認識你。

家庭背景

我出生於新北市,爸爸是金門人,媽媽是高雄人,因此還小的時候住過高雄一段時間。上幼兒園之後就定居在新北了。

求學歷程

私立及人國小

2013-2018

及人國民小學是一所位於台灣新北市的私立小學, 創立於民國四十年, 其創辦人盛紫莊先生有感於教育乃立國之根基,興學興國的信念, 以闡揚孔、孟、儒家恕道思想推己及人精神,取名「及人」。 該校的課程包括國語、數學、社會、自然、英語、音樂、美術、體育等 此外,該校還提供多種課外活動,例如學生會、綠色社團、科學社團、英語角等。

新北市立福和國中

2018-2020

我國中就讀福和國中,是美術班的學生。 這段期間,我學習了多種藝術技能, 包括素描、水彩、陶瓷上釉、壓克力畫、PS等等。 我非常享受在這個課程中探索不同媒介的過程, 這些技能不僅豐富了我的視野,也讓我更有信心地創作出更多作品。 我們在校內有美術畢業展和創意市集等展覽活動, 這些展覽是我們展示自己作品的機會, 也是我們學習如何準備和展示作品的機會。 這些經驗對我未來的藝術之路非常重要, 它們讓我更深入地了解藝術世界。

臺北市立中山女子高級中學

2020-2022

中山女中的環境非常美麗和舒適, 讓學生能夠在一個舒適和適合學習的環境中成長和學習。 學生社群非常活躍和多元化,鼓勵學生參加各種活動和社團, 讓學生能夠在興趣中得到快樂和成長,並且結交志同道合的朋友。

國立臺北教育大學

2022-Present

國立臺北教育大學是一所專門培育小學師資的教育大學, 位於臺北市大安區。是台灣唯二僅存的國民小學師資培育專門學校之一。 校內人文藝術氣息濃厚,古典的建築氛圍吸引許多影視取景。

學經歷

Adobe 創意工具

  • Photoshop
  • Illustrator
  • After Effects

Python

我在高中期間開始學習 Python, 當時除了學校的基礎程式設計課程, 也從網上找到了一些 Python 的學習資源, 通過刷題練習, 掌握了 Python 的基礎語法和常用模塊, 並且曾經使用 Python 完成過一些小型的項目, 例如網頁爬蟲、影像辨識和數據處理。

C語言

我在高中期間開始學習 C語言,通過刷題練習, 掌握了基礎語法和常用模塊, 目前正在試著時做演算法和準備CPE。

前端、後端

  • HTML、CSS、JavaScript、jQuery
  • React
  • PHP、Node.js、SQL、Web API
  • 版本控制

C4D, Blender

因為個人興趣自學 C4D 和 Blender, 他們是 3D 建模和動畫製作方面的專業工具。 通過在網上教程和社群論壇, 從基礎認識開始,逐步學習了建模、材質設計、動畫製作等方面的知識。

Web Production

網站功能 JS 部分
  1. Easy selector helper function
    提供方便的選擇器功能,可以快速選取 DOM 元素。
  2. Easy event listener function
    提供方便的事件監聽器功能,可以方便地綁定事件。
  3. Easy on scroll event listener
    提供滾動事件監聽器功能。
  4. Navbar links active state on scroll
    滾動時,會自動將導航列上對應的連結設為 active 狀態。
  5. Scrolls to an element with header offset
    點擊導航列上的連結,會滑動到相應的區塊位置。
  6. Back to top button
    提供回到頁面頂部的按鈕。
  7. Mobile nav toggle
    提供手機版導航列的開關按鈕。
  8. Scrool with ofset on links with a class name .scrollto
    點擊帶有 scrollto 類名的連結時,會滑動到相應區塊位置。
  9. Scroll with ofset on page load with hash links in the url
    在頁面加載時,如果 URL 中有錨點,會自動滑動到相應位置。
  10. Preloader
    提供頁面加載時的預載器效果。
  11. Hero type effect
    提供打字機效果的文本顯示功能。
  12. Skills animation
    提供技能欄動畫效果。
  13. Porfolio isotope and filter
    提供作品集的網格和過濾功能。
網站架構
  • Header
    包含一個可以切換手機版導覽列的按鈕以及導覽列。
  • Hero Section
    一個帶有打字效果的歡迎詞,並提供 Facebook 和 Instagram 連結。
  • About Section
    關於你的介紹,分為「家庭背景」和「學經歷」兩個部分。
  • Facts Section - Web Production Section
    介紹網站製作相關的技術和功能。
  • Portfolio Section
    作品集區,收錄了您的一些小插畫、網頁作品和水彩作品。
Bootstrap

Bootstrap是一個開源的前端框架,基於HTML、CSS和JavaScript,它可以幫助您更快地開發響應式網頁設計。Bootstrap提供了許多用於網格系統、表單、按鈕、圖像和其他UI元素的預先定義樣式和佈局,這些樣式和佈局可以讓您的網站看起來更專業且易於瀏覽。Bootstrap還提供了各種JavaScript插件,如輪播、模態框和下拉菜單,可以幫助您輕鬆添加交互性和動態效果。

其他外部套件
  • GLightbox
    GLightbox是一個用於網頁圖片和視頻的強大輕盈的JavaScript插件。它支持各種媒體格式,例如JPG、PNG、GIF、YouTube視頻等等。使用GLightbox可以簡化媒體展示的代碼,同時提供了豐富的配置選項,例如自動播放、圖片縮放等等。
  • Isotope
    Isotope是一個強大的JavaScript庫,可以用於創建各種過濾和排序效果。它支持各種佈局和動畫效果,例如網格佈局、瀑布流佈局、淡入淡出效果等等,同時支持多種過濾和排序方式,例如按類別、按時間、按價格等等。使用Isotope可以創建豐富的網頁效果,提高用戶體驗。
  • Typed.js
    Typed.js是一個簡單易用的JavaScript庫,可以用於創建打字效果。它支持各種自定義選項,例如打字速度、刪除速度、循環次數等等,同時支持多種回調函數,例如打字完成後執行某些操作。使用Typed.js可以讓網頁內容更具生動性和互動性。
  • AOS
    可以在滾動頁面時實現內容動畫效果,例如淡入、滑入等等,讓網頁更有趣味性與動態性。它的使用非常簡單,只需在需要動畫的HTML元素中添加data-aos屬性即可,並且支持自定義動畫時間、延遲時間等。

Portfolio

歡迎來到我的作品集! 這裡收錄了我的一些小插畫、網頁作品和水彩作品,每一件作品都是我用心創作的成果。 透過這些作品,我希望能夠展現我的創意與熱情,並且與觀眾分享我的生活、思考和感受。

  • All
  • Sketch
  • Aquarella
  • Web

Euphoria Rue

HBO 熱門暗黑校園影集
《高校十八禁 Euphoria》的女主角 Rue
P.S. 我真的超愛 Zendaya

SILENCE

國中水彩作品的 SILENCE 其中一隅
這是一隻倉鴞,一直以來都蠻喜歡貓頭鷹的
總覺得倉鴞凝視遠方的眼神別有韻味

Valentine's

2020情人節,願有情人終成眷屬

Spider-Man: Far From Home

19年的蜘蛛人離家日是我的第二部漫威宇宙電影
這個插圖是在去越南的飛機上畫的
算是另類的蠻有紀念意義?

Bradley Will Simpson

Bradley Will Simpson, The Vamps, 2018

Tree

Tree 水彩練習, 2018

Little Prince

Little Prince, 2019

個人介紹網站

高中的個人網頁作品
有2048小遊戲可以玩看看哈哈
超過20000分我請你吃飯

FingerPAINT

高中的個人網頁作品
是一個共享平台可以註冊繪圖、共享、AJAX即時聊天
未來想透過框架改善成更完善的筆記分享社群

Contact

Call:

0800-080-000