網頁設計 期末作業

國立金門大學 資工一 111210520 吳佳泰



作業一 - 自我介紹


做出一個自我介紹的網頁


題目詳情 作業詳情

作業二 - 註冊畫面


  1. 請寫一個沒有 CSS 美化的註冊表單,必須包含『姓名,性別,出生年月日,...』
  2. 請用 CSS 美化上面的註冊表單,另外存一版美化後的結果

題目詳情 作業詳情

作業三 - Javascript練習一


  1. 先印出 -- Hello 你好!
  2. 印出小於 n 的所有奇數 printOdd(n)
  3. 寫一個函數判斷 n 是否為質數 isPrime(n)
  4. 印出所有小於 n 的質數總和 sumPrime(n)
  5. 寫一個函數做向量相加 vectorAdd(a,b)
  6. 寫一個函數做矩陣相加 matrixAdd(a,b)
  7. 寫一個函數做矩陣相乘 matrixMul(a,b)
  8. 寫一個函數 daysInYear(n) 傳回西元 n 年應該有幾天
    • 例如 daysInYear(1991) => 365
    • daysInYear(2004) => 366
    • daysInYear(1900) => 365
    • daysInYear(2000) => 366 # 對 400 取餘數為 0

題目詳情 作業詳情

作業四 - Javascript練習二


  1. 請寫一個 min(a,b) 函數傳回 a, b 裡較小的那個數字
  2. 請寫一個 arrayMin(a) 函數傳回陣列 a 裡最小的那個數字
  3. 請寫一個 filter(a, f) 函數可以根據 f 成功或失敗過濾掉那些不合的內容
    • 例如 filter([1,2,3,4], function (x) { return x%2 == 1; }) 會傳回 [1,3]
  4. 請寫一個函數 weekday(str) 可以把星期幾的英文轉換成數字(0,1,2,3,4,5,6) (Sunday 是 0))
  5. 請寫一個函數 countChar(str) 可以算出一個字串中,每個字出現幾次。
    • 例如: “aabccadeaac" => { a: 5, b:1, c:3, d:1, e:1}
  6. 寫一個函數 gcd(a,b) 傳回 a, b 兩數字的最大公因數。
  7. 寫一個函數 lcm(a,b) 傳回 a, b 兩數字的最小公倍數。
  8. 請寫一個函數 gradient(f, p) 可以計算 f 在 p 點的梯度

題目詳情 作業詳情

作業五 - DOM 的 JavaScript 操控練習


  1. 按鈕按下去寬高都會變大 10px
  2. 按鈕按下去會右移 10px
  3. 一個會自己到處移動的按鈕

題目詳情 作業詳情

作業六 - 側欄 (CSS Transition 與 JavaScript)


請使用下列兩種方式做出可展開縮放的側欄,側欄拉開後,內容可放入你的個人網頁的各種頁面連結
  1. 使用 CSS Transition (滑鼠移入就展開,移出就縮小)
  2. 使用 JavaScript (滑鼠點按就切換,展開或縮小)

題目詳情 作業詳情

作業七 - SHA256 雜湊介面


  1. 想要的系統樣子
  2. 提醒
    • 輸入的文字有變,雜湊值就會變
    • 這可以用 onchange 事件完成

題目詳情 作業詳情

作業八 - Layout 佈局


請做出下列佈局


題目詳情 作業詳情

作業九 - 請做一個有繪圖的網頁(難度不限,可以用套件)


可以用以下幾種方式,或是其他
  1. 原生 JavaScript
  2. plotly
  3. phaser.js
  4. three.js

題目詳情 作業詳情

作業十 - 請用 groq 大語言模型 LLM 做一個簡單的網頁應用


應用建議
  1. 翻譯器 : 中翻英 / 中翻日 / 英翻中 / 日翻中
  2. AI祕書 : 會幫你記錄待辦事項,當天提示你該日行程
  3. AI男友/女友 : 角色扮演
  4. RAG (Retrieval Augmented Generation)
  5. AI程序員
  6. 結合其他API

題目詳情 作業詳情

作業十一 - 作業11 - denoApiService + Blog的註解


請閱讀 denoApiService + Blog 的程式碼,並寫下你的理解,然後為程式碼加上詳細的註解
題目詳情 作業詳情