討論:資訊基礎應用/李彥廷:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
wiki
wiki
第 45 行: 第 45 行:
 
**六種核心授權:1(必須姓名標示)×2(商業、非商業)×3(可改作、不可改作、相同方式分享)。
 
**六種核心授權:1(必須姓名標示)×2(商業、非商業)×3(可改作、不可改作、相同方式分享)。
 
*wiki 語法
 
*wiki 語法
 +
*口訣:
 +
**井號、星號、等號、中括號;
 +
**用空白行分段。
 +
*例如:
 +
<table class=nicetable>
 +
<tr><th>語法</th><th>顯示</th><th>說明</th></tr>
 +
<tr>
 +
<th><pre>
 +
#AAA
 +
#BBB
 +
#CCC
 +
</pre></th>
 +
<th>
 +
#AAA
 +
#BBB
 +
#CCC
 +
</th>
 +
<th>井號</th>
 +
</tr>
 +
<tr>
 +
<th><pre>
 +
*AAA
 +
*BBB
 +
*CCC
 +
</pre></th>
 +
<th>
 +
*AAA
 +
*BBB
 +
*CCC
 +
</th>
 +
<th>星號</th>
 +
</tr>
 +
<tr>
 +
<td><pre>
 +
*AA
 +
*#AA1
 +
*#AA2
 +
*BB
 +
*#BB1
 +
*#BB2
 +
</pre></td>
 +
<td>
 +
*AA
 +
*#AA1
 +
*#AA2
 +
*BB
 +
*#BB1
 +
*#BB2
 +
</td>
 +
<th>先星後井</th>
 +
</tr>
 +
<tr>
 +
<td><pre>
 +
#AA
 +
#*AA1
 +
#*AA2
 +
#BB
 +
#*BB1
 +
#*BB2
 +
</pre></td>
 +
<td>
 +
#AA
 +
#*AA1
 +
#*AA2
 +
#BB
 +
#*BB1
 +
#*BB2
 +
</td>
 +
<th>先井後星</th>
 +
</tr><tr>
 +
<td><pre>
 +
==中標==
 +
===小標===
 +
====小小標====
 +
=====加粗標=====
 +
======超小標======
 +
</pre></td>
 +
<td>
 +
<p style='font-size:150%;border-bottom:1px solid #aaa;'>中標</p>
 +
<p style='font-size:132%;font-weight:bold;'>小標</p>
 +
<p style='font-size:116%;font-weight:bold;'>小小標</p>
 +
<p style='font-size:100%;font-weight:bold;'>加粗標</p>
 +
<p style='font-size:80%;font-weight:bold;'>超小標</p>
 +
</td>
 +
<th>段落標題,等號多標題小</th>
 +
</tr>
 +
<tr>
 +
<td><pre>
 +
=大標=
 +
</pre></td>
 +
<td>
 +
<p style='font-size:188%;border-bottom:1px solid #aaa;'>大標</p>
 +
</td>
 +
<th>請不要用,這是留<br/>給議程題目用的。</th>
 +
</tr>
 +
<tr>
 +
<td><pre>
 +
