新進秘書：修訂版本之間的差異

出自六年制學程
跳轉到： 導覽、 搜尋
（→‎譚翰駿）
（→‎MySql 入門實作題）
 
（未顯示4位用戶所作出之74次版本）
第 1 行： 第 1 行：
 
[[分類:振鐸會務]]
 
[[分類:振鐸會務]]
 +
==林宜蓁==
 +
===常用軟體===
 +
#OS：windows 11
 +
#文字編輯器：EmEditor
 +
#瀏覽器：Chrome，Edge
 +
#* CTRL-U
 +
#檔案傳輸：Filezilla
 +
#點陣圖編修：Canva
 +
#向量圖編修：
 +
 +
===待辦事項===
 +
#四課程預報名
 +
#四月全民國防圓桌會議邀請函
 +
#*[http://twees.info:9001/p/wpnd 討論共筆頁]
 +
#*[http://well-being-ng.net/wellBeingNg/index.php?title=全民國防教育探索/邀請函 邀請函]
 +
 +
==林宜蓁 HTML 、 SVG 進度==
 +
#[https://commons.wikimedia.org/wiki/Special:ListFiles?limit=500&user=丁志仁 維基共享資源丁丁上傳圖]
 +
#*[https://upload.wikimedia.org/wikipedia/commons/f/fd/傳統師生關係圖示.svg 傳統師生關係圖示]
 +
#*[https://upload.wikimedia.org/wikipedia/commons/6/63/自主學習典範下世界如資源海洋.svg 開門辦教育]
 +
#*[https://upload.wikimedia.org/wikipedia/commons/1/17/日本史表解.svg 日本史表解]
 +
#*[https://upload.wikimedia.org/wikipedia/commons/4/41/群學共振圖示.svg 群學共振圖示]
 +
#*[https://upload.wikimedia.org/wikipedia/commons/0/06/位移速度加速度之微積分關係.svg 抄弧線箭頭]
 +
===3/11 進度===
 +
#SVG畫圓的語法
 +
#ctrl-u叫出原始碼
 +
#xml宣告、UTF-8萬國字盤、standalone='no'(使用預設標籤定義)
 +
#合體標籤:<circle/>
 +
#標籤、屬性、樣式
 +
#不同屬性用空格分開、不同樣式用分號分開
 +
#樣式名:值
 +
#full-opacity透明度0-1、stroke-width:邊線粗度、stroke:black邊線黑色、fill:#三或六位色碼 填滿顏色
 +
 
==譚翰駿==
 
==譚翰駿==
 +
===常用軟體===
 +
#OS：iOS 14.1.2
 +
#文字編輯器：SublimeText
 +
#瀏覽器：Chrome
 +
#檔案傳輸：Filezilla
 +
#點陣圖編修：Canva
  
 
===2/21工作備註===
 
===2/21工作備註===
第 13 行： 第 52 行：
 
#打辦公室鑰匙
 
#打辦公室鑰匙
 
#辦理勞健保
 
#辦理勞健保
 +
===2/26~29===
 +
#已完成11篇剪報
 +
#全民國防邀請函擬定
 +
#HTML語法基本練習中
 +
===3/4===
 +
#<p style='color:brown'>已完成6篇剪報</p>
 +
#HTML語法基本練習中
 +
===3/5===
 +
#<p style="color:brown">已完成11篇剪報</p>
 +
#HTML語法基本練習中
 +
===3/6===
 +
#<p style='color:brown'>已完成4篇剪報</p>
 +
===3/8===
 +
#<p style='color:brown'>已完成3/8號之剪報</p>
 +
===3/12===
 +
#<p style="color:brown">OST製圖大綱初版已上傳</p>
 +
#<p style="color:brown">已補齊2月入職前之2024剪報並已刪除相關圖檔</P>
 +
===3/18===
 +
#<p style="color:brown">3/18,3/15剪報皆已完成</p>
 +
#<p style="color:brown">已上傳A4,A5尺寸之4/14全民國防教育探索OST 活動封面至網路檔案櫃</p>
 +
====待辦事項====
 +
#四課程名稱、文案、海報等
 +
#全促會相關
 +
#四月全民國防圓桌會議邀請函
  
−
===HTML===
+
==譚翰駿 HTML 進度==
−
*基本概說
+
===一、基本概說===
 +
