【114-1微學分課程】前端起手式:從基礎三語到AI製作響應式網頁 From the Big Three Basics to AI-Powered Responsive Web Design

選課日期:114/ 8 / 11 截止

課程名稱

前端起手式:從基礎三語到AI製作響應式網頁

(對應總課程名稱:ICT跨領域實作 ICT Interdisciplinary Implementation)

授課教師

電機系 劉建男 教授

胡哲 資深前端工程師

課程概述與目標

運用AI及前端程式碼從0打造自己的專屬網站上傳至公開網路展現成果

課程日期

8/15(五)10:00~17:00 實體8/16(六)10:00~17:00 實體8/18(一)10:00~15:00 線上

課程總時數

16小時

上課地點

綜合一館302

修課人數上限

30人

先修科目或先備能力


學生自備物品

筆電

作業、考試、評量

  • 出席率40%、作業20%、成果40%
    8/18 成果發表時產出一個含有 HTML/CSS/Javascript 的自己的公開網站

課程大綱

單元主題內容綱要講授示範習作其他
概論網站建置與 VsCode 編輯器介紹1hr
HTMLHTML 基本標籤      0.5hr0.5hr1hr1hr
CSSCSS 基本語法0.5hr0.5hr1hr
RWD網頁RWD 網頁框架與切版0.5hr0.5hr1hr
JavascriptJavascript 操作 dom1hr1hr1hr
AI應用透過 ChatGPT AI 協助產生程式碼1hr1hr
綜合實作產出自己的個人網站2hr
成果發表成果發表與更多激盪2hr

課程進度表

 日期  課程進度、內容、主題
8/1510:00~10:50  網站建置與 VsCode 編輯器介紹
11:00~11:50 HTML:head、body、主要標籤介紹
13:00~13:50 HTML:結構區塊、更多標籤介紹與實作
14:00~14:50 CSS:樣式排版設計介紹
15:00~15:50 CSS:更多樣式與排版外聯樣式介紹與實作
16:00~16:50 CSS:響應式設計介紹
8/1610:00~10:50 CSS:響應式設計與實作
11:00~11:50 Javascript:基礎元素操作介紹
13:00~13:50 Javascript:邏輯與互動操作介紹
14:00~14:50 Javascript:綜合設計操作與實作
15:00~15:50 AI應用: 運用 ChatGPT AI 生成網頁程式與應用
16:00~16:50 AI應用: 運用 ChatGPT AI 生成網頁程式與應用
8/1810:00~10:50 綜合實作:個人網站設計與實作
11:00~11:50 綜合實作:個人網站設計與實作
13:00~13:50 成果發表:成果發表
14:00~14:50 成果發表:成果發表

微學分課程Q&A

📌 我想修微學分課程,該如何報名/進行選課?

每門課程將於開課前三週至前一週間開放選課,請同學於選課截止日前至ICT選課系統進行報名。

📌 若是學期課加開的微學分課程,我可以修學期課又修微學分嗎?

完全不可。學生不得同一學期選修學期課及微學分,僅能二擇一。微學分若成功認計僅可計於【自由學分】,而非【必修學分】。

補充說明:學期課是學校課務系統上選的3學分課程,微學分則是在ICT系統上報名的課程,兩者的永久課號不同。有的學期課微學分將會分成-1,-2,-3或A,B,C三階段來進行,每完成一階段,需再報名下一階段選課。若是課程內容設計具連貫性,則未修-1或A者,不得選修-2,-3或B,C課程。

📌 我是校外學生,請問可以選課嗎?

校外學生請點擊ICT選課系統頁面右上角【非本校學生申請賬號】,完成註冊後可以進入系統選課。若該課程不開放給校外學生選課,則無法進行報名。

📌 若已經畢業/在職中,可以選課嗎?

校內/校外的【非學生】身份者,請在選課前寄信詢問授課教師是否可以參與課程,獲教師同意後再進行選課報名,修課名額將以【校內在學學生】為優先。

📌 如何得知是否選上了該課程?

請於選課截止的隔日至選課系統查詢選課結果。

📌 我已經選了課程,該如何退選?

① 若選課報名未截止,可直接在ICT選課系統上點擊【取消報名】。
② 若報名已截止至開課日前,請寄信給助理corlyn@nycu.edu.tw 告知退選意願並說明原因。
③ 若開課當日/課程已進行中,請寫信給授課教師,經老師同意後,截圖/轉寄信件內容給助理。

📌 若沒有退選/無故缺席課程會如何?

未依規定辦理課程退選或無故未到課,將取消該同學兩月內之ICT選課權益,即2個月內無法報名選課系統上的任何課程。

📌 若無法出席課程,該如何請假呢?

若學生因故無法出席課程,請於上課前兩日寫信給授課教師說明請假原因(請附上姓名、學號及請假事由)。

📌 我是學士/碩士/博士生,可以報名選修微學分課程嗎?

可以。惟請留意該學分是否認計為畢業學分,將由您的系所決定。為避免學分爭議,請於抵免前詢問系所該門課的學分是否可以認計。研究生修習之微學分不得採計於畢業學分。

📌 修微學分課程需要繳學分費嗎?

無需。

📌 課程會有成績嗎?

微學分的修課方式比照一般課程,必須通過課堂之作業、測驗、討論、實驗或成果發表等教學活動規定,經授課教師認證,該修課結果通過或不通過。

📌 微學分完修證明該如何申請?

請至微學分課程頁面查詢完修證明申請表,並於結課日前提交申請,詳細規定請參閱表單內容。

📌 申請完修證明就表示匯出學分了嗎?

否,兩者是分開的,授課教師提供成績後,由創創工坊核檢學生修課結果,確認同學【通過】課程後,會在2-4週內以電子檔寄出。而學分登錄表,則需到選課系統下載。

📌 修課結果會直接出現在成績單上嗎?

否,請同學必須於畢業當學期統一提出抵免申請。請至ICT選課系統上【匯出學分登錄表】,經系所認計及各單位簽核完成後,該成績才會出現在成績單上。

Edit