[http://jendo.org 振鐸網站]
 +
格式:[URL 連結說明]
 +
</pre></td>
 +
<th>
 +
[http://jendo.org 振鐸網站]
 +
</th>
 +
<th>外部連結:一層中<br/>括號包著 URL,空<br/>白後放連結說明。</th>
 +
</tr>
 +
<tr>
 +
<td><pre>
 +
[[首頁|這是首頁]]
 +
格式:[[頁面名稱|連結說明]]
 +
中括號內也可只寫頁面名稱
 +
</pre></td>
 +
<th>
 +
[[首頁|這是首頁]]
 +
</th>
 +
<th>內部連結:兩層中括<br/>號包著「頁名」,豎<br/>槓(|)後放連結說明。</th>
 +
</tr>
 +
<tr>
 +
<td><pre>
 +
[[檔案:Go top.gif]]
 +
格式:[[檔案:檔名|圖長|圖寬|…]]
 +
</pre></td>
 +
<th>
 +
[[檔案:Go top.gif]]
 +
</th>
 +
<th>
 +
插入圖照也是內部連結<br/>
 +
。所以請先上傳圖照。<br/>
 +
請勿非法上傳圖照。</th>
 +
</tr>
 +
</table>
 +
<!--
 +
<tr>
 +
<th><pre>
 +
</pre></th>
 +
<th>
 +
</th>
 +
<th></th>
 +
</tr>
 +
</table>
 +
-->
 +
*重點:
 +
*#連續文字中,空行為分段。
 +
*#起一新段落之段落標題:在行首使用「== … ==」(或H標籤),等號 = 越少(或H越少)字越大。
 +
*#請'''不要'''只使用一個等號(<nowiki>=Heading=</nowiki>),這是留給頁名(title)用的段落標題。
 +
*#如使用者有編輯權限,每段都會出現編輯連結。
 +
*#當段落數多於等於4時(含子段落),自動生成「目錄」區塊。要抑制目錄區塊生成可在頁首下「<nowiki>__NOTOC__</nowiki>」指示。
 +
*#「*」開頭代表無序列表
 +
*#「#」開頭代表有序列表
 +
*#外部連結:<nowiki>[</nowiki>URL 連結說明](一層中括號包著 URL,空白後放連結說明)。
 +
*#內部連結:「<nowiki>[[</nowiki>名字空間:頁面名稱|連結說明]]」(兩層中括號包著「頁名」,豎槓(|)後放連結說明)。
 +
*#指向條目的內部連結,名字空間可省略,直接用「<nowiki>[[</nowiki>頁面名稱]]」。
 +
 
*wiki 的 word 適應。
 
*wiki 的 word 適應。
  

2018年1月16日 (二) 10:48的修訂版本

環境與工具

一、環境

二、工具與設定

  • firefox:因為它比chrome好用,功能精細和繁多。
  • filezilla:
    1. 在filezilla新增站台叫「DS216+(共用)」
      • 主機:6years.jendo.org
      • 協定:SFTP
      • 使用者:共用和李彥廷
      • 密碼:common和我自己個人的密碼
      • 字碼集:UTF-8
      • 在home/www裡面做做作業和練習(路徑就是網址)
      • 把EmEditor設為預設的編輯器。
  • EmEditor,一款文字編輯器。
    • 在fillezilla的「編輯/設定/檔案編輯」,選用「使用自訂編輯器」與「總是使用預設的編輯器」,並指定編輯器的路徑,把EmEditor和filezilla連結,每次要編輯都會自動開啟EmEditor。

HTML與HTTP

  • 發有者及發明年代
    • 柏納李:HTTP 的發明人,在 1990年12月25日 實現第一次的 HTTP 傳輸,1991年8月6日第一個網頁伺服器上線。1994年柏納-李宣布全球資訊網完全免費的,不申請專利權,不徵收專利費,因此,人人都能輕易用上全球資訊網。
  • HTML
    • HTML,超文件標示語言(HyperText Transfer Protocol),一種基礎技術,常與CSS、JavaScript一起被眾多網站用於設計令人賞心悅目的網頁、網頁應用程式以及行動應用程式的使用者介面。網頁瀏覽器可以讀取HTML檔案,並將其彩現成視覺化網頁。HTML描述了一個網站的結構語意隨著線索的呈現,使之成為一種標示語言而非程式語言。
    • HTML元素是構建網站的基石。HTML允許嵌入圖像與物件,並且可以用於建立互動式表單,它被用來結構化資訊——例如標題、段落和列表等等,也可用來在一定程度上描述文件的外觀和語意。HTML的語言形式為尖括弧包圍的HTML元素(如<html>),瀏覽器使用HTML標籤和指令碼來詮釋網頁內容,但不會將它們顯示在頁面上。
    • HTML可以嵌入如JavaScript的手稿語言,它們會影響HTML網頁的行為。網頁瀏覽器也可以參照階層式樣式表(CSS)來定義文字和其它元素的外觀與布局。維護HTML和CSS標準的組織全球資訊網協會(W3C)鼓勵人們使用CSS替代一些用於表現的HTML元素。
  • HTTP
    • 超文本傳輸協定(英文:HyperText Transfer Protocol,縮寫:HTTP)是一種用於分佈式、協作式和超媒體資訊系統的應用層協議。HTTP是全球資訊網的資料通訊的基礎。
    • 設計HTTP最初的目的是為了提供一種發布和接收HTML頁面的方法。通過HTTP或者HTTPS協定請求的資源由統一資源識別元(Uniform Resource Identifiers,URI)來標識。
    • HTTP的發展是由提姆·柏內茲-李於1989年在歐洲核子研究組織(CERN)所發起。HTTP的標準制定由全球資訊網協會(World Wide Web Consortium,W3C)和網際網路工程任務組(Internet Engineering Task Force,IETF)進行協調,最終發布了一系列的RFC,其中最著名的是1999年6月公布的,定義了HTTP協議中現今廣泛使用的一個版本——HTTP 1.1。
    • 2014年12月,網際網路工程任務組(IETF)的Hypertext Transfer Protocol Bis(httpbis)工作小組將HTTP/2標準提議遞交至IESG進行討論,於2015年2月17日被批准。HTTP/2標準於2015年5月正式發表,取代HTTP 1.1成為HTTP的實現標準。
  • xml
    • 可延伸標記式語言(英語:Extensible Markup Language,簡稱:XML),是一種標記式語言。標記指電腦所能理解的資訊符號,通過此種標記,電腦之間可以處理包含各種資訊的文章等。如何定義這些標記,既可以選擇國際通用的標記式語言,比如HTML,也可以使用像XML這樣由相關人士自由決定的標記式語言,這就是語言的可延伸性。XML是從標準通用標記式語言(SGML)中簡化修改出來的。它主要用到的有可延伸標記式語言、可延伸樣式語言(XSL)、XBRL和XPath等。

wiki

  • 何謂 wiki
    • Wiki是一種在全球資訊網上開放且可供多人協同創作的超文字系統,由沃德·坎寧安於1995年首先開發。沃德·坎寧安將wiki定義為「一種允許一群用戶用簡單的描述來建立和連線一組網頁的社會計算系統」。有些人認為,Wiki系統屬於一種人類知識的網路系統,我們可以在web的基礎上對Wiki文字進行瀏覽、創建和更改,而且這種創建、更改及發布的代價遠比HTML文字小;與此同時,Wiki系統還支援那些面向社群的協作式寫作,為協作式寫作提供了必要的幫助;最後Wiki的寫作者自然構成了一個社群,Wiki系統為這個社群提供了簡單的交流工具。與其它超文字系統相比,Wiki有使用簡便且開放的特點,可以幫助我們在一個社群內共享某個領域的知識。
    1. 分享式合作
    2. Wikipeida是Alexa流量統計前幾名唯一屬於公益性質的網站,其他皆是商業性的公司。
  • CC 授權
    • CC授權(Creative Commons,簡稱CC)
    • 諸標章:CC授權、姓名標示、非商業性、禁止改作、相同方式分享。
    • 限制者才有標章,不限制者沒有標章。
    • 六種核心授權:1(必須姓名標示)×2(商業、非商業)×3(可改作、不可改作、相同方式分享)。
  • wiki 語法
  • 口訣:
    • 井號、星號、等號、中括號;
    • 用空白行分段。
  • 例如:
語法顯示說明
#AAA
#BBB
#CCC
  1. AAA
  2. BBB
  3. CCC
井號
*AAA
*BBB
*CCC
  • AAA
  • BBB
  • CCC
星號
*AA
*#AA1
*#AA2
*BB
*#BB1
*#BB2
  • AA
    1. AA1
    2. AA2
  • BB
    1. BB1
    2. BB2
先星後井
#AA
#*AA1
#*AA2
#BB
#*BB1
#*BB2
  1. AA
    • AA1
    • AA2
  2. BB
    • BB1
    • BB2
先井後星
==中標==
===小標===
====小小標====
=====加粗標=====
======超小標======

中標

小標

小小標

加粗標

超小標

段落標題,等號多標題小
=大標=

大標

請不要用,這是留
給議程題目用的。
[http://jendo.org 振鐸網站]
格式:[URL 連結說明]

振鐸網站

外部連結:一層中
括號包著 URL,空
白後放連結說明。
[[首頁|這是首頁]]
格式:[[頁面名稱|連結說明]]
中括號內也可只寫頁面名稱

這是首頁

內部連結:兩層中括
號包著「頁名」,豎
槓(|)後放連結說明。
[[檔案:Go top.gif]]
格式:[[檔案:檔名|圖長|圖寬|…]]

Go top.gif

插入圖照也是內部連結
。所以請先上傳圖照。

請勿非法上傳圖照。
  • 重點:
    1. 連續文字中,空行為分段。
    2. 起一新段落之段落標題:在行首使用「== … ==」(或H標籤),等號 = 越少(或H越少)字越大。
    3. 不要只使用一個等號(=Heading=),這是留給頁名(title)用的段落標題。
    4. 如使用者有編輯權限,每段都會出現編輯連結。
    5. 當段落數多於等於4時(含子段落),自動生成「目錄」區塊。要抑制目錄區塊生成可在頁首下「__NOTOC__」指示。
    6. 「*」開頭代表無序列表
    7. 「#」開頭代表有序列表
    8. 外部連結:[URL 連結說明](一層中括號包著 URL,空白後放連結說明)。
    9. 內部連結:「[[名字空間:頁面名稱|連結說明]]」(兩層中括號包著「頁名」,豎槓(|)後放連結說明)。
    10. 指向條目的內部連結,名字空間可省略,直接用「[[頁面名稱]]」。
  • wiki 的 word 適應。

CSS

  • 何謂 CSS
    • 層疊樣式表(Cascading Style Sheets, CSS), 是用來描述HTML 或XML(包含SVG 或 XHTML 等各種XML 變形)文件外觀的樣式表語言。
  • 用法
  • 重要語法

SVG

一、概述

  • 何謂 SVG 。
  • 點陣圖與向量圖的比較(含附檔名)

二、基本架構

  • 基本架構
  • 基本樣式
  • 基本圖形

三、文字

四、位移、旋轉、縮放、歪斜

五、群組

六、定義一次,引用多次

七、漸層

(一)線性漸層

(二)放射漸層

八、柔焦濾鏡

九、path

十、動畫

Inkscape

GIS

  • 何謂 GIS ?
  • 兩種主要的 GIS 。
  • 基本框架。
  • marks
  • overlays
  • google 我的地圖
  • 結合我的地圖與 GIS

圖形計算機

  • 取得 svgdraw.php
  • 基本框架
  • 繪製基本圖形
  • 函式繪圖
  • google 圖形計算機