正在編輯 2018淡水維基館Wiki寫作工作坊/工作坊講義

<div style="border-radius: 5px;"><p align='center'><font size="3" face="微軟正黑體">[[首頁|網站首頁]]　|　[[2018淡水維基館Wiki寫作工作坊|活動首頁]]　|　[[2018淡水維基館Wiki寫作工作坊/參加者練習頁面|參加者練習頁面]]　|　[https://docs.google.com/forms/d/e/1FAIpQLSe3s6IJvzav9kXx1J8u6rycplu_qUNCXEau2sjnjBffVSOIXg/viewform?usp=sf_link 活動回饋問卷]　|　[[2018淡水維基館Wiki寫作工作坊/工作坊講義|工作坊講義]]　</font></p></div>
淡水維基館是一個以WIKI共筆技術而製的知識整合平台，它的特色就是可讓使用者隨時上去編輯，把各位的知識彙整，以下將介紹一些基本的操作簡介：<br>
(此版講義因網站的關係，故無法把圖片完全附上，若要看完整圖片版講義請看紙本講義，連結網址[https://drive.google.com/file/d/1j6gO9et7YclJ5ANM-0UD0oJ0PRoG_53A/view?usp=sharing 請點此])
==註冊帳號==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：
#連到淡水維基館的網站（http://tamsui.dils.tku.edu.tw/<nowiki>）並點選維基館首頁右上角「建立帳戶」。</nowiki>
#點進去後，填寫表單所要求的資料欄位，填寫完畢後點下「建立帳號」<font color="red">(特別注意！本站為了防止駭客機器人大量註冊帳號，故需在此欄位輸入指定的數字（「」中的數字）才可完成註冊。)
</font>
#系統會發送帳戶確認信到您填寫的信箱，必須前往您的信箱找到該信才可完成忘記帳密功能的開通。（若沒收到信，請稍待一會或是確認信箱中的垃圾信件，若仍沒有請洽網站管理員。）
</DIV>
</font>

==編輯內文==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：
#進入頁面後，點選內文頁面右上角的「編輯」，即可進入編輯頁面
若您只想編輯單一區塊，你可以使用以下的編輯方式，節省找尋該區塊語法來編輯的時間：
#首先選擇您要編輯的區塊，並點選該區塊的標題旁的「編輯」字樣，即可只對該區塊的內容進行編輯。
</DIV>
</font>

==預覽/儲存 內文==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：
當編寫完內文後，可以先預覽格式、內容是否已無錯誤，以下將介紹如何預覽編輯過後的內文。
#編輯完後，先捲到頁面最下方，會看到「顯示預覽」按鈕，點下網站即會生成預覽頁面
<font color="red">　　請注意！！這只是預覽，您所編輯的內容尚未儲存，若您貿然按上一頁或是關閉視窗，您所編輯的內容將不會被儲存。</font><br>
但要如何儲存？下面將介紹如何儲存
#將頁面捲到最下方，會看到「儲存頁面」
#點下後，系統會要你輸入括號中指定的數字或字母，請輸入之並按下「Enter」，網站才會儲存您所編輯的內容，並轉跳回頁面，此時資料已儲存，才可關閉網頁。
</DIV>
</font>

==各級標題==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：淡水維基館總共有六種級別標題可供使用，然而編輯時最常使用的是二、三級標題，以下將介紹各級標題的撰寫方式
*'''語法'''：等號<code> = </code>愈少，就標題愈大哦！(本館常用的層級為 '''標題2''' 和 '''標題3''')。
<pre>
=標題1=
==標題2==
===標題3===
====標題4====
=====標題5=====
======標題6======
</pre>
*'''呈現畫面'''：
=標題1=
==標題2==
===標題3===
====標題4====
=====標題5=====
======標題6======

</DIV>
</font>

==內文段落內縮==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：有時在編寫內文段落時，第一行時常要空兩格，但是在本站不能直接按下兩次空白鍵，否則就會向下面的圖示一樣，發現自己所打的文字被框在灰框內。
  內文內文內文內文內文內文內文內文內文內文內文內文內文內文
那要如何才能有短落內縮的效果呢？只要在您要內縮的地方輸入一個全形的空格，就可達成段落內縮的效果。（半、全形切換方式：shift+空白鍵）
*'''呈現畫面'''：
　內文內文內文內文內文內文內文<br>內文內文內文內文內文內文內文
</DIV>
</font>

==分段==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：如何將文章進行分段？在本站並非像word一樣只按一個Enter就有效果，若只按一個Enter會像下圖一樣，只空了一格但第一段和第二段仍在同一行：
<pre>
我是第一段內文我是第一段內文我是第一段內文
我是第二段內文我是第二段內文我是第二段內文
</pre>
　在維基語法中分段語法和一般是不同的，以下將介紹兩種分段方法：<br><br>
1.按兩次Enter：
*'''語法'''：
<pre> 
我是第一段內文我是第一段內文我是第一段內文

我是第二段內文我是第二段內文我是第二段內文
</pre>
2.輸入網頁（HTML）語法中的換行語法：
*'''語法'''：
<pre> 
我是第一段內文我是第一段內文我是第一段內文<br>我是第二段內文我是第二段內文我是第二段內文
</pre>
*'''呈現結果'''：
我是第一段內文我是第一段內文我是第一段內文

我是第二段內文我是第二段內文我是第二段內文
</DIV>
</font>

==點列==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：當編輯時有資料需要列點時，該如何列點呢？維基語法也有提供列點的功能，只要在每一條項目的最前面輸入半形的米字號<nowiki> * </nowiki>就會有點列的效果
*'''語法'''：
<pre>
*本周開始每人要編寫2個頁面，若編輯程度很小則要寫3,4個頁面
*油車口以十景(基礎介紹)方式、西仔版戰役編寫入網頁
*新增蘇府王爺廟【燒王船】活動頁面。
*團體踏查時間：2017.11/25、26 ；2017.12/02、03
</pre>
*'''呈現結果'''：
:*本周開始每人要編寫2個頁面，若編輯程度很小則要寫3,4個頁面
:*油車口以十景(基礎介紹)方式、西仔版戰役編寫入網頁
:*新增蘇府王爺廟【燒王船】活動頁面。
:*團體踏查時間：2017.11/25、26 ；2017.12/02、03
</DIV>
</font>

==序列==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：但是當我們所要輸入的列點資料有順序排列的需求該如何輸入？不用自己手動輸入1,2,3,4,5維基語法也可提供這樣的效果。<br>
　　　　　　首先將內文依照順序排好，並在每筆內文前打上半形的井字號 <nowiki>#</nowiki> 網站就會依照您所排列的順序依序將資料編號
*'''語法'''：
<pre>
#直接寫作
#間接寫作
#混合寫作
</pre>
*'''呈現結果'''：
#直接寫作
#間接寫作
#混合寫作<hr>
上面介紹了序列的用法，但是若想在數字序列中再插入一個數字序列該怎麼辦？以下將介紹其語法。
*'''說明'''：首先將內文依照順序排好，並在每筆內文前打上”兩個”半形的井字號 # 網站就會依照您所排列的順序和序列依序將資料編號，以下將示範其方式。
*'''語法'''：
<pre>
#內城岸遺跡
##位於現今[[台灣高爾夫球場]]
##地址：新北市淡水區中正路一段6巷32號
##搭乘捷運淡水線至淡水站，出站後搭乘指南客運836至滬尾砲台站下車
</pre>
*'''呈現結果'''：
#內城岸遺跡
##位於現今[[台灣高爾夫球場]]
##地址：新北市淡水區中正路一段6巷32號
##搭乘捷運淡水線至淡水站，出站後搭乘指南客運836至滬尾砲台站下車
</DIV>
</font>

==縮排==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：
:能讓句子有內縮的效果
:利用'''　:　'''即可縮排，要縮的程度愈大，就多加點'''　:　'''
*'''語法'''：
<pre>
:一個縮排
::兩個縮排
:::三個縮排
::::四個縮排
</pre>
*<b>呈現畫面</b>：
:一個縮排
::兩個縮排
:::三個縮排
::::四個縮排
</DIV>
</font>

==字體變形標籤==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明:'''
:讓字體可以有不同的變化。
*<b>語法</b>：
<pre>
1.粗體：
 <b>這是粗體</b>或'''這是粗體文字'''
2.斜體：
 <i>這是斜體</i>或''這是斜體文字''
3.粗斜體：
 '''''這是粗斜體文字'''''
4.底線：
 <u>這是底線</u>
5.刪除線：
 <strike>這是刪除線</strike>
</pre>
*<b>呈現畫面</b>：
:<b>這是粗體</b>
:<i>這是斜體</i>
:'''''這是粗斜體文字'''''
:<u>這是底線</u>
:<strike>這是刪除線</strike>
</div>
</font>

==重定向(Redirect)==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明：'''
:可將相同意義的詞彙，指向共同的目標，就是指將二個相同意思的詞彙相互連結，將一個較少用的詞彙轉指向常用詞彙或正式用語，以維持其一致性。

:例如我們都知道過去講的聖多明哥城就是現在俗稱的紅毛城，那當我們搜尋聖多明哥城時，可以利用這個語法將頁面導向紅毛城。

*'''語法：'''
:<nowiki>#Redirect [[欲指向的詞彙]]或#重定向[[欲指向的詞彙]]</nowiki>
*'''範例：'''
:欲將聖多明哥城指向紅毛城這個較常聽到的名詞，以達到一致性，可在聖多明哥城的頁面裡寫上下列語法：

:<nowiki>#Redirect [[紅毛城]]或重定向[[紅毛城]]</nowiki>
</div>
</font>

==超連結語法==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：分為連結「'''內部'''」頁面，及連結「'''外部'''」頁面。
*'''語法'''：
:1.內部頁面連結：
::在欲連結的文字的前後加上<nowiki> [[ </nowiki>跟<nowiki> ]] </nowiki> 。
::如要連結至其他頁面，且想要其他替代文字顯示，方法為<nowiki>[[連結頁面名稱|欲顯示的名稱]]</nowiki>。
::內部連結若是連到不存在(未建立)的頁面，會呈現<font color="red">紅字</font>。
:2.外部頁面連結：
::在文字的前後加上 <nowiki> [ </nowiki>跟<nowiki> ] </nowiki>，或者直接打上網址。
*'''範例'''：
:*'''內部頁面連結：'''
<pre>
[[取一個頁面名稱]]，如：[[紅毛城]]
[[連結頁面名稱|欲顯示的名稱]]，如：[[紅毛城|聖多明哥城]]
</pre>
:*'''呈現畫面'''：
::[[紅毛城]]
::[[紅毛城|聖多明哥城]]


:*'''外部頁面連結：'''
<pre>
1.以替代文字顯示
[http://twbsball.dils.tku.edu.tw/wiki/index.php　台灣棒球維基館] (網址與名稱中間需空一格)
2.不加替代文字
[http://ndap.tku.edu.tw] (不加名稱會有不一樣的顯示)
3.直接打網址
http://ndap.tku.edu.tw
4.信箱語法
[mailto:example@wiki05.com example@wiki05.com]
</pre>

:*'''呈現畫面'''：
::1.以替代文字顯示
:::[http://twbsball.dils.tku.edu.tw/wiki/index.php　台灣棒球維基館] 
::2.不加替代文字
:::[http://ndap.tku.edu.tw] 
::3.直接打網址
:::http://ndap.tku.edu.tw
::4.信箱語法
:::[mailto:example@wiki05.com example@wiki05.com]
*'''！使用編輯工具列'''：點選編輯工具列上「(連結)」的按鈕，會跳出對話框，可以選擇要連往站內頁面或者外部的網站，以及在頁面上要用甚麼樣的文字顯示。
</DIV>
</font>


==如何上傳圖片==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
:1. 登入帳號後，左側導覽列下方的「工具」底下，選擇「上傳圖檔」。
<hr>
:2. 進入上傳圖檔的頁面，請先確認上傳的圖檔是否獲得合法授權，或屬於合理使用或開放共享的範疇。(請注意上傳頁面開頭的說明事項)
<hr>
:3. 點選「選擇檔案」選取欲上傳的檔案。右邊會產生預覽縮圖(確認是否選擇正確圖片)，下方檔案描述區塊第一部分「目標檔案名」欄位會自動帶出，請修改此名稱為有意義的命名！
<hr>
:4. 檔案描述區塊第三部分為「檔案描述」欄位，若是拍攝之照片，須填上攝影者、所有者、拍攝地點和日期等。
::範例：[[:檔案:2012-淡水紅毛城.JPG]]之檔案描述寫法

<pre>
圖檔描述：紅毛城一景<br>
拍攝日期：2012-03-25<br>
拍攝地點：[[淡水紅毛城]]<br>
所有人：[[User:Rocio|Rocio]]<br>
攝影者：[[User:Rocio|Rocio]]<br>
{{CC-BY-SA}}
<noinclude>[[Category:景點相片]]</noinclude>
</pre>
<hr>
:5. 務必幫所要上傳的檔案選擇合適的分類和授權方式。
:加在圖檔分類的wiki語法為 <code><nowiki><noinclude>[[Category:類別名稱]]</noinclude></nowiki></code>。(請務必在前後加上<nowiki><noinclude></nowiki>之語法)
:授權的模板引用為 <code><nowiki>{{CC}}、{{ARR}}、{{PD}}</nowiki></code>，CC授權有六種，可參考[[:分類:授權模板|授權模板]]。
<hr>
:6. 確認欄位都寫好了，就可以點「上載文件」。
</DIV>
</font>

==插入圖片語法==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：用於放置圖片或照片
*'''語法'''：
:<nowiki>[[Image:圖檔名稱.格式|寬度|位置|想顯示出來的說明文字]]</nowiki>
*以[[紅毛城]]的相片為例
:例1，加入圖像：<nowiki>[[Image:2012-淡水紅毛城2.jpg]]</nowiki>
:例2，改變顯示大小：<nowiki>[[Image:2012-淡水紅毛城2.jpg|50px]]</nowiki>　'''(px為解析度)'''
:例3，使用自動縮圖：<nowiki>[[Image:2012-淡水紅毛城2.jpg|thumb]]</nowiki>　'''(thumb為自動縮圖)'''
:例4，使用自動縮圖並更改大小：<nowiki>[[Image:2012-淡水紅毛城2.jpg|thumb|90px]]</nowiki>
:例5，圖像縮小並置於右邊：<nowiki>[[Image:2012-淡水紅毛城2.jpg|70px|right]]</nowiki>　'''(亦可使用center、left等方位)'''
:例6，加入說明文字：<nowiki>[[Image:2012-淡水紅毛城2.jpg|thumb|100px|紅毛城一景]]</nowiki>　'''(紅毛城一景為滑鼠移動過去後會顯示的文字描述)'''
:例7，引用圖檔中的說明文字：<nowiki>[[Image:2012-淡水紅毛城2.jpg|thumb|200px|{{Image:2012-淡水紅毛城2.jpg}}]]</nowiki>　'''(會直接引用圖片文字)'''
:例8，製作相片集：
::<nowiki><gallery></nowiki>
::<nowiki>檔案:紅毛城古砲.jpg|紅毛城古砲</nowiki>
::<nowiki>檔案:紅毛城古砲-十七世紀前膛鑄鐵炮2.jpg|十七世紀前膛鑄鐵炮-側面</nowiki>
::<nowiki>檔案:紅毛城古炮-十七世紀西洋前膛鑄鐵砲.jpg|十七世紀前膛鑄鐵炮</nowiki>
::<nowiki>檔案:紅毛城古砲-十八世紀西洋前膛鑄鐵砲.jpg|十八世紀西洋前膛鑄鐵砲</nowiki>
::<nowiki></gallery></nowiki>
</DIV>
</font>

==建立模板==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*說明：
:若為3個以上會重複使用的內容，通常就會設立模板，例如：1.導覽列2.影片3.照片
*語法：
:<nowiki>{{模板名稱|參數}}</nowiki>　


（| 後為參數。參數數量隨不同模板會有不同）
（頁面名稱的前綴字是"模板:"）

*範例：

:1.導覽條：
<pre>
{{導覽條2|景點|古蹟}}
{{模板名稱|參數1|參數2}}
</pre>

:2.插入youtube影片：
<pre>
{{youtube|NwFTEuxEji0|350|center|台北好讚16 淡水站03滬尾礮臺}}
{{模板名稱|參數1|參數2|參數3|參數4}}
</pre>
::*結果：{{youtube|NwFTEuxEji0|350|center|台北好讚16 淡水站03滬尾礮臺}}
</DIV>
</font>

==鑲入YouTube影音==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明：'''
:用於在頁面上放入YouTube影音
*'''語法：'''
:<nowiki>{{Youtube|影片代碼|尺寸(單位為px)|位置|影片名稱或描述}}</nowiki>　（影片代碼為影片網址"v="後那串）
*'''範例：'''
:<nowiki>{{Youtube|C3XLtzyGcUU|350|right|《HD》陽明山于右任先生墓 日月其心}}</nowiki>
::*'''呈現畫面'''：
::{{Youtube|C3XLtzyGcUU|350|right|《HD》陽明山于右任先生墓 日月其心}}
</DIV>
</font>

==鑲入地圖==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明：'''
:用於在頁面上放置即時地圖
*'''語法：'''
:地圖模板：<nowiki>{{Map1| 地址}}</nowiki>或是<nowiki>{{Map1| 緯度,經度}}</nowiki><nowiki>（p.s | 後須空一格半形空格；經緯度分別只要複製到小數點後六位即可）</nowiki>
*'''範例：'''
:<nowiki>{{Map1| 新北市淡水區中正路200號}}</nowiki>
:<nowiki>{{Map1| 25.170181,121.43774}}</nowiki>
::*'''呈現畫面'''：
::{{Map1|新北市淡水區中正路200號}}
</DIV>
</font>

==插入表格（補充教材）==
<font size="3" face="微軟正黑體">
<DIV style="border:1px solid; border-color:#808080; width:100%; border-radius:5px;">
*'''說明'''：您想在頁面中插入表格的話，可以使用以下語法 (p.s直的是行(↓↑)；橫的是列(← →)　口訣：直行橫列)
　語法中 |- 符號以下所包夾的東西就是表格一列中所有的東西,而 | 右側代表該格的內容。<br>　表格起頭為 {| border="1" 語法中的boder代表表格線的粗細程度，可隨自己需求調整。然而表格結尾為 |} （詳見下方語法）
*'''語法'''：
<pre>
{| border="1"
|-
! 表頭
! 表頭2
! 表頭3
|-
| 第一行, 第一列
| 第二行, 第一列
| 第三行, 第一列
|-
| 第一行, 第二列
| 第二行, 第二列
| 第三行, 第二列
|}

</pre>
*'''呈現結果'''：
{| border="1"
|-
! 表頭
! 表頭2
! 表頭3
|-
| 第一行, 第一列
| 第二行, 第一列
| 第三行, 第一列
|-
| 第一行, 第二列
| 第二行, 第二列
| 第三行, 第二列
|}
<br>
　故掌握此要領，就可輕鬆新增列跟行。若要新增行就在 |- 中多打一個 | 並在其右側輸入文字就可以新增了；然而若要增加列，則多新增一個 |- 並在輸入 | 且在其右側填格子裡面的內文。<br>若上述這些皆有表格即完成了！
</DIV>
</font>