跳至內容

「使用者:Noah LDW/微國家百科:新手使用指南」:修訂間差異

無編輯摘要
無編輯摘要
無編輯摘要
第134行: 第134行:
同時,在上傳檔案時,用戶也需確保檔案名稱是清楚及詳細的(如帶有國家名稱,創作日期等),避免直接使用如「Download.png」、「File.pdf」等容易混淆的名稱;用戶也可以在上傳檔案的時候填寫摘要,以令其他百科用戶可以更了解這個檔案。
同時,在上傳檔案時,用戶也需確保檔案名稱是清楚及詳細的(如帶有國家名稱,創作日期等),避免直接使用如「Download.png」、「File.pdf」等容易混淆的名稱;用戶也可以在上傳檔案的時候填寫摘要,以令其他百科用戶可以更了解這個檔案。
</tab>
</tab>
<tab name="常用編輯代碼一覽">
<tab name="常用編輯代碼一覽">
為了方便百科協作和增添頁面的美觀性,用戶在編輯的時候會需要使用一些代碼,以下簡單介紹幾款在百科中常用的,同時也可以參考「中文維基百科教學頻道」的短片「[https://www.youtube.com/watch?v=ZJBniS1yrsg 運用編輯欄(一)]」,以更好地了解和學習這些編輯代碼。
為了方便百科協作和增添頁面的美觀性,用戶在編輯的時候會需要使用一些代碼,以下簡單介紹幾款在百科中常用的,同時也可以參考「中文維基百科教學頻道」的短片「[https://www.youtube.com/watch?v=ZJBniS1yrsg 運用編輯欄(一)]」,以更好地了解和學習這些編輯代碼。
第436行: 第435行:
|}
|}
</div>
</div>
</tab>
<tab name="表格">
=== 簡介 ===
頁面除了單純的文字、一張張圖片和文字格式以外,也可以像在 Microsoft Word 一樣,使用表格來顯示資料。
要創建一個表格,最簡單的便是在編輯工具列,點選[[File:OOjs UI icon table.svg|25px|link=]]按鈕,並按需要確定表格的大小,行數和列數。但這個方法僅適用於比較簡單的表格,無法個別調整各行、列的大小,個別各數的設計。
除此之外,也可以按照如下的教學,手把手拼出一個表格。
=== 入門 ===
一個表格包括了以下代碼:
{| class="wikitable"
| <code>{{nowrap|<nowiki>{|</nowiki>}}</code>
! 開頭
| 除了做為表格開頭外,也可以用來定義表格樣式 —— 例如<code>class="wikitable"</code>。表格的「class」可將維基百科的表格標準樣式套用於表格中。其中兩種最常用的樣式為「wikitable」與「<nowiki>wikitable sortable</nowiki>」。
|-
| <code>{{nowrap|<nowiki>|+</nowiki>}}</code>
! 標題
| '''選填'''。僅能放在'''表格開頭'''與表格第一列之間。
|-
| <code>{{nowrap|<nowiki>!</nowiki>}}</code>
! 標題儲存格列
| '''選填'''。每個標題儲存格必需另起新行並輸入一個半形驚嘆號(<code>!</code>),如果有多個標題儲存格,也可以放在同一行,以兩個半形驚嘆號(<code>!!</code>)隔開。
|-
| <code>{{nowrap|<nowiki>|-</nowiki>}}</code>
! 新的一列
| 要開始新的一個表格列,請輸入一個半形豎線(<code><nowiki>|</nowiki></code>)與一個半形連字號 (<code><nowiki>-</nowiki></code>)。
|-
| <code>{{nowrap|<nowiki>|</nowiki>}}</code>
! 某列內新的內容儲存格
| 要在某一列中增加一個新的內容儲存格,必需在每個新儲存格開始前輸入一個半形豎線(<code><nowiki>|</nowiki></code>),如果是數個儲存格集中在同一列,應當於每個儲存格之間輸入兩個半形豎線(<code><nowiki>||</nowiki></code>)。
|-
| <code>{{nowrap|<nowiki>|}</nowiki>}}</code>
! 結尾
| 要終止表格格式,需另換新行並輸入一個半形豎線(<code><nowiki>|</nowiki></code>)以及一個半形右大括號(<code><nowiki>}</nowiki></code>)。
|}
=== 排列方式 ===
而我們有兩種方式把這些元素組合起來,但兩種方式在用戶看起來的效果都是一樣的:
{| class="wikitable" style="text-align:left; margin:1.5em;"
|-
! '''<big>排列方式</big>'''
! width="45%" style="text-align:center;"|'''<big>平行排列資料格</big>'''
! width="45%" style="text-align:center;"|'''<big>垂直排列資料格</big>'''
|-
! 說明
| 當表格內沒有太多欄位,並且每格內的內容很短(例如只有數字)時,這種排列比較有用,同時也是點選[[File:OOjs UI icon table.svg|25px|link=]]按鈕後預設的排列方式。
| 如果欄位太多,或是內容儲存格內的文字太多,將每個儲存格獨立成一行可以增進表格原始碼的易讀性,這個也是一般表格常用的排列,更有助用戶日後編輯。
|-
! 輸入的內容
|{{Collapsible list
  | framestyl e= border:none; padding:0; <!-- 隱藏邊界空白所需要輸入的數值 -->
  | title = 代碼
  | 1 = <pre style="overflow: auto;width:auto">
{| class="wikitable"
|-
! 表頭C1 !! 表頭C2 !! 表頭C3
|-
| R1C1      || R1C2      || R1C3
|}
</pre>
}}
|{{Collapsible list
  | framestyl e= border:none; padding:0; <!-- 隱藏邊界空白所需要輸入的數值 -->
  | title = 代碼
  | 1 = <pre style="overflow: auto;width:auto">
{| class="wikitable"
|-
! 表頭C1
! 表頭C2
! 表頭C3
|-
| R1C1
| R1C2
| R1C3
|}
</pre>
}}
|-
! 取得的結果
| colspan="2" | <div align="center">
{| class="wikitable"
|-
! 表頭C1 !! 表頭C2 !! 表頭C3
|-
| R1C1      || R1C2      || R1C3
|}</div>
|}
=== 進階 ===
除了一般的表格外,用戶也可以按照以下的指引使用代碼編輯表格:
<div align="center">
{| class="wikitable" style="border:1px solid #B8C7D9; text-align:left; margin:1.5em; background:#f5faff"
|-
! width="25%" style="background: #cedff2; text-align:center;"|'''<big>目的</big>'''
! style="background: #cedff2; text-align:center;"|'''<big>您輸入的內容(熒光部分為新增/更改部分)</big>'''
! width="30%" style="background: #cedff2; text-align:center;"|'''<big>您取得的結果</big>'''
|-
| style="background:#cccccc;" colspan="3" | <center> '''新增行 / 列''' </center>
|-
| 新增新一列<br><small>新增一列的同時,新一列至少要有一個儲存格</small>
| {{Collapsible list
  | framestyl e= border:none; padding:0;
  | title = 代碼
  | 1 = <tt><nowiki>{| class="wikitable"</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>! 表頭C1</nowiki><br>
<nowiki>! 表頭C2</nowiki><br>
<nowiki>! 表頭C3</nowiki><br><br>
<nowiki>|-</nowiki><br>
<nowiki>| R1C1</nowiki><br>
<nowiki>| R1C2</nowiki><br>
<nowiki>| R1C3</nowiki><br><br>
<span style="white-space:pre; padding:0; background-color:yellow;">&verbar;-</span><br>
<span style="white-space:pre; padding:0; background-color:yellow;">&verbar; R2C1</span><br>
<nowiki>|}</nowiki></tt>
}}
|
{| class="wikitable"
|-
! 表頭C1
! 表頭C2
! 表頭C3
|-
| R1C1
| R1C2
| R1C3
|-
| style="background:yellow" | R2C1
|}
|-
| 新增新一行<br><small>新增一行的同時,必須在每一行新增一個內容儲存格</small>
| {{Collapsible list
  | framestyl e= border:none; padding:0;
  | title = 代碼
  | 1 = <tt><nowiki>{| class="wikitable"</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>! 表頭C1</nowiki><br>
<nowiki>! 表頭C2</nowiki><br>
<nowiki>! 表頭C3</nowiki><br>
<span style="white-space:pre; padding:0; background-color:yellow;">&excl; 表頭C4</span><br><br>
<nowiki>|-</nowiki><br>
<nowiki>| R1C1</nowiki><br>
<nowiki>| R1C2</nowiki><br>
<nowiki>| R1C3</nowiki><br>
<span style="white-space:pre; padding:0; background-color:yellow;">&verbar; R1C4</span><br>
<nowiki>|}</nowiki></tt>
}}
|
{| class="wikitable"
|-
! 表頭C1
! 表頭C2
! 表頭C3
! style="background:yellow" | 表頭C4
|-
| R1C1
| R1C2
| R1C3
| style="background:yellow" | R1C4
|}
|-
| style="background:#cccccc;" colspan="3" | <center> '''可排序表格''' </center>
|-
| 可排序表格<br><small>在表格開頭的「class」屬性增加「wikitable sortable」,必須至少有三列資料</small>
|
{{Collapsible list
  | framestyle= border:none; padding:0;
  | title = 代碼
  | 1 = <tt><nowiki>{| class="</nowiki><span style="white-space:pre; padding:0; background-color:yellow;">wikitable sortable</span><nowiki>"</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>! 表頭C1</nowiki><br>
<nowiki>! 表頭C2</nowiki><br>
<nowiki>! 表頭C3</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>| R1C1</nowiki><br>
<nowiki>| 500</nowiki><br>
<nowiki>| 100</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>| R2C1</nowiki><br>
<nowiki>| 200</nowiki><br>
<nowiki>| 300</nowiki><br>
<nowiki>|}</nowiki></tt>
}}
|
{| class="wikitable sortable"
|-
! 表頭C1
! 表頭C2
! 表頭C3
|-
| R1C1
| 500
| 100
|-
| R2C1
| 200
| 300
|}
|-
| style="background:#cccccc;" colspan="3" | <center> '''格式設定''' </center>
|-
| 改變儲存格顏色<br><small>建議使用網頁顏色(即<nowiki>#</nowiki>XXXXXX)</small>
|
{{Collapsible list
  | framestyle= border:none; padding:0;
  | title = 代碼
  | 1 = <tt><nowiki>{| class="wikitable"</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>! 表頭C1</nowiki><br>
<nowiki>! </nowiki><span style="white-space:pre; padding:0; background-color:yellow;">style="background: #7DF9FF" &verbar;</span>表頭C2<br>
<nowiki>! 表頭C3</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>| </nowiki><span style="white-space:pre; padding:0; background-color:yellow;">style="background: red" &verbar;</span>  R1C1<br>
<nowiki>| R1C2</nowiki><br>
<nowiki>| R1C3</nowiki><br>
<nowiki>|}</nowiki></tt>
}}
|
{| class="wikitable"
|-
! 表頭C1
! style="background: #7DF9FF" | 表頭C2
! 表頭C3
|-
| style="background: red" | R1C1
| R1C2
| R1C3
|}
|-
| 改變儲存格內文字顏色<br><small>建議使用網頁顏色(即<nowiki>#</nowiki>XXXXXX)</small>
|
{{Collapsible list
  | framestyle= border:none; padding:0;
  | title = 代碼
  | 1 = <tt><nowiki>{| class="wikitable"</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>! 表頭C1</nowiki><br>
<nowiki>! </nowiki><span style="white-space:pre; padding:0; background-color:yellow;">style="color: #808000" &verbar;</span>表頭C2<br>
<nowiki>! 表頭C3</nowiki><br>
<nowiki>|-</nowiki><br>
<nowiki>| </nowiki><span style="white-space:pre; padding:0; background-color:yellow;">style="color: red" &verbar;</span>  R1C1<br>
<nowiki>| R1C2</nowiki><br>
<nowiki>| R1C3</nowiki><br>
<nowiki>|}</nowiki></tt>
}}
|
{| class="wikitable"
|-
! 表頭C1
! style="color: #808000" | 表頭C2
! 表頭C3
|-
| style="color: red" | R1C1
| R1C2
| R1C3
|}
|}
</tab>
</tab>
</tabs>
</tabs>