高職與五專之網頁設計課程，以培養學生基礎網頁設計專業能力為課程目標，而主要學習目標是取得勞委會網頁設計丙級證照。過往授課方式多為示範教學輔以影片操作，常讓學生陷入記憶操作步驟的學習方式，影片教學雖能解決學生的問題，卻重蹈復刻解題順序的窠臼，學生對於網頁的整體架構與操作技能缺乏反思再利用的創造能力，另因教師與教學助理（TA）人力有限，無法在課堂即時回答學生的問題，導致學生的學習焦慮感增加，並壓縮教師回答進階問題的時間。本研究運用心智圖提出學生圖像分析的策略，藉由解構術科考題繪製設計藍圖，再著手術科解題，循序引導學生針對學習技能提出反思設計應用，並以數位教材加深學習印象，強調理解與記憶並重的策略。為驗證學生專業技能之學習成效，在課程結束前安排技術士檢定，且於期末發表個人創作網頁，透過期末作品評量、問卷調查及訪談評估學生之創意應用與反思能力。本研究執行前期與業界協同主持人合作建置解題專家知識庫，實作線上即時學習反饋聊天機器人，運用Azure雲端運算結合FB即時通訊APP，縮短學生等待解答的時間以降低學習焦慮感，教師則可專注於進階問題的解答，並透過後台問題歷程分析回饋教師進行教學設計。期望透過本研究之創新教學模式，驗證是否有效提升學生創意思考與反思能力，降低學習過程的焦慮感並提升學生的專業能力。