資訊基礎應用/蕭卉均

出自六年制學程
在2017年12月12日 (二) 09:37由蕭卉均對話 | 貢獻所做的修訂版本

跳轉到: 導覽搜尋

學習筆記

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日