2018年1月16日 (二) 19:28的最新修訂版本

學習筆記

9月5日

• table是開始，/table是結束
• IP
  1. IP4，最多表達到255字，IPV4一般網頁使用
  2. IP6，物聯網用
• 物聯網
  1. 物聯網簡單說一切事物，得失相兼
• 域名
  1. 域名伺服器(HOSTS)
• AI(人工智慧)
• FZ
  1. 調整 C:\Windows\System32\drivers\etc\hosts，新增一行「192.168.4.2 6years.jendo.org」，下課前#拿掉
  2. FZ:編輯>設定>檔案編輯>使用自訂編輯> Programs>Copy>EmEditor>總是使用預設編輯
  3. big5，早期，只有繁體中文
  4. UTF-8，萬國碼

9月12日

• 筆記網頁建設
  1. 登入後搜尋{資訊基礎應用/蕭卉均}
  2. 點一下，開始編輯
  3. 編輯完點儲存頁面
• 通訊錄
  1. <tr><td class='nicetable'>蕭卉均</td><td class='nicetable'>0939912983</td><td class='nicetable'>suzy92126@gmail.com</td></tr>
  2. 網頁表格

• 顏色

• borde=1.px(邊框)
• style(樣式)
• collapse(崩塌)
• solid(實線)

9月19日

• 重點整理

• 網頁顏色修改
  1. border:blue solid 2px;
• ID
  1. ID='ABC'，指定特有英文，能針對段落修改
• CSS
  1. https://zh.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8

9月26日

• wiki
  1. 分享式合作
  2. Wikipeida是Alexa流量統計前幾名唯一屬於公益性質的網站，其他皆是商業性的公司。
• 共享私人飛機
  1. http://hk.bbwc.cn/mjyugm.html
• 口決
  1. 井號、星號、等號、中括號；用空白行分段
• 圖照的引用

• 檔案:Go top.gif格式：檔案:檔名|圖長|圖寬|…
• CC
  1. CC授權(Creative Commons，簡稱CC)
  2. 諸標章：CC授權、姓名標示、非商業性、禁止改作、相同方式分享。
  3. 限制者才有標章，不限制者沒有標章。
  4. 六種核心授權：1(必須姓名標示)×2(商業、非商業)×3(可改作、不可改作、相同方式分享)。
• PIXE.=PX
• WIKI
  1. 單中括號，A
  2. 雙中括號，多為圖片用
• 圖片檔
  1. PNG:不失真，公開格式
  2. JPG:又名JEPG，失真，壓縮
  3. GIF:可動畫，256色
  4. SVG:又為向量圖，特色，放大不毛邊
  5. 發表權限，公司發表後50年，個人死後50年，美國修改為70年
• 文字表現
  1. 「''…''」代表所夾的字要拉斜。
  2. 「'''…'''」代表所夾的字要加粗
  3. 「{|」表格開始，其後可以加表格屬性；「|}」表格結束
  4. &GT；有些服藥與標籤相同，加&GT區隔

10月3日

以 word 打開

• 1. 找到「尺規」開關並打開
  2. 取消「檔案/選項/進階/顯示字元寬度單位」核取方塊
  3. 找出長寬
  4. 每 inch 2.54公分，72pt
  5. 開「履歷表.html」頁
  6. 在樣式定義中以「@page 某值{…}」設定 css
• 可用的定義：
  1. size:寬 長;
  2. margin:天 右 地 左
  3. mso-page-orientation:landscape 橫放
  4. mso-header-margin:頁首大小
  5. mso-footer-margin:頁尾大小

10月10日

• 國慶連假

10月17

• XML(標籤)
  1. MARKUP
  2. 指示
• XML.NS
  1. NAME SPACE
  2. HTML，註解
  3. charset屬性指定HTML文檔的字符編碼
• W3C
• padding(內距)
  1. 控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)
  2. 不可以設定負值，這點與 margin 不同
  3. padding:auto;：讓瀏覽器自己去設定
  4. padding:%;：讓瀏覽器自己去設定，跟邊界元素有關
• margin(邊沿)
  1. 控制一個區域(例如 DIV 或 span)的外邊界距離，俗稱外距
  2. 可以設定負値，會使得 margin 設定為負值的元素「疊」到另一個元素上(不過還是要視另一個元素所設定的邊界距離而定)。例如，我們將 A 區塊的 margin-bottom 設為 0 ， B 區塊的 margin-top 設為 -10px ，那麼 B 區塊的文字就會疊到 A 區塊的文字上
  3. margin:auto;：讓瀏覽器自己去設定
  4. margin:%;：讓瀏覽器自己去設定，跟邊界元素有關
• border(邊框)
  1. 邊框粗細：用長度表達
  2. 邊框顏色：可以使用色標準色碼或顏色的英文名稱表達
  3. 邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等
• 警號
  1. 三個數字，紅&綠&藍
  2. 六個數字，紅紅&綠綠&藍藍

10月24日

• svg放大不會不毛邊
• 用程式碼構成一張圖~~步驟
  1. 宣告格式(版本&字格式&是否獨立存在)
  2. SVG開始(格式的長寬)
  3. SVG結束
• polyline
• polygon
• circle

11月7日

