資訊基礎應用/蕭卉均：修訂版本之間的差異

出自六年制學程
跳轉到： 導覽、 搜尋
（→‎11月7日）
（→‎1月2日）
 
（未顯示同用戶所作出之24次版本）
第 41 行： 第 41 行：
 
===9月19日===
 
===9月19日===
 
*重點整理
 
*重點整理
−
*#<table border=1>
+
<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
−
*#層疊樣式表，英語：Cascading Style Sheets，簡寫CSS，一種用來為結構化文件（如HTML文件或XML應用）添加樣式（字型、間距和顏色等）的電腦語言，由W3C定義和維護。目前最新版本是CSS2.1，為W3C的推薦標準。CSS3現在已被大部分現代瀏覽器支援，而下一版的CSS4仍在開發中。
 
−
*#優勢，網頁的讀者和作者都可以使用CSS來決定檔案的顏色、字型、排版等顯示特性。CSS最主要的目的是將檔案的內容與顯示分隔開來。這有許多好處：1檔案的可讀性加強2檔案的結構更加靈活3作者和讀者可以自己決定檔案的顯示4檔案的結構簡化了
 
−
*#語法，CSS由多組「規則」組成。每個規則由「選擇器」（selector）、「屬性」（property）和「值」（value）組成：選擇器（Selector）：多個選擇器可以半形逗號（,）隔開。屬性（property）：CSS1、CSS2、CSS3規定了許多的屬性，目的在控制選擇器的樣式。值（value）：指屬性接受的設定值，多個關鍵字時大都以空格隔開。屬性和值之間用半形冒號（:）隔開，屬性和值合稱為「特性」。多個特性間用「;」隔開，最後用「{ }」括起來。
 
−
*#歷史，從1990年代初HTML被發明開始，樣式表就以各種形式出現了，不同的瀏覽器結合了它們各自的樣式語言，讀者可以使用這些樣式語言來調節網頁的顯示方式。一開始樣式表是給讀者用的，最初的HTML版本只含有很少的顯示屬性，讀者來決定網頁應該怎樣被顯示。但隨著HTML的成長，為了滿足設計師的要求，HTML獲得了很多顯示功能。隨著這些功能的增加外來定義樣式的語言越來越沒有意義了。1994年哈肯·維姆·萊提出了CSS的最初建議。伯特·波斯（Bert Bos）當時正在設計一個叫做「Argo」的瀏覽器，他們決定一起合作設計CSS。當時已經有過一些樣式表語言的建議了，但CSS是第一個含有「層疊」的主意的。在CSS中，一個檔案的樣式可以從其他的樣式表中繼承下來。讀者在有些地方可以使用他自己更喜歡的樣式，在其他地方則繼承，或「層疊」作者的樣式。這種層疊的方式使作者和讀者都可以靈活地加入自己的設計，混合各人的愛好。哈肯於1994年在芝加哥的一次會議上第一次展示了CSS的建議，1995年他與波斯一起再次展示這個建議。當時W3C剛剛建立，W3C對CSS的發展很感興趣，它為此組織了一次討論會。哈肯、波斯和其他一些人（比如微軟的托馬斯·里爾登）是這個專案的主要技術負責人。1996年底，CSS已經完成。1996年12月CSS要求的第一版本被出版。1997年初，W3C內組織了專門管CSS的工作群組，其負責人是克里斯·里雷。這個工作群組開始討論第一版中沒有涉及到的問題，其結果是1998年5月出版的第二版要求。到2017年為止，第三版還未完備。
 
 
*#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日===
 
===9月26日===
 
*wiki
 
*wiki
第 96 行： 第 93 行：
 
*#開「履歷表.html」頁
 
*#開「履歷表.html」頁
 
*#在樣式定義中以「@page 某值{…}」設定 css
 
*#在樣式定義中以「@page 某值{…}」設定 css
−
*#在顯示區中以「<div style='page:某值;'>」
 
 
*可用的定義：
 
*可用的定義：
 
*#size:寬 長;
 
*#size:寬 長;
第 103 行： 第 99 行：
 
*#mso-header-margin:頁首大小
 
*#mso-header-margin:頁首大小
 
*#mso-footer-margin:頁尾大小
 
*#mso-footer-margin:頁尾大小
 +
 
===10月10日===
 
===10月10日===
 
*國慶連假
 
*國慶連假
第 144 行： 第 141 行：
 
===11月7日===
 
===11月7日===
 
*text.svg
 
*text.svg
−
*#在「text」標籤開始與結束之間夾字，可用中英文。而使用「屬性」來規定文字的表現，所有的屬性都可以改用樣式來表達。
+
*在「text」標籤開始與結束之間夾字，可用中英文。而使用「屬性」來規定文字的表現，所有的屬性都可以改用樣式來表達。
−
*#可用中文字形：
+
*可用中文字形：
−
1.屬性 dx 和 dy 基於前一個字的位置去做變化：值可為'10,20,30,40'，字的距離一個比一個更遠。
+
*#屬性 dx 和 dy 基於前一個字的位置去做變化：值可為'10,20,30,40'，字的距離一個比一個更遠。
−
2.屬性 x 和 y 標示字的起點：值可為'10,20,30,40'，表示每個字的 x 或 y 座標。
+
*#屬性 x 和 y 標示字的起點：值可為'10,20,30,40'，表示每個字的 x 或 y 座標。
−
3.屬性 fill 控制填入字的顏色，預設黑色
+
*#屬性 fill 控制填入字的顏色，預設黑色
−
4.屬性 stroke 控制字描框的顏色，預設 none
+
*#屬性 stroke 控制字描框的顏色，預設 none
−
5.屬性 rotate='30' 順時鐘轉30°。rotate='30,60,90,120,150,180,210'指定每個字的轉動角度。
+
*#屬性 rotate='30' 順時鐘轉30°。rotate='30,60,90,120,150,180,210'指定每個字的轉動角度。
−
6.用 style 控制字體、字形、尺寸，但顏色是用 fill 不是用 color 。
+
*#用 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
    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. 網頁表格
蕭卉均0939912983suzy92126@gmail.com
  • 顏色
紅色foo綠色ofo
藍色oof白色fff
黑色ooo灰色aaa
  • borde=1.px(邊框)
  • style(樣式)
  • collapse(崩塌)
  • solid(實線)

9月19日

  • 重點整理
Td標籤
Style&class屬性
Style樣式
#XXX指定XXX

9月26日

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

Palace of Westminster, London - Feb 2007.jpg

  • 檔案: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日

取自「http://nice-learning.tw/wiki1231/index.php?title=資訊基礎應用/蕭卉均&oldid=37926」