網路與多媒體

臺北科技大學 115-1 學期課程，課號 363250。

課程大綱

網路與多媒體課程的目的在介紹網路環境中常用的軟體如：Netscape、Internet Explorer、Email、BBS、Gopher、FTP、Telnet…等。以及多媒體在處理文件、聲音、影像、圖片等資料所應用的各種軟硬體及技術，包括：1.基本語音處理技術；2.基本影像處理技術；3.多媒體硬體介紹；4.多媒體軟體介紹。 The Network and Multimedia course is to introduce the software most used in internet, such as: Netscape, Internet Explorer, Email, BBS, Gopher, FTP, Telnet, and so on. And how does multimedia process the documents, audio, video, graph, and picture data. This course will also focuses on the following topics: 1. Basic audio information processing techniques. 2. Basic video information processing techniques. 3. Multimedia hardware introduction. 4. Multimedia software introduction.

課程進度

第一階段：AI 網頁設計觀念與視覺素材準備（第 1 - 4 週） 目標：掌握 UI/UX 基本邏輯與網站設計元素，並利用 AI 批量生成網頁影音視覺素材。 第 1 週：課程大綱與上課相關規定說明。網頁結構簡介：解析什麼是前端、後端、網域與伺服器。 第 2 週：UI/UX 核心思維與 AI 心智圖討論用戶體驗（UX）與視覺介面（UI）基本設計原則。 第 3 週：AI 文案與風格調色盤生成網頁文案：利用 AI 寫出有高轉化率的行銷文案，以及使用 AI 色彩生成器與字體搭配工具建立網頁視覺規範。 第 4 週：AI 圖像與商業素材生成實戰使用 Midjourney / Adobe Firefly / Canva AI 生成網頁配圖、Icon 與 Banner。提示詞優化：如何生成去背商品圖與具有一致風格的插畫。 第二階段：AI 快速原型設計與〇代碼架站（第 5 - 8 週）目標：不寫程式碼，並體驗快速建站工具。 第 5 週：Figma 結合 AI 進行快速原型設計Figma 基礎操作與熱門 AI 外掛介紹。用 AI 外掛一鍵將文字描述轉化為 Wireframe（線框圖）與 UI 介面。 第 6 週：AI 一鍵生成式建站：Wix AI 與 Gamma體驗 Wix AI 與 Gamma 的對話式建站流程。 第 7 週：微型電商架站討論與介紹。 第 8 週：期中專案提案與架構總檢視獨立專案簡報：發表自己的網站目標、受眾與設計風格。 第三階段：AI 程式碼生成與前端微調（第 9 - 13 週）目標：進入核心開發！透過生成式 AI 工具直接「說」出網頁原始碼，並學會基礎閱讀與修改。 第 9 週：期中考週。 第 10 週：看懂 AI 寫的程式：HTML5 與 CSS3 基礎解密網頁的骨架（HTML）與皮相（CSS）基本語法認識。網頁如何自動適應手機、平板與桌電螢幕。 第 11 週： CSS 網頁組件。 第 12 週：JavaScript 與 AI 互動特效網頁的肌肉（JS）：控制網頁動作（如彈跳視窗、側邊選單等）。 第 13 週：AI 錯誤偵測與 Debug 實戰手冊常見的網頁報錯（Console Error）與程式破綻處理。如何為網站注入動態資料，進行搜尋引擎優化，並發佈至網際網路上。 第 14 週：網頁動態表單與 AI 後端自動化（Make / Supabase）處理使用者資料。 第 15 週：網站速度檢查：使用 PageSpeed Insights 檢測並依 AI 建議壓縮圖檔。實作：完成全站的 SEO 設定優化。 第 16 週：（Git/GitHub 基本觀念）。使用 Vercel 或 GitHub Pages 進行一鍵〇費部署。綁定專屬自訂網域（Domain）與申請〇費 SSL 安全憑證。實作：將專案正式發佈上線，取得可公開分享的網站網址。網站無障礙與多語系 AI 翻譯擴充利用 AI 快速將全站語法翻譯成多國語言版本（如中英雙語網頁）。檢查網頁無障礙設計（Accessibility）確保所有族群皆可流暢閱讀。 第 17 週：成果發表（一）：學員線上展示發表自己的最終動態網站作品。 第 18 週：成果發表（二）：學員線上展示發表自己的最終動態網站作品。 彈性教學： 第 17 週自主學習：期末成果發表與學習反思回饋。（採線上發表與互動） 第 18 週自主學習：期末考週（Final Exam）：綜合課程總結與學習成效評量。採線上發表與互動） Flexible Learning: Week 17: Self-study: Presentation of final project results and feedback on learning. (Online presentation and interaction) Week 18: Self-study: Final Exam Week: Comprehensive course summary and assessment of learning effectiveness. (Online presentation and interaction)

評量方式

出缺勤：30% 期末作業：70% Attendance: 30% Final Assignment: 70%

教材

【遵守智慧財產權觀念，請使用正版教科書，不得使用非法影印教科書】 使用外文原文書：否 自編教材