*簡單說明
 
*#HTML 是何意：Hyper Text Markup Language, 建構網頁的基本語法，通常使用成對的標籤<>, </>
 
*#HTML 是何意：Hyper Text Markup Language, 建構網頁的基本語法，通常使用成對的標籤<>, </>
 
*#HTML 與 HTTP(Hyper Text Transfer Protocol)與 HTTPS(Hyper Texy Transfer Protocol Security)
 
*#HTML 與 HTTP(Hyper Text Transfer Protocol)與 HTTPS(Hyper Texy Transfer Protocol Security)
第 23 行： 第 87 行：
 
*#*&lt;img…/&gt;
 
*#*&lt;img…/&gt;
 
*#*&lt;hr/&gt;
 
*#*&lt;hr/&gt;
−
*三層結構：標籤，屬性，樣式
+
*#*&lt;meta…/&gt;
 +
*HTML 語法的三層結構：標籤，屬性，樣式
 
<pre><p align=right style='font-size:16pt;color:brown;font-family:標楷體'>段落文字</p></pre>
 
<pre><p align=right style='font-size:16pt;color:brown;font-family:標楷體'>段落文字</p></pre>
−
 
+
*一個 HTML 檔的基本結構：
−
<p align=right style='font-size:16pt;color:brown;font-family:標楷體'>段落文字</p>
+
−
*飛鴻語法筆記測試1st
+
−
<pre><p align=left style='color:green;font-size:20pt;font-family:新細明體'>HTML語法測試實作day1</P></pre>
+
−
</br>
+
−
<p align=left style='color:green;font-size:20pt;font-family:新細明體'>HTML語法測試實作day1</P>
+
−
</br>
+
−
<hr>
+
−
<p align=left style='color:green;font-size:20pt;font-family:標楷體'>#測試1#*測試2#*測試3</P>
+
−
</br>
+
−
*基本結構：
+
 
<pre><html>
 
<pre><html>
 
<head>
 
<head>
第 45 行： 第 100 行：
 
</html></pre>
 
</html></pre>
 
*如何定義一次，引用多次？
 
*如何定義一次，引用多次？
 +
 +
===二、已掌握標籤屬性樣式===
 +
#&lt;title&gt;
 +
#&lt;body&gt;
 +
#&lt;h1&gt;~&lt;h6&gt;
 +
#&lt;a&gt; 標籤及其 href 屬性
 +
#&lt;img /&gt; 標籤及其 src 屬性
 +
#&lt;p&gt;
 +
#&lt;br /&gt;
 +
#&lt;hr /&gt;
 +
#&lt;ol&gt;
 +
#&lt;ul&gt;
 +
#&lt;li&gt;
 +
#&lt;span&gt;
 +
#&lt;style&gt;
 +
#href
 +
#src
 +
#style
 +
#align
 +
#font-size
 +
#color
 +
#width
 +
#height
 +
#&lt;table&gt;
 +
#&lt;tr&gt;
 +
#&lt;td&gt;
 +
#&lt;th&gt;
 +
#font-family
 +
#font-weight
 +
#border
 +
#border-collapse
 +
#class
 +
#id
 +
===三、待掌握標籤及屬性樣式===
 +
#&lt;head&gt;
 +
#&lt;meta&gt;
 +
#&lt;link&gt;
 +
#&lt;form&gt;
 +
#http-equiv
 +
#target
 +
#xmlns
 +
#type
 +
#content
 +
===四、Word 自訂的 HTML 標籤===
 +
# 跳頁：<br/>&lt;br style='page-break-before:always' /&gt;
 +
===五、沙盒===
 +
<p align=right style='font-size:16pt;color:brown;font-family:標楷體'>段落文字</p>
 +
*飛鴻語法筆記測試1st
 +
<pre><p align=left style='color:green;font-size:20pt;font-family:標楷體'>HTML語法測試實作day1</P></pre><br>
 +
<p align=left style='color:green;font-size:20pt;font-family:標楷體'>HTML語法測試實作day1</P><br>
 +
<hr>
 +
<p align=left style='color:green;font-size:20pt'>測試1;測試;測試3</P><br>
 +
 +
==范智鈞==
 +
===wiki===
 +
<div class="mw-collapsible mw-collapsed" style="width=100%">
 +
 +
