資訊基礎應用/蕭卉均：修訂版本之間的差異
出自六年制學程
（→九月二十六日） |
（→1月2日） |
||
| （未顯示同用戶所作出之94次版本） | |||
| 第 1 行： | 第 1 行： | ||
[[分類:資訊基礎應用]] | [[分類:資訊基礎應用]] | ||
=學習筆記= | =學習筆記= | ||
| − | === | + | ===9月5日=== |
*table是開始，/table是結束 | *table是開始，/table是結束 | ||
*IP | *IP | ||
| 第 17 行： | 第 17 行： | ||
*#UTF-8，萬國碼 | *#UTF-8，萬國碼 | ||
| − | === | + | ===9月12日=== |
*筆記網頁建設 | *筆記網頁建設 | ||
*#登入後搜尋{資訊基礎應用/蕭卉均} | *#登入後搜尋{資訊基礎應用/蕭卉均} | ||
| 第 39 行： | 第 39 行： | ||
*solid(實線) | *solid(實線) | ||
| − | === | + | ===9月19日=== |
*重點整理 | *重點整理 | ||
| − | + | <table border=1> | |
<tr><td>Td</td><td>標籤</td></tr> | <tr><td>Td</td><td>標籤</td></tr> | ||
<tr><td>Style&class</td><td>屬性</td></tr> | <tr><td>Style&class</td><td>屬性</td></tr> | ||
| 第 52 行： | 第 52 行： | ||
*#ID='ABC'，指定特有英文，能針對段落修改 | *#ID='ABC'，指定特有英文，能針對段落修改 | ||
*CSS | *CSS | ||
| − | |||
| − | |||
| − | |||
| − | |||
*#https://zh.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8 | *#https://zh.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8 | ||
| − | === | + | |
| + | ===9月26日=== | ||
*wiki | *wiki | ||
*#分享式合作 | *#分享式合作 | ||
| 第 66 行： | 第 63 行： | ||
*#井號、星號、等號、中括號；用空白行分段 | *#井號、星號、等號、中括號；用空白行分段 | ||
*圖照的引用 | *圖照的引用 | ||
| − | [[File: | + | [[File:Palace of Westminster, London - Feb 2007.jpg|203px]] |
*檔案:Go top.gif格式：檔案:檔名|圖長|圖寬|… | *檔案:Go top.gif格式：檔案:檔名|圖長|圖寬|… | ||
| + | *CC | ||
| + | *#CC授權(Creative Commons，簡稱CC) | ||
| + | *#諸標章：CC授權、姓名標示、非商業性、禁止改作、相同方式分享。 | ||
| + | *#限制者才有標章，不限制者沒有標章。 | ||
| + | *#六種核心授權：1(必須姓名標示)×2(商業、非商業)×3(可改作、不可改作、相同方式分享)。 | ||
| + | *''PIXE.=PX'' | ||
| + | *WIKI | ||
| + | *#單中括號，A | ||
| + | *#雙中括號，多為圖片用 | ||
| + | *圖片檔 | ||
| + | *#PNG:不失真，公開格式 | ||
| + | *#JPG:又名JEPG，失真，壓縮 | ||
| + | *#GIF:可動畫，256色 | ||
| + | *#SVG:又為向量圖，特色，放大不毛邊 | ||
| + | *#發表權限，公司發表後50年，個人死後50年，美國修改為70年 | ||
| + | *文字表現 | ||
| + | *#「'''''''…'''''''」代表所夾的字要拉斜。 | ||
| + | *#「''''''''…''''''''」代表所夾的字要加粗 | ||
| + | *#「{|」表格開始，其後可以加表格屬性；「|}」表格結束 | ||
| + | *#>；有些服藥與標籤相同，加>區隔 | ||
| + | ===10月3日=== | ||
| + | 以 word 打開 | ||
| + | *#找到「尺規」開關並打開 | ||
| + | *#取消「檔案/選項/進階/顯示字元寬度單位」核取方塊 | ||
| + | *#找出長寬 | ||
| + | *#每 inch 2.54公分，72pt | ||
| + | *#開「履歷表.html」頁 | ||
| + | *#在樣式定義中以「@page 某值{…}」設定 css | ||
| + | *可用的定義： | ||
| + | *#size:寬 長; | ||
| + | *#margin:天 右 地 左 | ||
| + | *#mso-page-orientation:landscape 橫放 | ||
| + | *#mso-header-margin:頁首大小 | ||
| + | *#mso-footer-margin:頁尾大小 | ||
| + | |||
| + | ===10月10日=== | ||
| + | *國慶連假 | ||
| + | |||
| + | ===10月17=== | ||
| + | *XML(標籤) | ||
| + | *#MARKUP | ||
| + | *#指示 | ||
| + | *XML.NS | ||
| + | *#NAME SPACE | ||
| + | *#HTML，註解 | ||
| + | *#charset屬性指定HTML文檔的字符編碼 | ||
| + | *W3C | ||
| + | *padding(內距) | ||
| + | *#控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離) | ||
| + | *#不可以設定負值，這點與 margin 不同 | ||
| + | *#padding:auto;：讓瀏覽器自己去設定 | ||
| + | *#padding:%;：讓瀏覽器自己去設定，跟邊界元素有關 | ||
| + | *margin(邊沿) | ||
| + | *#控制一個區域(例如 DIV 或 span)的外邊界距離，俗稱外距 | ||
| + | *#可以設定負値，會使得 margin 設定為負值的元素「疊」到另一個元素上(不過還是要視另一個元素所設定的邊界距離而定)。例如，我們將 A 區塊的 margin-bottom 設為 0 ， B 區塊的 margin-top 設為 -10px ，那麼 B 區塊的文字就會疊到 A 區塊的文字上 | ||
| + | *#margin:auto;：讓瀏覽器自己去設定 | ||
| + | *#margin:%;：讓瀏覽器自己去設定，跟邊界元素有關 | ||
| + | *border(邊框) | ||
| + | *#邊框粗細：用長度表達 | ||
| + | *#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達 | ||
| + | *#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等 | ||
| + | *警號 | ||
| + | *#三個數字，紅&綠&藍 | ||
| + | *#六個數字，紅紅&綠綠&藍藍 | ||
| + | ===10月24日=== | ||
| + | *svg放大不會不毛邊 | ||
| + | *用程式碼構成一張圖~~步驟 | ||
| + | *#宣告格式(版本&字格式&是否獨立存在) | ||
| + | *#SVG開始(格式的長寬) | ||
| + | *#SVG結束 | ||
| + | *polyline | ||
| + | *polygon | ||
| + | *circle | ||
| + | |||
| + | ===11月7日=== | ||
| + | *text.svg | ||
| + | *在「text」標籤開始與結束之間夾字，可用中英文。而使用「屬性」來規定文字的表現，所有的屬性都可以改用樣式來表達。 | ||
| + | *可用中文字形： | ||
| + | *#屬性 dx 和 dy 基於前一個字的位置去做變化：值可為'10,20,30,40'，字的距離一個比一個更遠。 | ||
| + | *#屬性 x 和 y 標示字的起點：值可為'10,20,30,40'，表示每個字的 x 或 y 座標。 | ||
| + | *#屬性 fill 控制填入字的顏色，預設黑色 | ||
| + | *#屬性 stroke 控制字描框的顏色，預設 none | ||
| + | *#屬性 rotate='30' 順時鐘轉30°。rotate='30,60,90,120,150,180,210'指定每個字的轉動角度。 | ||
| + | *#用 style 控制字體、字形、尺寸，但顏色是用 fill 不是用 color 。 | ||
| + | ===11月14日=== | ||
| + | *今天學到線性漸層 | ||
| + | *#漸層和濾鏡如果取中文名稱，瀏覽器還認得，但 Inkscape 和線上轉檔軟體就會不認得 | ||
| + | *#在 defs 段落中定義漸層，並賦予 id | ||
| + | *#用 fill='url(#某id)' 屬性來引用既有的漸層定義 | ||
| + | *linearGradient 線性漸層定義語法說明: | ||
| + | *#漸層標籤中的 100%，指的是整個圖形 | ||
| + | *#其中的 id 屬性定出漸層名稱 | ||
| + | *放射漸層 | ||
| + | *radialGradient 放設漸層定義語法說明: | ||
| + | *#漸層範圍：由 cx,cy,r 三個屬性決定，三個屬性都以百分比表示，漸層範圍是一個圓或橢圓 | ||
| + | *#設色中心：由 fx,fy 兩個屬性決定的位置，就是設色為 0% 的地方，兩個屬性都以百分比表示 | ||
| + | *#設色標籤 stop，漸層標籤包住數個 stop 標籤，每種顏色通過一個 stop 標籤來規定 | ||
| + | *#以 ball3.svg 為例：漸層範圍為整個圓，因為 cx,cy,r 都是 50% ，而設色中心在中間下方，因為 fx='50%' fy='100%' ，此處是 stop 設為 0% 的顏色(白色)，而範圍圓週邊是 stop 設為 100% 的顏色(黑色) | ||
| + | *柔焦濾鏡 | ||
| + | *濾鏡標籤 filter 語法說明: | ||
| + | *#其中的 id 屬性定出濾鏡名稱 | ||
| + | *#也可以設 width,height,x,y 去定濾鏡範圍和起點，如沒設以整個圖形為範圍 | ||
| + | *#高斯模糊濾鏡 feGaussianBlur ：濾鏡標籤包住數種不同效果的濾鏡，高斯模糊濾鏡是最簡單的濾鏡 | ||
| + | *#高斯模糊濾鏡主要只有一個參數：stdDeviation(標準差)，用來控制模糊的程度，數字越大越模糊，數字為零則是圖片原本的狀態 | ||
| + | ===11月21日=== | ||
| + | *共通語法 | ||
| + | *#將母圖形分拆成開始和結束兩標籤，中間插入動畫標籤 | ||
| + | *共通屬性 | ||
| + | *#attributeName | ||
| + | *#type屬性之值(animateTransform專用) | ||
| + | *#begin='幾s'：幾秒開始跑，通常設為 0s | ||
| + | *#dur='幾s'：跑一輪要幾秒，可以設為 indefinite | ||
| + | *#repeatCount='幾'：要跑幾輪，indefinite代表無限多輪，預設值為1 | ||
| + | *#from 開始狀態(animate,animateTransform有) | ||
| + | *#to 結束狀態(set,animate,animateTransform有) | ||
| + | *#path(animateMotion專用) 屬性為移動路徑：由 m 開始 | ||
| + | *#rotate='auto'(animateMotion專用) 圖形隨路徑曲度而轉折 | ||
| + | ===11月28日=== | ||
| + | *.org，公共利益用 | ||
| + | *.com﹐為工商適用 | ||
| + | ===12月12日=== | ||
| + | *google map | ||
| + | *#google釋出的地圖庫，公布了API使得用戶能夠建立自訂的應用。公開格式，但非公共版權內容 | ||
| + | *#早期使用美國衛星，現在google公司有自己的衛星 | ||
| + | *#用戶可以自訂店面，講白點，幫忙免費做白工，廣告費由google收 | ||
| + | *#google map，可以用任何語言收詢到經緯度座標 | ||
| + | *OpenStreetMap | ||
| + | *#(開放街圖，簡稱OSM)，於2004年由英國的 Steve Coast 發起，採用類似 Wiki 的協作編輯以及開放的授權與格式 | ||
| + | *GIS 相關單字 | ||
| + | *ʕ•ᴥ•ʔ✓=w=考試ʕ•ᴥ•ʔ | ||
| + | *#zoom:放大或縮小畫面 | ||
| + | *#✓overlay:覆蓋物，GIS中用複數overlays✓ | ||
| + | *#✓marker:標記，GIS中代表地點標示，用複數markers✓ | ||
| + | *#address:地址 | ||
| + | *#latitude:緯度 | ||
| + | *#✓longitude:經度✓ | ||
| + | *#coord:經緯度座標，GIS中代表地點標示，用複數coords | ||
| + | *#map:地圖 | ||
| + | *#type:類別 | ||
| + | *#road:道路 | ||
| + | *#color:顏色 | ||
| + | *#fill:填滿 | ||
| + | *#radius:半徑 | ||
| + | *#html:超文件 | ||
| + | *#content:內容 | ||
| + | *#✓popup:跳出✓ | ||
| + | *#✓false:假的，不成立✓ | ||
| + | *#true:真的，成立 | ||
| + | *#✓polyline:多點成線✓ | ||
| + | *#✓polygon:多邊形✓ | ||
| + | *#✓circle:圓形✓ | ||
| + | *#✓rectangle：方形(矩形)✓ | ||
| + | *#✓ROADMAP：道路地圖✓ | ||
| + | *#SATELLITE：衛星空照圖 | ||
| + | *#HYBRID：道路與空照圖相疊加 | ||
| + | *#TERRAIN：地形圖 | ||
| + | *引用ID，# | ||
| + | *[代表陣列] | ||
| + | ===12月19日=== | ||
| + | *經緯度，1度=60分，1分=60秒 | ||
| + | *先南北，後東西 | ||
| + | ===12月26日=== | ||
| + | *CN,簡體中文 | ||
| + | *TW﹐繁體中文 | ||
| + | ===1月2日=== | ||
2018年1月16日 (二) 19:28的最新修訂版本
目錄
學習筆記
9月5日
- table是開始，/table是結束
- IP
- IP4，最多表達到255字，IPV4一般網頁使用
- IP6，物聯網用
- 物聯網
- 物聯網簡單說一切事物，得失相兼
- 域名
- 域名伺服器(HOSTS)
- AI(人工智慧)
- FZ
- 調整 C:\Windows\System32\drivers\etc\hosts，新增一行「192.168.4.2 6years.jendo.org」，下課前#拿掉
- FZ:編輯>設定>檔案編輯>使用自訂編輯> Programs>Copy>EmEditor>總是使用預設編輯
- big5，早期，只有繁體中文
- UTF-8，萬國碼
9月12日
- 筆記網頁建設
- 登入後搜尋{資訊基礎應用/蕭卉均}
- 點一下，開始編輯
- 編輯完點儲存頁面
- 通訊錄
- <tr><td class='nicetable'>蕭卉均</td><td class='nicetable'>0939912983</td><td class='nicetable'>suzy92126@gmail.com</td></tr>
- 網頁表格
| 蕭卉均 | 0939912983 | suzy92126@gmail.com |
- 顏色
| 紅色 | foo | 綠色 | ofo |
| 藍色 | oof | 白色 | fff |
| 黑色 | ooo | 灰色 | aaa |
- borde=1.px(邊框)
- style(樣式)
- collapse(崩塌)
- solid(實線)
9月19日
- 重點整理
| Td | 標籤 |
| Style&class | 屬性 |
| Style | 樣式 |
| #XXX | 指定XXX |
- 網頁顏色修改
- border:blue solid 2px;
- ID
- ID='ABC'，指定特有英文，能針對段落修改
- CSS
9月26日
- wiki
- 分享式合作
- Wikipeida是Alexa流量統計前幾名唯一屬於公益性質的網站，其他皆是商業性的公司。
- 共享私人飛機
- 口決
- 井號、星號、等號、中括號；用空白行分段
- 圖照的引用
- 檔案:Go top.gif格式：檔案:檔名|圖長|圖寬|…
- CC
- CC授權(Creative Commons，簡稱CC)
- 諸標章：CC授權、姓名標示、非商業性、禁止改作、相同方式分享。
- 限制者才有標章，不限制者沒有標章。
- 六種核心授權：1(必須姓名標示)×2(商業、非商業)×3(可改作、不可改作、相同方式分享)。
- PIXE.=PX
- WIKI
- 單中括號，A
- 雙中括號，多為圖片用
- 圖片檔
- PNG:不失真，公開格式
- JPG:又名JEPG，失真，壓縮
- GIF:可動畫，256色
- SVG:又為向量圖，特色，放大不毛邊
- 發表權限，公司發表後50年，個人死後50年，美國修改為70年
- 文字表現
- 「''…''」代表所夾的字要拉斜。
- 「'''…'''」代表所夾的字要加粗
- 「{|」表格開始，其後可以加表格屬性；「|}」表格結束
- >；有些服藥與標籤相同，加>區隔
10月3日
以 word 打開
- 找到「尺規」開關並打開
- 取消「檔案/選項/進階/顯示字元寬度單位」核取方塊
- 找出長寬
- 每 inch 2.54公分，72pt
- 開「履歷表.html」頁
- 在樣式定義中以「@page 某值{…}」設定 css
- 可用的定義：
- size:寬 長;
- margin:天 右 地 左
- mso-page-orientation:landscape 橫放
- mso-header-margin:頁首大小
- mso-footer-margin:頁尾大小
10月10日
- 國慶連假
10月17
- XML(標籤)
- MARKUP
- 指示
- XML.NS
- NAME SPACE
- HTML，註解
- charset屬性指定HTML文檔的字符編碼
- W3C
- padding(內距)
- 控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)
- 不可以設定負值，這點與 margin 不同
- padding:auto;：讓瀏覽器自己去設定
- padding:%;：讓瀏覽器自己去設定，跟邊界元素有關
- margin(邊沿)
- 控制一個區域(例如 DIV 或 span)的外邊界距離，俗稱外距
- 可以設定負値，會使得 margin 設定為負值的元素「疊」到另一個元素上(不過還是要視另一個元素所設定的邊界距離而定)。例如，我們將 A 區塊的 margin-bottom 設為 0 ， B 區塊的 margin-top 設為 -10px ，那麼 B 區塊的文字就會疊到 A 區塊的文字上
- margin:auto;：讓瀏覽器自己去設定
- margin:%;：讓瀏覽器自己去設定，跟邊界元素有關
- border(邊框)
- 邊框粗細：用長度表達
- 邊框顏色：可以使用色標準色碼或顏色的英文名稱表達
- 邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等
- 警號
- 三個數字，紅&綠&藍
- 六個數字，紅紅&綠綠&藍藍
10月24日
- svg放大不會不毛邊
- 用程式碼構成一張圖~~步驟
- 宣告格式(版本&字格式&是否獨立存在)
- SVG開始(格式的長寬)
- SVG結束
- polyline
- polygon
- circle
11月7日
- text.svg
- 在「text」標籤開始與結束之間夾字，可用中英文。而使用「屬性」來規定文字的表現，所有的屬性都可以改用樣式來表達。
- 可用中文字形：
- 屬性 dx 和 dy 基於前一個字的位置去做變化：值可為'10,20,30,40'，字的距離一個比一個更遠。
- 屬性 x 和 y 標示字的起點：值可為'10,20,30,40'，表示每個字的 x 或 y 座標。
- 屬性 fill 控制填入字的顏色，預設黑色
- 屬性 stroke 控制字描框的顏色，預設 none
- 屬性 rotate='30' 順時鐘轉30°。rotate='30,60,90,120,150,180,210'指定每個字的轉動角度。
- 用 style 控制字體、字形、尺寸，但顏色是用 fill 不是用 color 。
11月14日
- 今天學到線性漸層
- 漸層和濾鏡如果取中文名稱，瀏覽器還認得，但 Inkscape 和線上轉檔軟體就會不認得
- 在 defs 段落中定義漸層，並賦予 id
- 用 fill='url(#某id)' 屬性來引用既有的漸層定義
- linearGradient 線性漸層定義語法說明:
- 漸層標籤中的 100%，指的是整個圖形
- 其中的 id 屬性定出漸層名稱
- 放射漸層
- radialGradient 放設漸層定義語法說明:
- 漸層範圍：由 cx,cy,r 三個屬性決定，三個屬性都以百分比表示，漸層範圍是一個圓或橢圓
- 設色中心：由 fx,fy 兩個屬性決定的位置，就是設色為 0% 的地方，兩個屬性都以百分比表示
- 設色標籤 stop，漸層標籤包住數個 stop 標籤，每種顏色通過一個 stop 標籤來規定
- 以 ball3.svg 為例：漸層範圍為整個圓，因為 cx,cy,r 都是 50% ，而設色中心在中間下方，因為 fx='50%' fy='100%' ，此處是 stop 設為 0% 的顏色(白色)，而範圍圓週邊是 stop 設為 100% 的顏色(黑色)
- 柔焦濾鏡
- 濾鏡標籤 filter 語法說明:
- 其中的 id 屬性定出濾鏡名稱
- 也可以設 width,height,x,y 去定濾鏡範圍和起點，如沒設以整個圖形為範圍
- 高斯模糊濾鏡 feGaussianBlur ：濾鏡標籤包住數種不同效果的濾鏡，高斯模糊濾鏡是最簡單的濾鏡
- 高斯模糊濾鏡主要只有一個參數：stdDeviation(標準差)，用來控制模糊的程度，數字越大越模糊，數字為零則是圖片原本的狀態
11月21日
- 共通語法
- 將母圖形分拆成開始和結束兩標籤，中間插入動畫標籤
- 共通屬性
- attributeName
- type屬性之值(animateTransform專用)
- begin='幾s'：幾秒開始跑，通常設為 0s
- dur='幾s'：跑一輪要幾秒，可以設為 indefinite
- repeatCount='幾'：要跑幾輪，indefinite代表無限多輪，預設值為1
- from 開始狀態(animate,animateTransform有)
- to 結束狀態(set,animate,animateTransform有)
- path(animateMotion專用) 屬性為移動路徑：由 m 開始
- rotate='auto'(animateMotion專用) 圖形隨路徑曲度而轉折
11月28日
- .org，公共利益用
- .com﹐為工商適用
12月12日
- google map
- google釋出的地圖庫，公布了API使得用戶能夠建立自訂的應用。公開格式，但非公共版權內容
- 早期使用美國衛星，現在google公司有自己的衛星
- 用戶可以自訂店面，講白點，幫忙免費做白工，廣告費由google收
- google map，可以用任何語言收詢到經緯度座標
- OpenStreetMap
- (開放街圖，簡稱OSM)，於2004年由英國的 Steve Coast 發起，採用類似 Wiki 的協作編輯以及開放的授權與格式
- GIS 相關單字
- ʕ•ᴥ•ʔ✓=w=考試ʕ•ᴥ•ʔ
- zoom:放大或縮小畫面
- ✓overlay:覆蓋物，GIS中用複數overlays✓
- ✓marker:標記，GIS中代表地點標示，用複數markers✓
- address:地址
- latitude:緯度
- ✓longitude:經度✓
- coord:經緯度座標，GIS中代表地點標示，用複數coords
- map:地圖
- type:類別
- road:道路
- color:顏色
- fill:填滿
- radius:半徑
- html:超文件
- content:內容
- ✓popup:跳出✓
- ✓false:假的，不成立✓
- true:真的，成立
- ✓polyline:多點成線✓
- ✓polygon:多邊形✓
- ✓circle:圓形✓
- ✓rectangle：方形(矩形)✓
- ✓ROADMAP：道路地圖✓
- SATELLITE：衛星空照圖
- HYBRID：道路與空照圖相疊加
- TERRAIN：地形圖
- 引用ID，#
- [代表陣列]
12月19日
- 經緯度，1度=60分，1分=60秒
- 先南北，後東西
12月26日
- CN,簡體中文
- TW﹐繁體中文