• text.svg
• 在「text」標籤開始與結束之間夾字，可用中英文。而使用「屬性」來規定文字的表現，所有的屬性都可以改用樣式來表達。
• 可用中文字形：
  1. 屬性 dx 和 dy 基於前一個字的位置去做變化：值可為'10,20,30,40'，字的距離一個比一個更遠。
  2. 屬性 x 和 y 標示字的起點：值可為'10,20,30,40'，表示每個字的 x 或 y 座標。
  3. 屬性 fill 控制填入字的顏色，預設黑色
  4. 屬性 stroke 控制字描框的顏色，預設 none
  5. 屬性 rotate='30' 順時鐘轉30°。rotate='30,60,90,120,150,180,210'指定每個字的轉動角度。
  6. 用 style 控制字體、字形、尺寸，但顏色是用 fill 不是用 color 。

11月14日

• 今天學到線性漸層
  1. 漸層和濾鏡如果取中文名稱，瀏覽器還認得，但 Inkscape 和線上轉檔軟體就會不認得
  2. 在 defs 段落中定義漸層，並賦予 id
  3. 用 fill='url(#某id)' 屬性來引用既有的漸層定義
• linearGradient 線性漸層定義語法說明:
  1. 漸層標籤中的 100%，指的是整個圖形
  2. 其中的 id 屬性定出漸層名稱
• 放射漸層
• radialGradient 放設漸層定義語法說明:
  1. 漸層範圍：由 cx,cy,r 三個屬性決定，三個屬性都以百分比表示，漸層範圍是一個圓或橢圓
  2. 設色中心：由 fx,fy 兩個屬性決定的位置，就是設色為 0% 的地方，兩個屬性都以百分比表示
  3. 設色標籤 stop，漸層標籤包住數個 stop 標籤，每種顏色通過一個 stop 標籤來規定
  4. 以 ball3.svg 為例：漸層範圍為整個圓，因為 cx,cy,r 都是 50% ，而設色中心在中間下方，因為 fx='50%' fy='100%' ，此處是 stop 設為 0% 的顏色(白色)，而範圍圓週邊是 stop 設為 100% 的顏色(黑色)
• 柔焦濾鏡
• 濾鏡標籤 filter 語法說明:
  1. 其中的 id 屬性定出濾鏡名稱
  2. 也可以設 width,height,x,y 去定濾鏡範圍和起點，如沒設以整個圖形為範圍
  3. 高斯模糊濾鏡 feGaussianBlur ：濾鏡標籤包住數種不同效果的濾鏡，高斯模糊濾鏡是最簡單的濾鏡
  4. 高斯模糊濾鏡主要只有一個參數：stdDeviation(標準差)，用來控制模糊的程度，數字越大越模糊，數字為零則是圖片原本的狀態

11月21日

• 共通語法
  1. 將母圖形分拆成開始和結束兩標籤，中間插入動畫標籤
• 共通屬性
  1. attributeName
  2. type屬性之值(animateTransform專用)
  3. begin='幾s'：幾秒開始跑，通常設為 0s
  4. dur='幾s'：跑一輪要幾秒，可以設為 indefinite
  5. repeatCount='幾'：要跑幾輪，indefinite代表無限多輪，預設值為1
  6. from 開始狀態(animate,animateTransform有)
  7. to 結束狀態(set,animate,animateTransform有)
  8. path(animateMotion專用) 屬性為移動路徑：由 m 開始
  9. rotate='auto'(animateMotion專用) 圖形隨路徑曲度而轉折

11月28日

• .org，公共利益用
• .com﹐為工商適用

12月12日

• google map
  1. google釋出的地圖庫，公布了API使得用戶能夠建立自訂的應用。公開格式，但非公共版權內容
  2. 早期使用美國衛星，現在google公司有自己的衛星
  3. 用戶可以自訂店面，講白點，幫忙免費做白工，廣告費由google收
  4. google map，可以用任何語言收詢到經緯度座標
• OpenStreetMap
  1. (開放街圖，簡稱OSM)，於2004年由英國的 Steve Coast 發起，採用類似 Wiki 的協作編輯以及開放的授權與格式
• GIS 相關單字
• ʕ•ᴥ•ʔ✓=w=考試ʕ•ᴥ•ʔ
  1. zoom:放大或縮小畫面
  2. ✓overlay:覆蓋物，GIS中用複數overlays✓
  3. ✓marker:標記，GIS中代表地點標示，用複數markers✓
  4. address:地址
  5. latitude:緯度
  6. ✓longitude:經度✓
  7. coord:經緯度座標，GIS中代表地點標示，用複數coords
  8. map:地圖
  9. type:類別
  10. road:道路
  11. color:顏色
  12. fill:填滿
  13. radius:半徑
  14. html:超文件
  15. content:內容
  16. ✓popup:跳出✓
  17. ✓false:假的，不成立✓
  18. true:真的，成立
  19. ✓polyline:多點成線✓
  20. ✓polygon:多邊形✓
  21. ✓circle:圓形✓
  22. ✓rectangle：方形(矩形)✓
  23. ✓ROADMAP：道路地圖✓
  24. SATELLITE：衛星空照圖
  25. HYBRID：道路與空照圖相疊加
  26. TERRAIN：地形圖
• 引用ID，#
• [代表陣列]

12月19日

• 經緯度，1度=60分，1分=60秒
• 先南北，後東西

12月26日

• CN,簡體中文
• TW﹐繁體中文

1月2日