#AAA
 +
*AAA
 +
*AA
 +
*#AA1
 +
 +
</div>
 +
 +
===html===
 +
<ol>
 +
<li>妳好</li>
 +
</ol>
 +
 +
<hr>
 +
 +
<ul>
 +
<li>妳好</li>
 +
</ul>
 +
 +
<hr>
 +
 +
<h2><u>妳好</u></h2>
 +
<h3>你好</h3>
 +
<b><i>妳好</i></b>
 +
 +
<hr>
 +
 +
<a href='https://www.google.com.tw/' target='_blank'>Google</a>
 +
 +
<hr>
 +
 +
<p>妳好我叫<br>范智鈞</p>
 +
 +
你好你好
 +
 +
===你好===
 +
 +
[[首頁]]
 +
 +
===表格===
 +
<table class=nicetable>
 +
<tr>
 +
  <th align=center bgcolor=#e0ffff style='width:12.5%'><B>第一欄</B></th>
 +
  <th align=center bgcolor=#e0ffff style='width:12.5%'><B>第二欄</B></th>
 +
  <th align=center bgcolor=#e0ffff style='width:12.5%'><B>第三欄</B></th>
 +
  <th align=center bgcolor=#e0ffff style='width:12.5%'><B>第四欄</B></th>
 +
</tr>
 +
 +
<tr>
 +
  <td><font color="blue">ＯＯＯ</font></td>
 +
  <td><font color="blue">ＯＯＯ</font></td>
 +
　<td><font color="blue">ＯＯＯ</font></td>
 +
　<td><font color="blue">ＯＯＯ</font></td>
 +
</tr>
 +
 +
<tr>
 +
  <td><font color="red">ＸＸＸ</font></td>
 +
  <td><font color="red">ＸＸＸ</font></td>
 +
　<td><font color="red">ＸＸＸ</font></td>
 +
　<td><font color="red">ＸＸＸ</font></td>
 +
</tr>
 +
 +
<tr>
 +
  <td><font color="brown">123</font></td>
 +
  <td><font color="brown">123</font></td>
 +
　<td><font color="brown">123</font></td>
 +
　<td><font color="brown">123</font></td>
 +
</tr>
 +
 +
</table>
 +
 +
===MySQL===
 +
====MySql 入門實作題====
 +
*目標： 熟悉 MySQL 基本語法，能夠進行簡單的資料庫操作與查詢。
 +
*資料表：test_student
 +
*題目：<br/>
 +
#建立資料表（解答提示：使用 '''CREATE TABLE''' 語法。）
 +
#*創建一個名為 test_student 的資料表。
 +
#*在 test_student 資料表中，根據下條件，設定資料表結構。<br/><table class=nicetable style='width:50%'><tr><th align=center bgcolor=#F0F0F0 style='width:12.5%'><B>第一欄</B></th><th align=center bgcolor=#F0F0F0 style='width:12.5%'><B>第二欄</B></th><th align=center bgcolor=#F0F0F0 style='width:12.5%'><B>第三欄</B></th><th align=center bgcolor=#F0F0F0 style='width:12.5%'><B>第四欄</B></th></tr><tr align=center><td >student_id</td><td>INT</td><td>10</td><td>utf8_general_ci</td></tr><tr align=center><td>name</td><td>VARCHAR</td><td>50</td><td>utf8_general_ci</td></tr><tr align=center><td>gender</td><td>CHAR</td><td>1</td><td>utf8_general_ci</td></tr><tr align=center><td>class</td><td>VARCHAR</td><td>20</td><td>utf8_general_ci</td></tr></table><br/>
 +
#插入資料（解答提示：使用 '''INSERT INTO''' 語法。）
 +
#*向 test_student 表插入至少 5 筆學生資料。<table class=nicetable style='width:50%'><tr><th align=center bgcolor=#F0F0F0 style='width:12.5%'><B>student_id</B></th><th align=center bgcolor=#F0F0F0 style='width:12.5%'><B>name</B></th><th align=center bgcolor=#F0F0F0 style='width:12.5%'><B>gender</B></th><th align=center bgcolor=#F0F0F0 style='width:12.5%'><B>class</B></th></tr><tr><td align=center>1</td><td align=center>王一明</td><td align=center>1</td><td align=center>A</td></tr><tr><td align=center>2</td><td align=center>王二明</td><td align=center>2</td><td align=center>B</td></tr><tr><td align=center>3</td><td align=center>王三明</td><td align=center>3</td><td align=center>A</td></tr><tr><td align=center>4</td><td align=center>王四明</td><td align=center>1</td><td align=center>B</td></tr><tr><td align=center>5</td><td align=center>王五明</td><td align=center>3</td><td align=center>B</td></tr></table><br/>
 +
