中三 資訊及通訊科技
中三 ICT:Python 進階(字典、檔案、物件導向)加小型應用專題,入門資料庫與 SQL 查詢,親手寫 HTML/CSS 建多頁網站,最後認識人工智能 — 由基礎概念、倫理到實作體驗。每課都有中英對照 ICT 生字卡。
以下次序 = 由淺入深嘅建議學習路徑,跟住行就得。
單元 Units
撇一下單元名就跳去該組課題。
程式設計進階 Programming II4/4 已上線
⚡ 單元快測 Quiz5 題
先自己答,然後揭答案對照——答錯會自動記入「我的學習」錯題簿。
Q1phonebook = {"小明": "9123 4567", "Mary": "6234 7789"},phonebook["Mary"] 的結果是什麼?
Q2哪個開檔模式會清空檔案原有內容?A. "r" B. "w" C. "a"
Q3類別和物件的關係,哪個說法正確?A. 類別是圖則,物件是按圖則建成的實例 B. 物件是圖則,類別是實例 C. 兩者完全相同
Q4小型應用程式開發的正確次序是?A. 編寫→測試→設計→需求分析 B. 需求分析→設計→編寫→測試 C. 設計→編寫→需求分析→測試
Q5set([3, 1, 3, 2, 1]) 的結果是什麼?
資料庫入門 Databases3/3 已上線
⚡ 單元快測 Quiz5 題
先自己答,然後揭答案對照——答錯會自動記入「我的學習」錯題簿。
Q1資料表中,橫的一行和直的一列分別叫什麼?
Q2SELECT * FROM students; 中的 * 代表什麼?
Q3新生入學要加一筆記錄,應用哪句 SQL?A. SELECT B. INSERT INTO C. UPDATE
Q4以下哪個最適合做學生表的主鍵?A. 姓名 B. 學號 C. 班別
Q5只返回 80 分以上的記錄,應加什麼子句?A. ORDER BY B. WHERE score >= 80 C. SELECT 80
網頁製作 Web design3/3 已上線
⚡ 單元快測 Quiz5 題
先自己答,然後揭答案對照——答錯會自動記入「我的學習」錯題簿。
Q1網頁的可見內容應放在哪個標籤內?A. <head> B. <body> C. <title>
Q2.highlight { background-color: yellow; } 中的 .highlight 是什麼?
Q3訪客輸入網站網址時,瀏覽器自動載入哪個檔案?A. home.html B. index.html C. main.html
Q4一個網頁通常可以有多少個 <h1>?
Q5盒子模型由內至外的四層次序是什麼?
人工智能入門 AI basics3/3 已上線
⚡ 單元快測 Quiz5 題
先自己答,然後揭答案對照——答錯會自動記入「我的學習」錯題簿。
Q1AI、機器學習、深度學習的正確包含關係是?A. 深度學習 ⊃ AI ⊃ 機器學習 B. AI ⊃ 機器學習 ⊃ 深度學習 C. 三者互不相干
Q2招聘 AI 系統性壓低女性求職者評分,根本原因是什麼?
Q3輸入給生成式 AI 的文字指令叫什麼?
Q4模型訓練和推斷的分別是什麼?
Q5香港哪條法例規管個人資料的收集和使用?寫出其中兩項要求。
生字簿 Vocabulary book
呢科全部生字,中英對照(可列印)。
以鍵值對儲存資料的結構,用鍵直接查找值,例如通訊錄。
字典中用來查找的名稱,例如 {"小明": "9123 4567"} 裡的「小明」。
鍵所對應的資料,例如 {"小明": "9123 4567"} 裡的電話號碼。
字典中一個鍵配一個值的基本單位,用冒號連接。
按鍵取值,鍵不存在時返回預設值而不報錯,例如 d.get("x", 0)。
傳回所有鍵值對,配合 for 一次過取出鍵和值。
檢查某鍵是否存在於字典或某元素是否存在於集合,結果為 True 或 False。
無次序、不重複的元素組合,常用來去重,例如 set([1, 1, 2]) 得 {1, 2}。
把重複的元素只保留一份的處理,是集合的典型用途。
讓程式讀取和寫入電腦檔案,令資料在程式結束後仍能保存。
開啟檔案的函數,需指明檔名與模式,例如 open("a.txt", "r")。
"r" 只讀;"w" 寫入並清空原有內容;"a" 在檔尾繼續加入,不破壞原有資料。
離開 with 區塊時自動關閉檔案,是最推薦的檔案處理寫法。
read() 讀出全部內容為一個字串;readlines() 讀成逐行的清單。
表示「換一行」的特殊符號;write() 要自己加 \n,讀回來的行要用 strip() 清走。
以逗號分隔欄位的純文字資料格式,一行一筆記錄,Excel 可直接開啟。
把字串按逗號拆成清單,例如 "小明,85".split(",") 得 ["小明", "85"]。
把可能出錯的代碼放進 try,用 except 接住指定異常並處理,令程式不會中斷。
定義一類物件的資料與行為的圖則,例如 Student 類別。
按類別建立的實例,擁有自己的屬性,例如小明的 Student 物件。
物件內儲存的資料,例如 s1.name、s1.cls。
物件可以執行的函數,定義在類別內,例如 introduce()。
建立物件時自動執行的特殊方法,用來設定初始屬性。
方法中的第一個參數,代表呼叫該方法的物件本身,藉此存取自己的屬性。
物件的同義詞:由類別實際產生出來的一份個體。
由類別建立物件的動作,例如 s1 = Student("小明", "3A")。
把資料和操作資料的方法包在同一類別內,外界不必理會內部細節。
確定程式要做什麼、給誰用的階段,產出清晰的功能清單。
計劃資料結構、函式分工和介面樣式,作為編寫前的藍圖。
按設計逐個函式把代碼寫出來,一邊寫一邊試的階段。
用正常和極端輸入驗證程式是否合乎需求的階段。
列出功能編號讓用戶選擇的介面,配合 while 迴圈反覆顯示。
檢查用戶輸入是否合理(例如分數必須是數字),不合理就提示重輸。
把程式拆成各司其職的小函式,容易編寫、測試和修改。
最容易被忽略的極端情況,例如空清單、零分、重複姓名。
記錄程式的功能、用法和設計決定,方便他人和未來的自己理解。
有組織地儲存和管理大量資料的系統,方便搜尋、更新和防止錯誤。
資料庫中儲存同一類資料的二維結構,由行(記錄)與列(欄位)組成。
資料表中的一行,代表一個完整個體的全部資料,例如一位學生。
資料表中的一列,代表資料的一項屬性,例如姓名、班別。
唯一辨識每筆記錄、不重複又不可空的欄位,例如學號。
多張資料表透過共同欄位互相連接的資料庫,例如成績表用學號連學生表。
管理資料庫的軟件,處理存取、權限和搜尋,例如 MySQL、SQLite。
向資料庫提出的要求,例如「列出 3A 班全部學生」,通常用 SQL 寫成。
同一份資料重複儲存在多處,容易造成更新後不一致的問題。
跟資料庫溝通的標準語言,用於查詢、新增、修改和刪除資料。
指定要返回哪些欄位的 SQL 關鍵字,SELECT * 表示全部欄位。
指定資料來自哪一張資料表的 SQL 關鍵字。
設定條件只返回符合的記錄,例如 WHERE score >= 80。
WHERE 中比較用的符號:=、>、<、>=、<=;SQL 判斷相等只用一個 =。
組合多個條件:AND 要求全部成立,OR 只要隨便中一個成立。
把結果按某欄位排序,DESC 由高至低,ASC 由低至高(預設)。
只返回結果的頭幾筆,例如排序後 LIMIT 3 取最高三名。
SELECT 後的星號,代表資料表的全部欄位。
向資料表加入一筆新記錄的 SQL 語句,配 VALUES 指定各欄位的值。
INSERT 中按欄位次序給出實際值的部分,例如 VALUES (2023011, '小美', '3A', 88)。
修改現有記錄欄位值的 SQL 語句,SET 指定新值,WHERE 限定範圍。
從資料表刪除記錄的 SQL 語句,WHERE 決定刪哪些;漏了 WHERE 會刪光全表。
WHERE 決定 UPDATE/DELETE 會影響哪些記錄;不寫就是全部記錄,極度危險。
資料保持正確一致的性質,由主鍵、欄位類型和範圍規則守護。
資料庫拒絕主鍵重複或空缺的新增,保證每筆記錄可唯一辨識。
事先複製一份資料副本,出錯或事故後可以還原。
寫入操作後再用 SELECT 檢查結果是否正確,是安全流程的最後一步。
編寫網頁的標記語言,用標籤描述內容的結構和意義。
尖括號包住的標記,多數成對出現:開始 <p>、結束 </p>。
開始標籤、內容、結束標籤的整體,例如 <p>Hello</p> 是一個段落元素。
掛在開始標籤上的額外資訊,例如 <a href="..."> 的 href、<img> 的 src 和 alt。
head 放給瀏覽器看的資訊(標題、編碼);body 放顯示給訪客的全部內容。
用 href 指定目的地、點擊後跳去的連結,例如 <a href="https://...">前往</a>。
單標籤,用 src 指定圖片來源、alt 寫圖片說明文字。
表明用途的結構標籤:header 頁首、nav 導覽、main 主內容、footer 頁尾。
標籤一層層包住另一層;先開的後關,不可交錯。
描述網頁外觀的語言,管理顏色、字體、間距和排版。
指定樣式套用到哪些元素的開頭部分,例如 p、.highlight、#title。
以點號開頭(.highlight),套用於所有標了該 class 的元素,可重複使用。
以井號開頭(#title),只套用於該頁唯一一個對應 id 的元素。
樣式宣告的兩半:屬性講改什麼(color),值講改成什麼(red),以分號結尾。
每個元素都是盒:內容、內邊距 padding、邊框 border、外邊距 margin 由內至外四層。
padding 是內容與邊框之間的空間;margin 是元素與其他元素之間的空間。
以 # 開頭的六位顏色代碼,例如 #f07f2e 是橙色、#ffffff 是白色。
@media (max-width: 600px) { ... } 令樣式只在特定螢幕闊度下生效,是響應式設計的基礎。
動工前畫好的頁面清單和連接關係,決定網站有哪幾頁、怎樣互連。
網站的預設門面:訪客打開目錄時瀏覽器自動載入的檔案。
每頁都有的連結選單(通常在 nav 標籤內),令訪客可以到達任何一頁。
以目前檔案位置為基準的路徑,例如同層的 about.html、子資料夾的 images/p1.jpg。
figure 包住圖片,figcaption 寫說明文字,令圖和說明綁在一起。
各頁共用的 header、nav、footer 和樣式,令網站看起來專業統一。
令視障等不同需要的用戶都能使用的設計:alt 說明、標題順級、足夠色彩對比。
令網頁更容易被搜尋引擎理解和推薦的做法:清楚標題、meta description、關鍵字。
head 內的一句網頁簡介,搜尋結果列表常常直接顯示它。
令機械執行需要人類智慧的任務的技術,例如識別語音、圖像和翻譯。
AI 的主流方法:不寫死規則,讓電腦從大量例子中自行學出規律。
機器學習的分支,用模仿腦神經的神經網絡學習,擅長圖像、語音和語言任務。
模仿腦神經連接的分層計算結構,是深度學習的基本構件。
用大量例子教模型的階段:預測、對答案、調整內部參數,反覆進行。
訓練完成的模型應用到新輸入、給出答案的階段。
訓練產出的成品:內含學到的規律和參數,可以對新輸入做判斷。
訓練用的一大批例子,例如十萬張已標明是貓還是狗的照片。
AI 一本正經地講出與事實不符的內容;因為它不懂真實意思,只會估規律。
AI 因訓練資料失衡而對某些群體不公平的系統性偏差。
可識別個人身份的資料,例如姓名、人面影像、聲音、地址、電話。
香港規管個人資料收集和使用的法例:說明用途、不超額收集、有權查閱改正。
用 AI 生成或篡改的以假亂真影像、聲音,例如換臉影片、模仿他人聲線。
與事實不符的內容;AI 幻覺和深偽都會製造虛假資訊。
如實表明作品來源、不把他人(或 AI)的成果當自己作品的原則。
當事人清楚知道用途後自願容許收集或使用其資料;未經同意上載他人相片即屬侵權。
AI 系統的資料來源、運作方式和局限應該向用戶講清楚。
AI 造成損害時,必須有明確的人或機構承擔責任,不能推說「是 AI 做的」。
能創作新內容(文字、圖像、音樂、影片)的 AI,例如聊天機械人、文生圖工具。
輸入給生成式 AI 的文字指令,其具體程度直接影響輸出質素。
設計和改善提示以獲得更佳 AI 輸出的技巧,例如具體化、給角色、迭代。
憑文字描述生成圖像的 AI 工具,例如「水彩風格的獅子山,黃昏」。
反覆追問和修改提示,逐步把 AI 輸出推向理想效果的過程。
對照教科書、官方網站等可靠來源核實 AI 給出的事實和數據。
了解不同 AI 工具的專長與弱項,按任務選擇合適的工具。
把 AI 輸出當草稿:查事實、檢查邏輯、提防幻覺,再決定採用與否。
個人資料、密碼、他人私隱絕不輸入 AI 工具,輸入的資料可能被留存。