iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
自我挑戰組

使用 Microsoft Copilot 製作衛教網站 系列

在這次的參賽題目內容,我需掌握基本的 HTML、CSS 和 JavaScript 語法,並結合 AI 力量完成網站製作。我選擇學習這些語法及 Microsoft Copilot,是因為之前使用 Wix 製作網站,希望更深入了解網站運作原理。透過這次學習,我希望掌握基本語法,結合 Copilot 力量,製作功能豐富且美觀的衛教網站,提升技術能力,並將醫療資訊系的專業知識與技術結合,為更多人提供有用的健康教育資訊。

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

第1天:學習 VS Code 下載與基本設定

前言: 這次的主題是使用 Microsoft Copilot 製作衛教網站。只需要掌握基本的 HTML、CSS 和 JavaScript 語法,再結合 AI 的...

2024-09-11 ‧ 由 zhongandrew 分享
DAY 2

第2天:學習 HTML 基本標籤和結構,並實作基本網頁

第2天:學習 HTML 基本標籤和結構,並實作基本網頁 今天是我參加 IT 鐵人賽的第二天,我決定從學習 HTML 開始。HTML(超文本標記語言)是構建網頁的...

2024-09-12 ‧ 由 zhongandrew 分享
DAY 3

第3天:學習更多 HTML 標籤和屬性,並實作更多範例

第3天:學習更多 HTML 標籤和屬性,並實作更多範例 今天是我參加 IT 鐵人賽的第三天,我決定深入學習更多的 HTML 標籤和屬性。除了昨天學習的基本標籤外...

2024-09-13 ‧ 由 zhongandrew 分享
DAY 4

第4天:學習 CSS 基本樣式和佈局,為網頁添加基本樣式

第4天:學習 CSS 基本樣式和佈局,為網頁添加基本樣式 今天是我參加 IT 鐵人賽的第四天,我決定開始學習 CSS(層疊樣式表)。CSS 是用來控制網頁外觀和...

2024-09-14 ‧ 由 zhongandrew 分享
DAY 5

第5天:繼續學習 CSS,了解盒模型、邊距、填充和邊框, 並實作範例

第5天:繼續學習 CSS,了解盒模型、邊距、填充和邊框,並實作範例 今天是我參加 IT 鐵人賽的第五天,我決定繼續深入學習 CSS,特別是盒模型、邊距、填充和邊...

2024-09-15 ‧ 由 zhongandrew 分享
DAY 6

第6天:學習 CSS 排版技術,包括浮動、定位和彈性佈局,並實作範例

第6天:學習 CSS 排版技術,包括浮動、定位和彈性佈局,並實作範例 今天是我參加 IT 鐵人賽的第六天,我決定學習 CSS 的排版技術。這些技術可以幫助我更靈...

2024-09-16 ‧ 由 zhongandrew 分享
DAY 7

第7天:學習如何使用 CSS 進行網頁佈局和設計,並實作範例

第7天:學習如何使用 CSS 進行網頁佈局和設計,並實作範例 今天是我參加 IT 鐵人賽的第七天,我決定深入學習如何使用 CSS 進行網頁佈局和設計。CSS 是...

2024-09-17 ‧ 由 zhongandrew 分享
DAY 8

第8天:學習響應式設計的基本原理,了解媒體查詢和彈性佈局,並實作範例

第8天:學習響應式設計的基本原理,了解媒體查詢和彈性佈局,並實作範例 今天是我參加 IT 鐵人賽的第八天,我決定學習響應式設計的基本原理。響應式設計是一種設計方...

2024-09-18 ‧ 由 zhongandrew 分享
DAY 9

第9天:實作響應式設計,為網站添加媒體查詢和彈性佈局,確保網站在各種設備上都能正常顯示

第9天:實作響應式設計,為網站添加媒體查詢和彈性佈局,確保網站在各種設備上都能正常顯示 今天是我參加 IT 鐵人賽的第九天,我決定將之前學習的響應式設計原理應用...

2024-09-19 ‧ 由 zhongandrew 分享
DAY 10

第10天:測試網站在不同設備上的顯示效果,確保其兼容性,並進行優化

第10天:測試網站在不同設備上的顯示效果,確保其兼容性,並進行優化 今天是我參加 IT 鐵人賽的第十天,我決定測試網站在不同設備上的顯示效果,確保其兼容性,並進...

2024-09-20 ‧ 由 zhongandrew 分享