:::
主內容區域
43 資訊科技 七年級遊戲與動畫程式設計 報名額滿
108學年度第二學期多元智能 報名期間：2020/01/10 19:00 ~ 2020/01/17 23:59
社團簡介：
透過簡易懂的軟體介面進行程式設計，搭配電腦與手機遊戲與動畫相關專案學習，更深入了解程式設計與演算法則。循序漸近學習使用下列介面： Scratch/AppInventer/Python
108學年度第二學期多元智能 七年級遊戲與動畫程式設計 已報名名單 （共 20 筆）
- 編號
- 姓名
- 班級
- 結果
- 1
- 蔣○丞
- 七年 2班 0號
- 正取
- 2
- 薛○晴薛安晴
- 七年 4班 0號
- 正取
- 3
- 王○惟
- 七年 7班 0號
- 正取
- 4
- 楊○璿
- 七年 7班 0號
- 正取
- 5
- 郭○廷
- 七年 7班 0號
- 正取
- 6
- 翁○馡
- 七年 7班 0號
- 正取
- 7
- 張○禎
- 七年 6班 0號
- 正取
- 8
- 郭○緯
- 七年 5班 0號
- 正取
- 9
- 謝○彥
- 七年 8班 0號
- 正取
- 10
- 王○嫻
- 七年 4班 0號
- 正取
- 11
- 林○駿
- 七年 7班 0號
- 正取
- 12
- 黄○瑋
- 七年 7班 0號
- 正取
- 13
- 黃○頤
- 七年 6班 0號
- 正取
- 14
- 李○音
- 七年 4班 0號
- 正取
- 15
- 廖○鈞
- 七年 6班 0號
- 正取
- 16
- 施○璿
- 七年 7班 0號
- 正取
- 17
- 陳○希
- 七年 5班 0號
- 正取
- 18
- 鄭○心
- 七年 5班 0號
- 正取
- 19
-
Interna</span> </li> <!--報名者班級--> <li class="vm w1 text-center"> <span ">七年</span> <span >4班</span> <span ">0號 </span> </li> <!--結果--> <li class="vm w1 text-center"> <span style='color: rgb(6, 2, 238)'>正取</span> </li> </ul> <ul class="vbody"> <!--社團名稱--> <li class="vm w1 text-center"> 20 </li> <!--報名者姓名--> <li class="vm w1 text-center"> <span>林○萱</span> </li> <!--報名者班級--> <li class="vm w1 text-center"> <span ">七年</span> <span >5班</span> <span ">0號 </span> </li> <!--結果--> <li class="vm w1 text-center"> <span style='color: rgb(6, 2, 238)'>正取</span> </li> </ul> </div> <script> $(document).ready(function() { $('#btnExport').on('click', function() { var csvRows = []; // ---------- 處理表頭 (vhead) ---------- var headers = []; $('.vhead li').slice(0, -1).each(function() { var text = $(this).text().trim().replace(/"/g, '""'); headers.push('"' + text + '"'); }); csvRows.push(headers.join(',')); // 以逗號分隔欄位 // ---------- 處理資料列 (vbody) ---------- $('.vbody').each(function() { var cols = []; $(this).find('li').slice(0, -1).each(function() { var text = $(this).text().trim().replace(/"/g, '""'); cols.push('"' + text + '"'); }); csvRows.push(cols.join(',')); }); // 組成最終 CSV 字串 var csvString = csvRows.join('\n'); // 下載 CSV (檔名可以依需求動態替換) downloadCSV(csvString, '108學年度第二學期多元智能_七年級遊戲與動畫程式設計.csv'); }); function downloadCSV(csvString, filename) { var blob = new Blob(["\uFEFF" + csvString], { type: 'text/csv;charset=utf-8;' }); var url = URL.createObjectURL(blob); var link = document.createElement('a'); link.setAttribute('href', url); link.setAttribute('download', filename); document.body.appendChild(link); link.click(); document.body.removeChild(link); } }); </script> <script> $(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); }); </script> </div> <div class="row"> <div class="col-md-6"></div> <div class="col-md-6"></div> </div> </div> </div> <div style="clear: both;"></div> </div> <!-- 根據寬度動態調整區塊的 DOM 順序，以修正鍵盤焦點 (Tab) 的導覽順序 --> <script type="text/javascript"> (function() { /** * 調整 Tab 焦點順序的邏輯： * 1. 寬屏 (Desktop / xl 以上)：左 (Left) -> 中 (Center) -> 右 (Right) * 2. 窄屏 (Mobile / 1200px 以下)：中 (Center) -> 左 (Left) -> 右 (Right) */ function adjustTabOrder() { const container = document.getElementById('xoops_theme_content_zone'); if (!container) return; const left = document.getElementById('xoops_theme_left_zone'); const center = document.getElementById('xoops_theme_center_zone'); const right = document.getElementById('xoops_theme_right_zone'); // 判斷是否為 xl 以上的寬屏 (1200px 為 Bootstrap 5 的 xl 斷點) const isDesktop = window.matchMedia('(min-width: 1200px)').matches; if (isDesktop) { // 桌機版：左 -> 中 -> 右 if (left && center) { container.insertBefore(left, center); } if (center && right) { container.insertBefore(center, right); } else if (left && right) { container.insertBefore(left, right); } } else { // 行動版：中 -> 左 -> 右 (優先顯示主內容) if (center && left) { container.insertBefore(center, left); } if (left && right) { container.insertBefore(left, right); } else if (center && right) { container.insertBefore(center, right); } } } // 監聽視窗縮放與載入事件 window.addEventListener('resize', adjustTabOrder); document.addEventListener('DOMContentLoaded', adjustTabOrder); // 如果是 AJAX 載入或某些特殊情況，立即執行一次 adjustTabOrder(); })(); </script> </div> </div> </div> <!-- 顯示參數，開發用，開發完可刪除 --> </main> </div> <h2 class="sr-only visually-hidden">頁尾區域</h2> <footer> <div id="footer-wrapper"> <div id="footer-display"> <div> <a href='https://www.nnkieh.tn.edu.tw' target='_blank'>國立南科實中</a> 地址：744094 臺南市新市區西拉雅大道 888 巷 1 號 電話：06-5052916 傳真：06-5052917 </div> </div> </div> </footer> </div> </div> <!-- 載入自訂js --> <script type="text/javascript" src="https://hs.nnkieh.tn.edu.tw/modules/tadtools/jquery.sticky/jquery.sticky.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("select[name='xoops_theme_select']").addClass("form-control"); $("input[name='query']").addClass("form-control"); $("input[name='uname']").addClass("form-control"); $("input[name='pass']").addClass("form-control"); $('iframe:not([title])').attr('title','iframe content'); $('[data-bs-toggle="tooltip"]').tooltip(); if($( window ).width() > 768){ $("#top-wrapper").sticky({topSpacing:0 , zIndex: 8, getWidthFrom:'#top-wrapper'}); }else{ $("#top-wrapper").unstick(); } }); // pin_zone=top $(window).resize(function() { if($(window).width() > 768){ // 避免在手機狀態下無法上下選擇選項 $("#top-wrapper").sticky({topSpacing:0 , zIndex: 8, getWidthFrom:'#top-wrapper'}); }else{ $("#top-wrapper").unstick(); } }); </script> <link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC|Noto+Serif+TC&display=swap" rel="stylesheet" media="all"> </body> </html>