|
|
| 第 1 行： |
第 1 行： |
| − | ==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==
| |
| − | <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==
| |
| − | ==5 SVG==
| |
| − | ====5.1 一、概述====
| |
| − | '''1：開啟fielzilla，連線至自己的站台管理員'''
| |
| − |
| |
| − | '''2：home>www>SVG，在這個資料夾中，建立新檔案。'''
| |
| − |
| |
| − | '''3：命名，然後記得要加入副檔名.svg'''
| |
| − |
| |
| − | '''4：寫入程式碼。'''
| |
| − |
| |
| − | ====5.2 二、基本架構====
| |
| − | ====5.3 三、文字====
| |
| − | svg文字範例
| |
| − |
| |
| − | <img src ="http://6years.jendo.org/~%E5%BC%B5%E9%88%9E%E7%A5%BA/%E5%BC%B5%E9%88%9E%E7%A5%BA.svg">
| |
| − |
| |
| − | 內碼
| |
| − |
| |
| − | <pre><?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></pre>
| |
| − |
| |
| − | ====5.4 四、位移、旋轉、縮放、歪斜====
| |
| − | ====5.5 五、群組====
| |
| − | ====5.6 六、定義一次，引用多次====
| |
| − | ====5.7 七、漸層====
| |
| − | ====5.7.1 (一)線性漸層====
| |
| − |
| |
| − | <img src ="http://6years.jendo.org/~%E5%BC%B5%E9%88%9E%E7%A5%BA/%E8%97%8D%E7%B6%A0.svg">
| |
| − |
| |
| − | <pre><?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></pre>
| |
| − |
| |
| − | ====5.7.2 (二)放射漸層====
| |
| − | <img src ="http://6years.jendo.org/~%E5%BC%B5%E9%88%9E%E7%A5%BA/%E7%B1%83%E7%90%83.svg">
| |
| − |
| |
| − |
| |
| − | <pre><?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></pre>
| |
| − |
| |
| − | ====5.8 八、柔焦濾鏡====
| |
| − | ====5.9 九、path====
| |
| − | ====5.10 十、動畫====
| |
| − |
| |
| − | ==6 Inkscape==
| |
| − | ==7 GIS==
| |
| − | '''GIS基本指令'''
| |
| − |
| |
| − | <pre><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></pre>
| |
| − |
| |
| − | ==8 圖形計算機==
| |
| − | PHP是一種開源的通用電腦手稿語言，尤其適用於網路開發並可嵌入HTML中使用。PHP的語法借鑑吸收C語言、Java和Perl等流行電腦語言的特點，易於一般程式設計師學習。PHP的主要目標是允許網路開發人員快速編寫動態頁面，但PHP也被用於其他很多領域。[1]
| |
| − |
| |
| − | PHP最初是由勒多夫在1995年開始開發的；現在PHP的標準由the PHP Group[2]維護。PHP以PHP License作為許可協議，不過因為這個協議限制了PHP名稱的使用，所以和開放原始碼許可協議GPL不相容
| |
