2026 秋季 中國科大 視傳系 // 18 週全流程實戰

Advanced Web Page Design進階網頁設計

從設計師，升級成 能得標的提案者

模擬一家數位設計公司去競標真實網站案：期中用 Figma Agent 做出視覺提案，交出服務建議書與提案簡報；期末用 Claude 與 Figma Make，把提案做成真的能上線、能操作的網站。

0學期週數
0學習階段
0核心單元
0主力 AI 工具
從第一堂課開始 期中→期末路線 課程地圖
本週課程

—

—

前往本週單元
繼續閱讀

還沒有閱讀紀錄

打開任何一個單元，這裡會記住你讀到哪裡。

從 UNIT 01 開始
0
已瀏覽單元0 / 16 個單元
紀錄只存在你的瀏覽器
// About the Course

課程簡介：從標案提案，一路做到網站上線

《進階網頁設計》是一門「模擬標案全流程」實戰課。每組扮演一家數位設計公司，從讀懂 RFP 開始，一路走到交出服務建議書、站上台簡報、把網站真的做出來並上線。

前半學期專心把「提案」做好：資訊架構、視覺風格、Figma Agent 精稿與服務建議書；後半學期工具收斂成 Claude 與 Figma Make 兩套，不用死記程式語法，用對話把期中的提案變成可以操作的網站。

先看課程導論 作業與評分

學期分三個階段，點開看看每個階段在做什麼

// Semester Project

學期專題：同一個題目，期中提案、期末上線

整學期只做一個專題。期中交的是「讓評審相信你做得出來」的視覺提案；期末交的是「真的做出來」的網站——期末網站必須以期中提案的內容為藍本。

MIDTERM · W092026.11.05

視覺提案：服務建議書＋提案簡報

以三週提案講義（UNIT 05–07）的產出為主體，包裝成一份投標文件，並濃縮成上台用的簡報。

  • 服務建議書（PDF）公司簡介、實績、UI/UX 與 RWD 規劃、時程與分工
  • 提案簡報 10–15 頁一頁一個重點，現場 10 分鐘＋評審 Q&A
  • Figma 視覺提案稿Sitemap、線框、情緒板、精稿與設計系統
Figma AgentFigJam AIFigma Slides
三週提案講義 期中規格
FINAL · W182027.01.07

建置上線：把提案做成真的網站

用 Claude 與（或）Figma Make，依期中提案的架構與精稿建置網站，部署成任何人都能打開的網址。

  • 可公開瀏覽的 RWD 網站至少完成提案中的 P0 頁面與核心互動
  • 提案 vs. 成品對照說明實作與期中提案的差異與取捨
  • 期末發表＋Live Demo現場操作網站，附備用操作影片
ClaudeFigma MakeGitHubVercel／Cloudflare
工具選型 期末規格
// Course Map

《進階網頁設計》課程規劃

十八週分成三個階段，最後是期末發表。不再使用的工具單元（Framer、v0 等）收在「延伸講義」供選讀。依階段篩選、搜尋，或切換成時間軸。

// Deadlines

兩個關鍵日期：倒數計時中

NOVEMBER
05
2026
MIDTERM · 期中作業

期中視覺提案

服務建議書＋提案簡報，內容以三週提案講義（UNIT 05–07）的產出為主，模擬標案現場簡報。
W09 · Classroom Pitch · 10 min + Q&A

--DAYS
--HRS
--MIN
--SEC
期中規格 三週提案講義
JANUARY
07
2027
FINAL · 期末作業

期末網站上線發表

用 Claude／Figma Make 把期中提案建置成可公開瀏覽的 RWD 網站，現場 Live Demo。
W18 · Final Demo Day · 10 min + Q&A

--DAYS
--HRS
--MIN
--SEC
期末規格 評分標準
05

延伸學習資源

先修講義、進階講義，以及全球最知名的網頁設計評選平台。

網頁設計講義封面網頁設計講義

從初階到進階，從 HTML 到 CSS，用既有版型製作 RWD 網站，從 OnePage 到多頁專題網站製作。

開啟講義 ↗ 進階網頁設計講義

側重網站企劃與實作練習，透過基礎模板製作符合現今流行的 RWD 專題網站，並加入 Google Analytics 網站分析。

開啟講義 ↗ Awwwards

全球最知名的網頁設計評選與靈感平台，每天展示「Site of the Day」，適合觀察現代設計趨勢與最佳實務。

看今日最佳網站 ↗
// Ready?

先把提案做到能得標，
再把網站做到能上線。

從解讀 RFP、服務建議書，到 Claude × Figma Make 建置上線，十八週一起走完。

開始 UNIT 01 資源專區