#查詢資料（解答提示：使用 '''SELECT''' 語法，搭配 '''WHERE'''。）
 +
#*寫出查詢所有學生的姓名的語法。
 +
#*寫出查詢所有學生的年級的語法。
 +
#更新資料（解答提示：使用 '''UPDATE''' 語法。）
 +
#*請利用 MySQL語法，將學生編號為 1 的學生的年級更新為 4。
 +
#*請利用 MySQL語法，將學生編號為 2 的學生的年級更新為 4。
 +
#刪除資料（解答提示：使用 '''DELETE''' 語法。）
 +
#*請利用 MySQL語法，刪除一年級學生的記錄。
  
 
==提醒==
 
==提醒==
第 52 行： 第 252 行：
 
*MySQL已更新，網址也不一樣了<s>(原4.7.1)</s>
 
*MySQL已更新，網址也不一樣了<s>(原4.7.1)</s>
 
**http://jendo.org/adminer-4.8.1-mysql.php
 
**http://jendo.org/adminer-4.8.1-mysql.php
 +
#取消wiki自動目錄功能：&lt;<nowiki>__NOTOC__</nowiki>&gt;
 +
#文繞圖-取代^p-點兩次＝取消word生成換行圖示
  
 
==海星相關工作基本技巧==
 
==海星相關工作基本技巧==

2024年8月9日 (五) 16:41的最新修訂版本

林宜蓁

常用軟體

  1. OS：windows 11
  2. 文字編輯器：EmEditor
  3. 瀏覽器：Chrome，Edge
    • CTRL-U
  4. 檔案傳輸：Filezilla
  5. 點陣圖編修：Canva
  6. 向量圖編修：

待辦事項

  1. 四課程預報名
  2. 四月全民國防圓桌會議邀請函

林宜蓁 HTML 、 SVG 進度

  1. 維基共享資源丁丁上傳圖

3/11 進度

  1. SVG畫圓的語法
  2. ctrl-u叫出原始碼
  3. xml宣告、UTF-8萬國字盤、standalone='no'(使用預設標籤定義)
  4. 合體標籤:<circle/>
  5. 標籤、屬性、樣式
  6. 不同屬性用空格分開、不同樣式用分號分開
  7. 樣式名:值
  8. full-opacity透明度0-1、stroke-width:邊線粗度、stroke:black邊線黑色、fill:#三或六位色碼 填滿顏色

譚翰駿

常用軟體

  1. OS：iOS 14.1.2
  2. 文字編輯器：SublimeText
  3. 瀏覽器：Chrome
  4. 檔案傳輸：Filezilla
  5. 點陣圖編修：Canva

2/21工作備註

  1. 總務處借鑰匙
  2. 參與共筆頁線上會議討論四課程設定
    • 參與不歪樓理財課程助理
    • 備註經濟講座資料於共筆頁備存
  3. 學習基礎wiki語法
  4. 初步熟悉各工具網頁及功能
  5. 初步熟悉剪報作業

2/21待補辦事項

  1. 打辦公室鑰匙
  2. 辦理勞健保

2/26~29

  1. 已完成11篇剪報
  2. 全民國防邀請函擬定
  3. HTML語法基本練習中

3/4

  1. 已完成6篇剪報

  2. HTML語法基本練習中

3/5

  1. 已完成11篇剪報

  2. HTML語法基本練習中

3/6

  1. 已完成4篇剪報

3/8

  1. 已完成3/8號之剪報

3/12

  1. OST製圖大綱初版已上傳

  2. 已補齊2月入職前之2024剪報並已刪除相關圖檔

3/18

  1. 3/18,3/15剪報皆已完成

  2. 已上傳A4,A5尺寸之4/14全民國防教育探索OST 活動封面至網路檔案櫃

