使用者討論:張鈞祺：修訂版本之間的差異

出自六年制學程
跳轉到： 導覽、 搜尋
（→‎2 HTML與HTTP）
（→‎3 wiki）
第 31 行： 第 31 行：
  
 
==3 wiki==
 
==3 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>
 +
-->
 +
 
==4 CSS==
 
==4 CSS==
 
==5 SVG==
 
==5 SVG==

2018年1月16日 (二) 11:31的修訂版本

1 環境以工具

1.1 一、環境

1.2 二、工具與設定

firefox

firefox優點 

1. 不容易中毒

2. 有精選網站功能


firefox缺點 

1. 沒有自己的搜尋引擎

2. 歷史紀錄資料不好找

filezilla EmEditor

2 HTML與HTTP

HTTP

HTTP的發展是由提姆·柏內茲-李於1989年在歐洲核子研究組織（CERN）所發起

HTML

HTML的首個公開描述出現於一個名為「HTML標籤」的檔案中，由提姆·柏內茲-李於1991年底提及

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

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

請勿非法上傳圖照。

4 CSS

5 SVG

5.1 一、概述

1：開啟fielzilla，連線至自己的站台管理員

2：home>www>SVG，在這個資料夾中，建立新檔案。

3：命名，然後記得要加入副檔名.svg

4：寫入程式碼。

5.2 二、基本架構

5.3 三、文字

svg文字範例

內碼 

<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='130' height='90'>
	<<text x='40' y='50' style='font-family:kaiti;fill:#00ff00'>張</text>
        <<text x='55' y='50' style='font-family:kaiti;fill:#ff0000'>鈞</text>
        <<text x='70' y='50' style='font-family:kaiti;fill:#0000ff'>祺</text>

<</svg>

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

5.5 五、群組

5.6 六、定義一次，引用多次

5.7 七、漸層

5.7.1 (一)線性漸層

<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='500' height='500'>
<defs>
	<linearGradient id='LG' x1='50%' y1='0%' x2='0%' y2='50%'>
		<stop offset='0%' style='stop-color:#00FF00;stop-opacity:1' />
		<stop offset='100%' style='stop-color:#00FFFF;stop-opacity:1' />
	</linearGradient>
</defs>
<rect width='500' height='500' x='0' y='0' stroke='red' fill='url(#LG)' />

<</svg>

5.7.2 (二)放射漸層


<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='750' height='750'>
<defs>
	<radialGradient id='r2' cx='50%' cy='50%' r='50%'>
		<stop offset='0%' stop-color='#99FFFF'></stop>
		<stop offset='30%' stop-color='#66FFFF'></stop>
		<stop offset='70%' stop-color=' #5599FF '></stop>
		<stop offset='100%' stop-color='#0000FF'></stop>
	</radialGradient>
</defs>
<circle cx='200' cy='200' r='200' fill='url(#r2)'/>

<</svg>

5.8 八、柔焦濾鏡

5.9 九、path

5.10 十、動畫

6 Inkscape

7 GIS

GIS基本指令 

<meta content='text/html;charset=utf-8' http-equiv='Content-Type'>
<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'></script>
<script type='text/javascript' src='http://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.3.min.js'></script>
<script>
$(function(){
	$('#map').goMap({
		zoom:17,
		markers:[

		],
	}); 
});
</script>
<<div align=center id='map' style='height:550px; width:900px;'>239新北市鶯歌區永明街58號</div>

8 圖形計算機

取自「http://well-being-ng.net/wiki1231/index.php?title=使用者討論:張鈞祺&oldid=37844」