資訊基礎應用/蕭卉均

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

跳轉到: 導覽搜尋

學習筆記

九月五日

  • 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,萬國碼

九月十二日

  • 筆記網頁建設
    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(實線)

九月十九日

  • 重點整理
    1. Td標籤
      Style&class屬性
      Style樣式
      #XXX指定XXX
      • 網頁顏色修改
        1. border:blue solid 2px;
      • ID
        1. ID='ABC',指定特有英文,能針對段落修改
      • CSS
        1. 層疊樣式表,英語:Cascading Style Sheets,簡寫CSS,一種用來為結構化文件(如HTML文件或XML應用)添加樣式(字型、間距和顏色等)的電腦語言,由W3C定義和維護。目前最新版本是CSS2.1,為W3C的推薦標準。CSS3現在已被大部分現代瀏覽器支援,而下一版的CSS4仍在開發中。
        2. 優勢,網頁的讀者和作者都可以使用CSS來決定檔案的顏色、字型、排版等顯示特性。CSS最主要的目的是將檔案的內容與顯示分隔開來。這有許多好處:1檔案的可讀性加強2檔案的結構更加靈活3作者和讀者可以自己決定檔案的顯示4檔案的結構簡化了
        3. 語法,CSS由多組「規則」組成。每個規則由「選擇器」(selector)、「屬性」(property)和「值」(value)組成:選擇器(Selector):多個選擇器可以半形逗號(,)隔開。屬性(property):CSS1、CSS2、CSS3規定了許多的屬性,目的在控制選擇器的樣式。值(value):指屬性接受的設定值,多個關鍵字時大都以空格隔開。屬性和值之間用半形冒號(:)隔開,屬性和值合稱為「特性」。多個特性間用「;」隔開,最後用「{ }」括起來。
        4. 歷史,從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年為止,第三版還未完備。
        5. https://zh.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8

      九月二十六日

      • 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區隔

      十月三日

      以 word 打開

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

      十月十日

      • 國慶連假

      十月十七

      • 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. 六個數字,紅紅&綠綠&藍藍

      十月二四日

      • <?xml version='1.0' encoding='UTF-8' standalone='no'?><svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='12' height='12'><circle cx='6' cy='6' r='4' style='fill:#fff;stroke:blue;stroke-width:2;fill-opacity:0'/></svg>
        1. 開始與結束合一。
        2. 長度如省略單位,預設單位為 px。
        3. px可以使用小數點。
        4. 以左上為座標原點。
        5. 座標描述先 x 後 y 。
        6. stlye屬性中關於線條之樣式,也可以作為繪圖:
        7. stroke (線條顏色),
        8. stroke-width (線條寬度),
        9. stroke-opacity (線條顏色的透明度,合法的範圍是:0 - 1,0最透明,預設1),
        10. stroke-linecap (線條端點形狀,預設butt端點切齊、round以端點為圓心線寬為直徑畫圓、square以端點為中心線寬為邊長畫方形),
        11. stroke-linejoin (線條轉彎處樣式,預設miter尖角、round圓角、bevel斜角),
        12. stroke-miterlimit (尖角內外距/線寬的最大值,不設限則尖角可以拉長至無限長,預設為 4 倍),
        13. stroke-dasharray (預設none,代表實線。若為數字其值為一陣列,陣列值為線段中實線段長度與虛線段長度的交錯數字,通常是兩個數字一組,如果是奇數,則最後面自動加補第一個數字)
        14. stlye屬性中關於面之樣式:
        15. fill (填充顏色),
        16. fill-opacity (填充不透明,合法的範圍是:0 - 1,0最透明,預設1)。
        17. fill-rule (polygon等標籤有時會將內部分割成不同的區域,填色方式,預設nonzero全部同色、evenodd相鄰區域內部填色與外部填色交互填充、inherit繼承)選擇器 class,id 同 CSS 。
      1. 常見的簡易繪圖標籤:
        1. line(直線),屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第一點y座標)。
        2. polyline(多點成線),諸屬性如下:
        3. points:多點,點與點用空白間開,同一點 x y 座標以逗點間開。
        4. polygon(多邊形),也可以取五點畫出一個星形。諸屬性如下:
        5. points:多點,點與點用空白間開,同一點 x y 座標以逗點間開。
        6. circle(圓),諸屬性如下:
        7. cx(圓心x座標),cy(圓心y座標),r(半徑)
        8. rect(矩形),諸屬性如下:
        9. width(寬),height(高),省略起點則以原點為起點,x(起點x座標),y(起點y座標),rx(圓角x半徑),ry(圓角y半徑)
        10. ellipse(楕圓),諸屬性如下:
        11. cx(中心x座標),cy(中心x座標),rx(x軸半長),ry(y軸半長)。
      ===十一月七日===
取自「http://jendo.org/wiki1231/index.php?title=資訊基礎應用/蕭卉均&oldid=36304