待辦事項

  1. 四課程名稱、文案、海報等
  2. 全促會相關
  3. 四月全民國防圓桌會議邀請函

譚翰駿 HTML 進度

一、基本概說

  • 簡單說明
    1. HTML 是何意：Hyper Text Markup Language, 建構網頁的基本語法，通常使用成對的標籤<>, </>
    2. HTML 與 HTTP(Hyper Text Transfer Protocol)與 HTTPS(Hyper Texy Transfer Protocol Security)
    3. 標籤必須成對
    4. 合體標籤
      • <br/>
      • <img…/>
      • <hr/>
      • <meta…/>
  • HTML 語法的三層結構：標籤，屬性，樣式 
<p align=right style='font-size:16pt;color:brown;font-family:標楷體'>段落文字</p>
  • 一個 HTML 檔的基本結構： 
<html>
	<head>
	關於本檔的描述，如：編碼、抬頭
	</head>
	<body>
	要顯示出來給人家看的部分
	</body>
</html>
  • 如何定義一次，引用多次？

二、已掌握標籤屬性樣式

  1. <title>
  2. <body>
  3. <h1>~<h6>
  4. <a> 標籤及其 href 屬性
  5. <img /> 標籤及其 src 屬性
  6. <p>
  7. <br />
  8. <hr />
  9. <ol>
  10. <ul>
  11. <li>
  12. <span>
  13. <style>
  14. href
  15. src
  16. style
  17. align
  18. font-size
  19. color
  20. width
  21. height
  22. <table>
  23. <tr>
  24. <td>
  25. <th>
  26. font-family
  27. font-weight
  28. border
  29. border-collapse
  30. class
  31. id

三、待掌握標籤及屬性樣式

  1. <head>
  2. <meta>
  3. <link>
  4. <form>
  5. http-equiv
  6. target
  7. xmlns
  8. type
  9. content

四、Word 自訂的 HTML 標籤

  1. 跳頁：
    <br style='page-break-before:always' />

五、沙盒

段落文字

  • 飛鴻語法筆記測試1st 
<p align=left style='color:green;font-size:20pt;font-family:標楷體'>HTML語法測試實作day1</P>

HTML語法測試實作day1


測試1;測試;測試3


范智鈞

wiki

  1. AAA
  • AAA
  • AA
    1. AA1

html

  1. 妳好
  • 妳好

妳好

你好

妳好

<a href='https://www.google.com.tw/' target='_blank'>Google</a>

妳好我叫
范智鈞

你好你好

你好

首頁

表格

　 　 　 　 　 　
第一欄 第二欄 第三欄 第四欄
ＯＯＯ ＯＯＯＯＯＯＯＯＯ
ＸＸＸ ＸＸＸＸＸＸＸＸＸ
123 123123123

MySQL

MySql 入門實作題

  • 目標： 熟悉 MySQL 基本語法，能夠進行簡單的資料庫操作與查詢。
  • 資料表：test_student
  • 題目：
  1. 建立資料表（解答提示：使用 CREATE TABLE 語法。）
    • 創建一個名為 test_student 的資料表。
    • 在 test_student 資料表中，根據下條件，設定資料表結構。
      第一欄第二欄第三欄第四欄
      student_idINT10utf8_general_ci
      nameVARCHAR50utf8_general_ci
      genderCHAR1utf8_general_ci
      classVARCHAR20utf8_general_ci

  2. 插入資料（解答提示：使用 INSERT INTO 語法。）
    • 向 test_student 表插入至少 5 筆學生資料。
      student_idnamegenderclass
      1王一明1A
      2王二明2B
      3王三明3A
      4王四明1B
      5王五明3B

  3. 查詢資料（解答提示：使用 SELECT 語法，搭配 WHERE。）
    • 寫出查詢所有學生的姓名的語法。
    • 寫出查詢所有學生的年級的語法。
  4. 更新資料（解答提示：使用 UPDATE 語法。）
    • 請利用 MySQL語法，將學生編號為 1 的學生的年級更新為 4。
    • 請利用 MySQL語法，將學生編號為 2 的學生的年級更新為 4。
  5. 刪除資料（解答提示：使用 DELETE 語法。）
    • 請利用 MySQL語法，刪除一年級學生的記錄。

