網站製作示範 · 虛構品牌,未提供預約或交易

ABOUT THE DEMO

《一片葉的回家路》是怎麼做的?

這是一個用來展示多頁靜態網站與捲動敘事的作品。山嵐茶屋和故事角色都是虛構的,這裡沒有真正販售的茶葉。

四幕故事與靜態閱讀

茶葉從晨霧出發,越過吊橋,找到尚未亮燈的茶屋,最後落入杯中。訪客可以在途中點燈,改變後面的燈火與結尾。關閉動畫後,四幕圖文會依序排列;沒有 JavaScript 也能讀完故事。

從第一幕開始閱讀

圖像來自哪裡?

四幕場景與透明茶葉由 GPT image 生成。畫面中的茶山、石階、吊橋與茶屋不是實際地點或產品照片;網站使用壓縮後的 WebP 圖檔,原始 PNG 與生成提示保留在開源範例資料夾。

這個示範能證明什麼?

它展示可直接讀取的 HTML、不同頁面的內容與互相連結,以及關閉動畫後的閱讀方式。這個預覽站設為 noindex,沒有商品、收款或有效詢問流程,也沒有自然搜尋流量或 AI 回答引用的成效資料。

返回互動故事