提醒

  1. 取消wiki自動目錄功能：<__NOTOC__>
  2. 文繞圖-取代^p-點兩次＝取消word生成換行圖示

海星相關工作基本技巧

  • 面談與雙向選擇(選擇工作內容)
    1. 工作總覽
  • 建立帳號
    1. 告知網路資料庫密碼，DS216 上的 jendo 。(MySQL)
    2. 建立伺服器密碼(Filezilla)
    3. 建立諸 wiki 密碼
      • jendo.org/wiki1231
      • well-being-ng.net
      • quality-learning.net
    4. 建立工作日誌
      • 建立權限
        1. 到jendo資料庫，改todoUsers資料表
        2. 新增項目
        3. 輸入:名稱,email,FB名稱,密碼,權限數字
      • 新增/修改工作日誌
        1. 到http://jendo.org/jendo/6year/Calendar-.php，登入
        2. 插入一筆，開始時間，結束時間，事由，課表，插入
  • 學會更新 portable 軟體有需要再下載
    1. 更新項目
      • firefox
      • emEditor
      • ccleaner
      • filezilla
    2. 更新方法(firefox,emEditor,ccleaner)(以firefox為例，只有firefox需要經常更新)
      • 搜尋"firefox portable"
      • 下載"阿榮"提供的綠色版本
      • 任意修改原本的firefox資料夾名稱變成(ex.firefox-)
      • 解壓縮下載檔到D:\Programs\Copy
      • 移動原本資料中，\Data\中的"三個資料夾"至"新的資料夾"的\Data\
      • 刪除原本的"FirefoxPortable"資料夾
    3. 更新方法(FileZilla)
      • 開啟FileZilla
      • 說明-檢查更新-更新
      • 找到新下載的資料夾
      • 複製/備份一份到D:\Programs\Copy
      • 到"新下載的資料夾"裡，點擊UnInstall反安裝
    4. cccleaner定期清理方法
      • 開啟後稍等，在清道夫-分析，等到"分析"可點擊後，點擊"分析
      • 點擊開始清理，等綠條跑到100%
      • 重複上一步驟直到顯示"0 bytes 已被移除"
      • 登錄檔-掃描各種問題-修復選取的問題-修復所有選取的問題
      • 重複上一步驟直到顯示"找不到問題"
    5. 網頁清理方法
      • 清除最近歷史紀錄
  • wiki 入門
    1. Wiki 入門語法
  • MySQL使用入門
    1. 功能類似excel
  • 寄e-mail
    1. e-mail前要加上人名
    2. 特別檢查是否有更動
    3. 重要事項、需要對方回覆事項可增加字的背景色
    4. 字太多可改變字的大小、段落
  • 掃描器使用
    1. 多張連續掃描(待補充)
  • wiki 頁面輸出(輸出成其他格式)
    1. 在域名後插入/print.php/
    2. Enter後會進入簡報格式
    3. 可透過另存新檔下載
  • 影印店來往
    1. 黑心熊影印店
      • 曾經影印記錄(可作為估價的參考)
        1. 海星共識營手冊
          • 21頁/本，共35本，每本24元
  • 午餐環境介紹
  • 附近工作場所
    1. 新埔國中：雨農路Louisa Coffee
    2. 自強國中
  • 請看一下：工作入門，並略事編修，使自己看得懂、別人也看得懂。

其他

編輯網頁導航列

  1. well-being Wiki嵌入：頁名,顯示名稱
    • 維基頁內容會直接顯示出來
    • jendo目前還無法
  2. 網頁嵌入：
    • [網址],顯示名稱
    • 會直接跳到新的一頁

基本技能列表

姓名 丁志仁 游士賢 林芸伍 閉恩濡 黃鈴諭 鄭剴修 林怡廷
文字編輯器 Pages
wiki撰寫 ✔
HTML識讀 ✔
CSS引用
SVG基本
標籤/屬性/樣式		 ✔
Inkscape 應用 ✔
Fiezilla ✔
影片剪輯與廋身 ✔
HTML 到 Word
用 adminer 管資料庫 ✔
資源池注入
PHP
網站架設 免
伺服器管理 免
網站憑證管理 免
RWD 免
手機 APP 免
WEB 3.0 免
取自「http://jendo.org/wiki1231/index.php?title=新進秘書&oldid=59820」