Download pdf - Mediawiki training-doc-2

Transcript
Page 1: Mediawiki training-doc-2

1

เอกสารประกอบการอบรม

การสรางเนอหาบนเวบดวย MediaWiki

นายกำาธร ไกรรกษหนวยปฏบตการวจยพฒนาซอฟตแวรโอเพนซอรส (OSS)

ศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชาต

Page 2: Mediawiki training-doc-2

2

สารบญOverviews....................................................................................................................................3

การสมครและลอกอน...................................................................................................................3

การสมคร..............................................................................................................................3

การลอกอน............................................................................................................................4

การเขาถงเนอหา.........................................................................................................................5

การแกไขหนา (edit page)...........................................................................................................5discussion...............................................................................................................................6history.....................................................................................................................................7

การแกไขหนาบทความ.....................................................................................................................8

การแกไขหนาพนฐาน...................................................................................................................8

รปแบบการกำากบคำาสง ...........................................................................................................8การแสดงตวอยางการแกไขกอนการบนทก (Show preview) ......................................................10

คำาสงพนฐาน............................................................................................................................10

การใชคำาสงพนฐานเพอแกไขบทความ ......................................................................................10

การสรางลงก.......................................................................................................................12

รปแบบคำาสงสำาหรบรายการลำาดบ ..........................................................................................13

การใชภาษา HTML กบ Wikicode...........................................................................................14

สรางตารางอยางงายดวย Wikicode........................................................................................15

การเพมคณลกษณะอนๆ ใหกบตาราง........................................................................................18

การสรางตารางซอนตาราง.....................................................................................................21

การแทรกภาพ..........................................................................................................................22

การเตรยมภาพเพออปโหลด....................................................................................................22

การอปโหลดไฟลภาพ............................................................................................................22

การกำาหนดชนดของการแสดงผลภาพ.......................................................................................23

การกำากบการแสดงผลภาพ.....................................................................................................29

การสรางคลงภาพ.................................................................................................................30

Page 3: Mediawiki training-doc-2

3

Overviews

การสมครและลอกอนกอนจะเขาไปแกไขขอมลบน Wiki ไดตองสมครเปนสมาชกและลอกอนเสยกอน ถายงไมลอกอนจะอานขอมลไดอยางเดยว โดยจะสงเกตเหนวามมบนขวาจะมลงกใหลอกอน และทหนาวกจะไมมลงกใหแกไขขอมล

การสมครใหคลกลงก Log in / create account ทอยมมขวาบน จะเขาสหนาลอกอนดงภาพ

คลกลงก Create an account

Page 4: Mediawiki training-doc-2

4

การลอกอนคลกทลงก Log in อกครง แลวใส username และ password ทตงไว แลวกด Log in ถาถกตองจะกลบไปทหนาเดม สงเกตวาแถบบนสดจะแสดงชอและลงกของผใชขนมา และมลงก edit ใหแกไขหนาได

Page 5: Mediawiki training-doc-2

5

การเขาถงเนอหาสามารถเขาถงเนอหาใน wiki ไดหลายวธ ไดแก

1. เขาจากลงกจากหนาหลก (Main_Page) ซงจะเชอมโยงไปยงหนาตาง ๆ และแตละหนาจะเชอมโยงไปหนาอนทเกยวของอกท

2. ใชวธคนหา (search) โดยถาคนหาดวยคยเวรดทตรงกบชอของหนา จะเขาไปยงหนานนทนท แตถาคนเจอในเนอหาสวนหนงของหนา จะแสดงรายชอหนามาใหเลอก

3. เขาถงโดยตรง ถาทราบลงกของหนานน ๆ หรอทำา bookmark ไว หรอลงกมาจากไซตอน ๆ

การแกไขหนา (edit page)

การเพมเนอหาและการแกไขบทความ ไมวาจะเปนการสรางหนาเนอหาใหม หรอแกไขจากเนอหาเดมทมอยแลว ผใชสามารถทำาไดดวยการเลอกฟงกชนแกไข (edit this page) ทแถบเมนดานบนของหนา เมอเขาไปทหนาแกไขดงกลาว ผใชจะสามารถทำาการแกไขเนอหาไดตามทตองการ ลกษณะการทำางานกทำาไดเชนเดยวกบการพมพขอความปกต นอกเหนอจากการพมพปกตธรรมดา การใชคำาสงอนๆ ผใชสามารถทำาการแกไขเนอหาโดยการใชคำาสงในลกษณะตางๆ คอ ใช code เพอ tag ในรปแบบ HTML ตามทผใชสวนใหญคนเคยได แตโดยหลกการแลว ในสวนของโปรแกรมน จะมรปแบบไวยากรณ ทใชเฉพาะอยแลวทเรยกวา Wiki markup ซงจะมความงายและซบซอนนอยกวารปแบบ HTML เดมทใชอย นอกจากนผใชยงสามารถใชฟงกชนเครองมอแกไขอตโนมตซงจะมไอคอน เพอชวยการแกไขตางๆ ทแถบเครองมอดานบนของหนาตางแกไข ในสวนของการแกไขหนาบทความนจะไดกลาวถงรายละเอยดในบทตอไป

นอกเหนอจากการแกไขเนอหาตามปกต ในสวนอนๆ ทสำาคญของหนาแกไขทผใชจะตองทำาความรจกเพอชวยการแกไขหนาให สมบรณ ซงสวนนจะอยททายหนาตางแกไข คอ

การสรปการแกไข (Edit summary)

คอการอธบายการแกไขท ไดทำาไปโดยสรป สวนของสรปนจะเปนบนทกปรากฏทหนาบนทกประวตการเปลยนแปลงเนอหา เพอชวยใหผใชสามารถตดตามไดวาเนอหาสวนไหนมการเปลยนแปลง และ

Page 6: Mediawiki training-doc-2

6

เปลยนแปลงในใจความสำาคญเรองอะไร เปนตน

การแสดงตวอยางหนากอนการบนทกเพอแสดงผลจรง (Show preview)

เมอ เราทำาการแกไขเนอหา ในระหวางททำาการแกไข ลกษณะขอความและคำาสงทใชจะปรากฏผลการแสดงแตกตางจากหนาทแสดงจรง ดงนนหากเราตองการทราบวาขอความการแกไขทพมพไปจะปรากฏผลตามท ตองการหรอไม กอนทเราจะบนทกการแกไขนน เรากสามารถเรยกดตวอยางการแสดงผลไดโดยการกดทปม Show preview

การบนทกการแกไข (Save page)

เมอทำาการแกไขเนอหาแลวตองการใหการแกไขเนอหาแสดงผลตามทแกไข กจะทำาการบนทกผลการแกไขโดยการกดทปม Save page

การแสดงตวอยางเปรยบเทยบเนอหาทแกไข (Save changes)

เมอเราไดทำาการเปลยนแปลงแกไขเนอหาบทความจากเนอหาเดมทมอย และตองการตรวจสอบดวาเราไดทำาการเปลยนแปลงทสวนใดของเนอหา และเปลยนแปลงเพมเตมอยางไร เรากสามารถทำาไดโดยการกดทปม Save changes ระบบกจะแสดงหนาตางเปรยบเทยบขอความเดมกอนการแกไข และขอความใหมทมการเปลยนแปลงและเนนแสดงใหเหนสวนทมการ เปลยนแปลงวาเปลยนแปลงอยางไรบาง

discussion

หนาสนทนาผใช หรอทเรยกวาหนา "พดคย" เปนองคประกอบสำาคญทมาควบคกบหนาบทความนนๆ หนาสนทนาผใชมลกษณะเชนเดยวกบหนาเนอหาบทความ ทผใชสามารถเขาไปอานเนอหาและสามารถแกไขหรอเพมเตมเนอหาได สาระสำาคญของหนาสนทนาผใชนมเพอเปดโอกาสใหผใชหลายๆ ทานทมความสนใจในเนอหาบทความเรองเดยวกนน ไดแสดงความคดเหนเกยวกบเนอหา เปรยบเสมอนเปนเวทความเหนในเรองนนๆ ซงผเขยนยงไมตองการนำาไปสรปเปนเนอหาจรง ความเหนหรอขอสรปบางประการอาจจะสามารถนำาไปเพมเตมในสวนของเนอหาได ในทสด ถาจะเปรยบสวนของหนาสนทนาผใชกคงเหมอนกบเวบบอรดแสดงความคดเหน ใหผทสนใจในเรองเดยวกนไดแบงปนความคดเหนรวมกน

Page 7: Mediawiki training-doc-2

7

history

หนาบนทกการแกไขจะเปนบนทกประวตการแกไขของบทความเรองนนๆ โดยจะบนทกวนเวลาและผทแกไข สวนทแกไข หากผทแกไขมสรปบนทกการแกไขจะปรากฏขอความทบนทกสรปเพอใหผ ใชทกคนทราบการแกไข หากผทแกไขไมไดทำาการเขาระบบจะถกบนทกแทนดวยหมายเลข IP ของเครอง นอกจากนผใชยงสามารถเปรยบเทยบความแตกตางของการแกไขในแตละอนของ การแกไขทเลอกวามความเปลยนแปลงการแกไขอยางไรบางได จากตวอยางเมอเปรยบเทยบสองรนทแกไขในเวลาทตางกน สวนทเนนสเหลองจะเปนสวนทบอกวามการแกไขเพมเตมอยางไรบาง

Page 8: Mediawiki training-doc-2

8

การแกไขหนาบทความ

การแกไขหนาพนฐาน

รปแบบการกำากบคำาสง ในการกำากบคำาสงงานเขยน ผเขยนสามารถทำาไดการ tag คำาสงดวยตวเอง หรอการใชเครองมอในแถบเครองมอทมไวให นนคอ

Markup language

ในการพมพขอความในสวนของเนอหา ผแกไขสามารถพมพในรปแบบของขอความธรรมดา สวนการใชคำาสงกำากบ ผใชทมความคนเคยกบ markup language ทเปน HTML ในการกำากบเพอการแสดงผลนอกเหนอจากรปแบบขอความธรรมดาได แตในซอฟตแวร Wiki จะประกอบดวย markup language ทเปนแบบเฉพาะทเรยกวา Wiki code อยแลว ซงเมอเปรยบเทยบแลว เมอตองการกำากบใหหนาจอแสดงผลเหมอนกน Wiki Code จะมความงายและซบซอนนอยกวารปแบบ HTML และมหลายๆ คำาสงกจะอยในรปแบบ HTML ตวอยางเชน

เปรยบเทยบการใชภาษา HTML กบ Wikicode ในการสรางตารางวก

HTML Wiki Code การแสดงผล

ตองการใหขอความเปน<b>ตวหนา</b>

ตองการใหขอความเปน'''ตวหนา''' ตองการใหขอความเปนตวหนา

ตองการใหขอความเปน<i>ตวเอยง</i>

ตองการใหขอความเปน''ตวเอยง'' ตองการใหขอความเปนตวเอยง

ตองการ<u>ขดเสนใตขอความ</u> ตองการ<u>ขดเสนใตขอความ</u>

ตองการขดเสนใตขอความ

การใชแถบเครองมอนอกเหนอจากการกำากบคำาสงดวยการพมพกำากบแลว ทหนาตางแกไขขอความ ยงมสงเครองมออำานวยความสะดวกคอเปนแถบไอคอนเครองมอแกไขอตโนมต ใหเลอกใชเพอความสะดวกรวดเรวไมตองเสยเวลาพมพคำาสง แถบไอคอนเครองมอชวยแกไขอตโนมตจะอยบนหนาตางแกไข รปไอคอนเครองมอตางๆ จะมการอปเดตใหมเพมเตมเสมอในเวอรชนของซอฟตแวร Wiki รนใหมๆ ตวอยางไอคอนเครองมอแกไขอตโนมตมดงตอไปน

Icon การทำางาน แสดงผลในการแกไข แสดงผลคำาสง

เนนอกขระตวหนา '''บทความ''' บทความ

อกขระตวเอยง ''บทความ'' บทความ

Page 9: Mediawiki training-doc-2

9

ลงกภายในบทความ [[Wikipedia training]] Wikipedia training

ลงกภายนอกบทความ [http://oish.opentle.org] [1]

สรางหวขอเปนหวเรองรอง == บทความ == == บทความ ==

แทรกภาพ [[Image:Flower.jpg]] ภาพ :Flower.jpg

แทรกไฟลสอตางๆ เชนไฟลเสยง

สตรคณตสาสตร <math>abc</math> abc

ไมใหอยในรปแบบ wiki code <nowiki>'''[[บทความ]]'''</nowiki>

'''[[บทความ]]'''

ลงชอผเขยน (พรอมเวลา) ~~~~ --Loma 11:17, 1 กมภาพนธ 2008 (ICT)

เสนขดคนแนวนอน ----

สรางหนาเปลยนทาง

ขดเสนทบขอความ แสดงถงการขดฆาขอความทเลกใช

ตดขนบรรทดใหม

แสดงตวพมพเปนตวยก

แสดงตวพมพเปนตวหอย

แสดงเปนตวพมพขนาดเลกกวาปกต

แทรกคลงภาพ (gallery)

แทรกตาราง

ใสชอหมวดหม

ใสชอแมแบบ

การสรปการแกไขหนา การสรปการแกไขหนา คอการสรปการแกไขในแตละหนาในแตละครงวามใจความสำาคญในการแกไขอยาง ใดบาง ซงการสรปการแกไขหนาบทความจะเปนประโยชนอยางยงสำาหรบผใชคนอนๆ ทไดสรางและแกไขเนอหาในบทความเดยวกนกจะไดตดตามไดวาเนอหาตอน นมการเปลยนแปลงอยางใดบาง ผใชคนอนๆ ทตดตามอานกจะไดทราบถงเนอหาทมการปรบปรง

วธการสรปการแกไขหนาบทความคอ เขยนสรปเปนเนอหาสำาคญทไดทำาการแกไขทชองสรปการแกไขเนอหาท ทายบทความนน ชองสรปการแกไขเนอหาททายหนาตางแกไขบทความมลกษณะดงน

ในการเขยนสรปการแกไข ควรสรปใจความสำาคญใหสนๆ กระชบ และชดเจน เพราะในชองสรปดงกลาวจะบรรจ

Page 10: Mediawiki training-doc-2

10

ไดไมเกน 200 อกขระ ขอความทสรปดงกลาวจะไปปรากฏในทตางๆ ดงน

• หนาบนทกประวตการแกไขบทความ (History)

• หนาบนทกผลงานเขยนของผเขยน (User contributions)

• หนารายการบทความทเราเฝาตดตาม (Watchlist) ซงจะบอกวามการเปลยนแปลงอะไรทบทความทเราเฝาตดตามนน

• หนาแสดงเปรยบเทยบกอนและหลงการแกไข (Diff page)

• หนาบนทกการปรบปรงเนอหา (Recent changes)

• Wikipedia IRC channels • Related changes

การแสดงตวอยางการแกไขกอนการบนทก (Show preview)

การแสดงตวอยางการแกไขกอนการบนทกหมายถง การเลอกใหมการแสดงตวอยางการแกไขทไดทำาลงไปวาแสดงผลตามทตองการ หรอไม กอนการแสดงผลเพอใชงานจรง หากการแสดงผลตวอยางยงไมไดผลตามทตองการกสามารถแกไขเพมเตมแสดง ตวอยางใหมจนกวาจะพอใจ จงบนทกการแกไขจรง

เมอทำาการแกไขบทความแลว การแสดงตวอยางกอนแกไขสามารถทำาไดโดยการคลกทปม preview ทปมเมนดานลางหนาตางแกไข

คำาสงพนฐาน

การใชคำาสงพนฐานเพอแกไขบทความ ความ

ตองการ วธการ ตวอยางคำาสง การแสดงผล

ลงกไปชอบทความภายใน

ครอมชอบทความดวยเครองหมาย [[...]]

[[การแกไขหนา]]การแกไขหนา

หรอทำาแถบเขมทขอความและ

คลกไอคอน

ชอลงกกบชอ

บทความไมตรงกน

วางชอบทความกอนคนดวย | แลวตามดวยชอลงกทตองการ

[[การทำาตาราง|ความรเกยวกบการทำาตาราง]]ความรเกยวกบการทำาตาราง

ลงกไปภายนอก

ลงกเปน URL ใสชอ URL ไดเลย http://th.wikipedia.org

http://th.wikipedia.org

ลงกเปนแบบอางอง [http://th.wikipedia.org] [1]

Page 11: Mediawiki training-doc-2

11

ระบเปนชอแทน URL ใสชอ URL

วรรคแลวตามดวยชอทตองการ แลวครอมดวยเครองหมาย [...] หรอทำาแถบสทชอ URL แลวคลก

ท ทแถบเครองมอ

[http://th.wikipedia.org วกพเดยไทย]วกพเดยไทย

ทำาตวอกษรเอยง

ครอมขอความทตองการใหตวอกษรเอยงดวย (') สองครง

''ทำาตวเอยง''ทำาตวเอยง

หรอทำาแถบเขมทขอความและ

คลกไอคอน

ทำาตวอกษรหนา

ครอมขอความทตองการใหตวอกษรหนาดวย (') สามครง

'''ทำาตวหนา'''ทำาตวหนา

หรอทำาแถบเขมทขอความและ

คลกไอคอน

ลงชอผเขยน

พมพคำาสง --~~~~ หรอคลกท

ไอคอน

--~~~~ --Loma 01:04, 20 เมษายน 2007 (PDT)

หรอพมพ ~~~ เพอใหแสดงเฉพาะชอ

~~~Loma

ทำาหวเรองหลกหวเรอง

รอง

ครอมขอความทตองการใหเปนหวเรองหลกดวยเครองหมาย =

2 ครง

==การแกไขบทความ==

1. การแกไขบทความ1.1 การแกไขหนาพนฐาน1.1.1 การทำาตวหนา

ครอมขอความทตองการใหเปนหวเรองรองดวยเครองหมาย = 3

ครง

===การแกไขหนาพนฐาน===

ครอมขอความทตองการใหเปนหวเรองยอยดวยเครองหมาย = 4

ครง

====การทำาตวหนา====

ขนบรรทดใหม

เวนบรรทดใหม 1 ครง ขอความจะยงอยในบรรทดเดยวกน

บรรทดท 1บรรทดท 2 บรรทดท 1 บรรทดท 2

เวนบรรทด 2 ครง ขอความจะอยคนละบรรทด

บรรทดท1

บรรทดท 2

บรรทดท 1

บรรทดท 2

ใชคำาสง <br> ทหนาคำาทตองการจะเรมบรรทดใหม จำานวนบรรทดเวนตามจำานวน <br>

บรรทดท 1<br><br>บรรทดท 2 บรรทดท 1

บรรทดท 2

ใส ใสเครองหมาย * หนารายการ *รายการท 1*รายการท 2

• รายการท 1

Page 12: Mediawiki training-doc-2

12

เครองหมายกำากบรายการ

ยอย *รายการท 3

• รายการท 2

• รายการท 3

เมอมรายการยอยลงไปอกกใส *

ซอนเพมขน

*รายการท 1**รายการท 1.1***รายการท 1.1.1

• รายการท 1

• รายการท 1.1

• รายการท 1.1.1

ใสเลขลำาดบ

ขอ

ใสเครองหมาย # หนารายการ

#รายการท 1#รายการท 2#รายการท 3

1. รายการท 1

2. รายการท 2

3. รายการท 3

เมอมขอยอยลงไปอกกใส # ซอนเพมขน

#รายการท 1##รายการท 1.1###รายการท 1.1.1

1. รายการท 1

1. รายการท 1.1

1. รายการท 1.1.1

ขดทบขอความทไมใช

ครอมขอความทไมตองการใชดวยคำาสง <s>...</s>

<s>ขอความทไมใช</s>ขอความทไมใช

ใชอกขระพเศษ

หากตองการใชอกขระพเศษ ทไมมตวพมพในภาษาทใชอย ใหดเพมเตมในเรองของรหสอกขระท Special characters

¿ ¡ « » § ¶† ‡ • - – —

¿ ¡ « » § ¶

† ‡ • - – —

การสรางลงกในการสรางลงก จะตองทำาความรจกกบลงกทสำาคญ 2 ลกษณะคอ

• ลงกภายใน (internal links): หมายถงลงกภายในเวบเอง อาจจะอยทหนาเนอหาทกำาลงแกไข หรออยทหนาอนๆ ภายในเวบ

• ลงกภายนอก (external links): หมายถงลงกทเชอมไปยงเวบภายนอก

การสรางลงกในลกษณะตางๆ สามารถทำาไดดงน

Page 13: Mediawiki training-doc-2

13

รปแบบการสรางลงก

ความตองการ

วธการ ตวอยางคำาสง การแสดงผล

ลงกไปชอบทความภายใน

ครอมชอบทความดวยเครองหมาย [[...]]

[[table]]table

หรอทำาแถบเขมทขอความ

และคลกไอคอน

ตองการแสดงผลชอลงกเปนชอ

อน

วางชอบทความกอนคนดวย | แลวตามดวยชอลงกทตองการ

[[table|การสรางตาราง]]การสรางตาราง

ลงกไปภายนอก

ลงกเปน URL ใสชอ URL

ไดเลย http://th.wikipedia.org

http://th.wikipedia.org

ลงกเปนแบบอางอง ครอมชอ URL ดวยเครองหมาย [...] หรอทำาแถบเขมทชอ

ลงกและคลกไอคอน

[http://th.wikipedia.org][1]

ระบเปนชอแทน URL ใสชอ URL วรรคแลวตามดวยชอทตองการ แลวครอมดวยเครองหมาย [...]

[http://th.wikipedia.org วกพเดยไทย]วกพเดยไทย

รปแบบคำาสงสำาหรบรายการลำาดบ จากตวอยางในตารางดานลางน คอรปแบบการกำากบคำาสงเพอจดขอความใหอยในรปแบบรายการลำาดบพนฐาน ทวไปทใชงานบอย ดงตวอยางตอไปน

การใชคำาสง ตวอยาง

* ลำาดบรายการงายๆ:** เรมทแตละบรรทด* ขนตนดวยเครองหมายดอกจน** ถาใชเครองหมายดอกจนเพมมากขน*** หมายถงลำาดบยอยลงไปอก

• ลำาดบรายการงายๆ:

• เรมทแตละบรรทด • ขนตนดวยเครองหมายดอกจน

• ถาใชเครองหมายดอกจนเพมมากขน

• หมายถงลำาดบยอยลงไปอก

*การขนบรรทดใหม*ตอจากรายการลำาดบนนหมายถงการสนสดการแสดงลำาดบรายการแต

• การขนบรรทดใหม • ตอจากรายการลำาดบนน

Page 14: Mediawiki training-doc-2

14

*คณสามารถ*เรมรายการลำาดบใหมได

หมายถงการสนสดการแสดงลำาดบรายการ

แต

• คณสามารถ • เรมรายการลำาดบใหมได

# การใชรายการลำาดบตวเลข## ทำาใหดมการจดลำาดบเรยบรอยด## งายกบการตดตาม

1. การใชรายการลำาดบตวเลข 1. ทำาใหดมการจดลำาดบ

เรยบรอยด 2. งายกบการตดตาม

* คณยงสามารถ**ตดบรรทด**ไดตามตวอยางน

• คณยงสามารถ • ตดบรรทด • ไดตามตวอยางน

; รายการคำาจำากดความ; รายการ : คำาจำากดความ; อฒภาค ตามดวยคำา: ทวภาคตามดวยคำาจำากดความ

รายการคำาจำากดความ รายการ

คำาจำากดความ อฒภาค ตามดวยคำา

ทวภาคตามดวยคำาจำากดความ

* หรอจะสรางรายการลำาดบแบบผสม*# โยงใยสมพนธกน*#* เหมอนกบตวอยางน*#*: งาน*#*; แอปเปล*#*; กลวย*#*: ผลไม

• หรอจะสรางรายการลำาดบแบบผสม 1. โยงใยสมพนธกน

• เหมอนกบตวอยางน งาน

แอปเปล กลวย

ผลไม

การใชภาษา HTML กบ Wikicode

โดยปกตการสรางตารางในวกสามารถสรางดวยภาษา HTML แตในอกรปแบบหนงสามารถใช wikicode เรยกวา pipe code ซงจะงายและกระชบกวา ดงเปรยบเทยบการใชภาษา HTML กบ Wikicode ในการสรางตารางดงตอไปน

Page 15: Mediawiki training-doc-2

15

เปรยบเทยบการใชภาษา HTML กบ Wikicode ในการสรางตารางวก

คำาสง HTML Wikicode

สรางตาราง <table>ตาราง</table> {|ตาราง|}

ชอตาราง <caption>ชอตาราง</caption> |+ชอตาราง

เพมแถว <tr></tr> |-

คอลมนในแถว <td>คอลมน 1</td><td>คอลมน 2</td> |คอลมน 1|คอลมน 2

ชอหวคอลมน <th>ชอหวคอลมน</th> !ชอหวคอลมน

สรางตารางอยางงายดวย Wikicode

การสรางตารางอยางงายดวย Wikicode สามารถทำาไดดงขนตอนตอไปน

• เรมตนคำาสงสรางตารางดวยเครองหมาย {| และสนสดตารางดวยเครองหมาย |}

{|

เรมตนคำาสงการสรางตาราง|}

• ตองการเพมชอตาราง ใชเครองหมาย |+ ตามดวยชอตาราง ซงชอตารางนจะปรากฏเหนอหวตารางทสราง

{|

|+ชอตาราง

เรมตนคำาสงการสรางตาราง|}

• เรมสรางแถวของตารางโดยใชเครองหมาย |- แถวตอไปหลงเครองหมายจะเปนคำาสงเรมแถวและเนอหาในแถว

{|

|+ชอตาราง|- เรมแถวแรก |-เรมแถวตอไป|}

Page 16: Mediawiki training-doc-2

16

• คำาสงเรมแถวใชเครองหมาย |

{|

|+ชอตาราง|-

|คอลมนทหนงในแถวแรก|คอลมนทสองในแถวแรก|-

|คอลมนทหนงในแถวสองมา|คอลมนทสองในแถวสอง|}

ตวอยางตารางทได

แถวท 1 คอลมน 1 แถวท 1 คอลมน 2

แถวท 2 คอลมน 1 แถวท 2 คอลมน 2

• นอกจากการใชครองหมาย | ในแตละบรรทดเพอแยกแตละคอลมนในแตละแถวยงสามารถใชคำาสงเปน || ในบรรทดเดยวกนเพอแสดงการแยกคอลมนในแถวได

{|

|+ ชอตาราง|-

|คอลมน 1 || คอลมน 2 || คอลมน 3|-

|คอลมน ก |คอลมน ข|คอลมน ค|}

• หากตองการเพมชอในแตละหวคอลมนจะใชเครองหมาย ! แสดงการแยกคอลมนแทน |

{|

|+ ชอตาราง|-

!ชอคอลมน 1 !! ชอคอลมน 2 !! ชอคอลมน 3|-

|คอลมน 1 || คอลมน 2 || คอลมน 3|-

Page 17: Mediawiki training-doc-2

17

|คอลมน ก |คอลมน ข|คอลมน ค|}

• นอกจากการเพมชอในแตละหวคอลมนแลว หากตองการเพมชอแถวยงสามารถใชเครองหมาย ! แทน | ในคอลมนแรกเพอแสดงชอหวแถวได

{|

|+ ชอตาราง|-

!ชอคอลมน 1 !! ชอคอลมน 2 !! ชอคอลมน 3|-

! หวแถว 1

|คอลมน 2 || คอลมน 3|-

! หวแถว 2

|คอลมน ข|คอลมน ค|}

• จากคำาสงขางตนน เมอแสดงผลจะไมมการแสดงเสนแบงขอบตาราง ไดแก

ชอตาราง ชอคอลมน 1 ชอคอลมน 2 ชอคอลมน 3

หวแถว 1 คอลมน 2 คอลมน 3

หวแถว 2 คอลมน ข คอลมน ค ดงนนเมอตองการใหมเสนแบงขอบตารางควรใชคำาสงเพมเตม เชน

{| border="1"

|+ ชอตาราง|-

!ชอคอลมน 1 !! ชอคอลมน 2 !! ชอคอลมน 3|-

! หวแถว 1

|คอลมน 2 || คอลมน 3|-

! หวแถว 2

|คอลมน ข|คอลมน ค|}

Page 18: Mediawiki training-doc-2

18

เมอแสดงผลจงไดดงน

ชอตาราง ชอคอลมน 1 ชอคอลมน 2 ชอคอลมน 3

หวแถว 1 คอลมน 2 คอลมน 3

หวแถว 2 คอลมน ข คอลมน ค

การเพมคณลกษณะอนๆ ใหกบตารางการใชคำาสงพนฐานทำาใหสามารถสรางตารางอยางงายได แตหากตองการเพมคณลกษณะอนๆ เพมเตมจะตองกำาหนดคำาสงสำาหรบคณลกษณะอนๆ เพมดวย ไดแก

คำาสงกำาหนดคณสมบตของตาราง

คำาสง ความหมาย คาทใช

align จดขอความหรอตารางชดดานใดดานหนง left, right, center

bgcolor สพนหลงของตารางหรอพนหลงของแถว #000000 ถง #FFFFFFFF

border ความหนาของเสนขอบ ตวเลข

cellpadding ชองวางภายในเซลล ตวเลข

cellspacing ชองวางภายนอกเซลล ตวเลข

colspan จำานวนเซลลในแถวทตองการผนก (merge) ตวเลข

rowspan จำานวนเซลลในคอลมนทตองการผนก (merge) ตวเลข

width ความกวางของตารางหรอความกวางของคอลมน ตวเลข

การกำาหนดความกวางของตารางโดยปกตความกวางของตารางจะขยบตามขนาดและจำานวนตวอกษรในแตละคอลมน แตหากเราตองกำาหนดขนาดทแนนอนกสามารถทำาได ตวอยางเชนการใชคำาสงกำาหนดความกวางของคอลมนในตารางเปนขนาดพกเซล ดงน

{| border="1" cellpadding="2" !width="50"|วนท!width="200"|เดอน!width="200"|ป|-|1 || กรกฎาคม || พ.ศ. 2549|-|2 ||กรกฎาคม|| พ.ศ. 2549|}

Page 19: Mediawiki training-doc-2

19

ตวอยางตารางทได

วนท เดอน ป

1 กรกฎาคม พ.ศ. 2549

2 กรกฎาคม พ.ศ. 2549

การเพมสในตารางในบางครงเราอาจจะตองการเพมสในบางสวนหรอสวนทงหมดของตารางก สามารถทำาไดเชนกน โดยเลอกคารหสสแบบสมาตรฐาน HTML (ดขอมลเพมเตมไดท สมาตรฐานของ HTML ) ดงตวอยางคำาสงน

{| border="1" cellpadding="2" !width="50" style="background:#ffdead;"|วนท!width="200" style="background:#ffdead;"|เดอน!width="200" style="background:#ffdead;"|ป|-|style="background:#efefef;"|1 || กรกฎาคม || พ.ศ. 2549|-|style="background:#efefef;"|2 ||กรกฎาคม|| พ.ศ. 2549|}

ตวอยางตารางทได

วนท เดอน ป

1 กรกฎาคม พ.ศ. 2549

2 กรกฎาคม พ.ศ. 2549

การผสานเซลลตารางในบางกรณเราอาจจะไมตองการมจำานวนเซลลตารางเทากนในทกแถวหรอ คอลมน กสามารถใชคำาสงเพอผสานเซลลไดเชนกน โดยใชคำาสง "colspan" เพอผสานคอลมนของแถว และ "rowspan" เพอผสานแถวของคอลมน ดงตวอยางตอไปน

{| border="1" cellpadding="5" cellspacing="0" align="center"|+ตวอยางตาราง|-! style="background:#efefef;" | หวคอลมน 1! colspan="2" style="background:#ffdead;" | หวคอลมน 2|-| คอลมน 1 แถว 1| คอลมน 1 แถว 2| rowspan=2 valign="top" |คอลมน 3|-| คอลมน 1 แถว 2| คอลมน 2 แถว 2|}

Page 20: Mediawiki training-doc-2

20

ตวอยางตาราง

หวคอลมน 1 หวคอลมน 2

คอลมน 1 แถว 1 คอลมน 1 แถว 2 คอลมน 3

คอลมน 1 แถว 2 คอลมน 2 แถว 2

การเพมรปภาพในตารางการเพมรปในตารางสามารถทำาไดเชนเดยวกบการเพมขอความธรรมดา แตจะเปนลกษณะการเพมไฟลภาพแทน นอกจากสอประเภทภาพแลวยงสามารถเพมไฟลชนดสออนๆ ไดในลกษณะเชนเดยวกน ตวอยางเชนการใชคำาสงดงขางลางน

{| border="1" cellpadding="6" cellspacing="1" align="center"|+ดอกไมประจำาจงหวด|-!width="100" style="background:#ffdead;" | ชอดอกไม!width="120" style="background:#ffdead;" | ประจำาจงหวด!width="120" style="background:#ffdead;" | ภาพดอกไม|-|ราชพฤกษ|ขอนแกน|[[ภาพ:Raatchaphruk.jpg|120px|center|ราชพฤกษ]] |-|แกว|สระแกว|[[ภาพ:kxxw.JPG|120px|center|แกว]] |}

จะไดผลลพธตารางดงตอไปน

ดอกไมประจำาจงหวด

ชอดอกไม ประจำาจงหวด ภาพดอกไม

ราชพฤกษ ขอนแกน

แกว สระแกว

Page 21: Mediawiki training-doc-2

21

การสรางตารางซอนตารางในกรณทเราตองการแสดงอมลซบซอนเพมมากขนในรปแบบของตาราง เราสามารถกำาหนดสรางแบบตารางซอนตารางได เชนเดยวกบการสรางตารางใหมหนงตาราง ตวอยางเชน คำาสงการสรางตารางดงตอไปน {| border="1" cellpadding="5" cellspacing="0" align="center"|+'''ตวอยางตารางซอนตาราง'''|-! style="background:#efefef;" | หวตารางท 1! colspan="2" style="background:#ffdead;" | หวตารางท 2|-| แถวท 1 คอลมนท 1| แถวท 2 คอลมนท 1| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |right side|-| style="border-bottom:3px solid grey;" | แถวท 1 คอลมนท 2| style="border-bottom:3px solid grey;" | แถวท 2 คอลมนท 2|-| colspan="3" align="center" |{| border="0"|+''ตารางซอนตาราง''|-| align="center" width="150px" | [[Image:dogtoon01.png]]| align="center" width="150px" | [[Image:dogtoon02.png]]|-| align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" |สนข|}|}

ตวอยางตารางซอนตาราง

หวตารางท 1 หวตารางท 2

แถวท 1 คอลมนท 1 แถวท 2 คอลมนท 1 คอลมน 3

แถวท 2 คอลมนท 1

แถวท 2 คอลมนท 2

ตารางซอนตาราง

สนข

Page 22: Mediawiki training-doc-2

22

การแทรกภาพ

การเตรยมภาพเพออปโหลดการเตรยมภาพเพอการใชงานหมายถง การเตรยมภาพทมอยใหอยในรปแบบทเหมาะสมกบการใชอปโหลดเพอ ใชงานในเวบ ซงมลกษณะตางๆ ไดแก

• ภาพวาดหรอภาพกราฟกสตางๆ ทอยในรปแบบเวกเตอร หรอทมนามสกลไฟล เปน SVG ควรจะบนทกใหอยในรปแบบไฟลนามสกล PNG

• ภาพถายและภาพจากการแสกน ควรอยในรปแบบนามสกลไฟล JPEG

• ภาพเคลอนไหวควรอยในรปแบบนามสกลไฟล GIF

• ภาพจบจากหนาจอและซอฟตแวร ควรอยในรปแบบนามสกลไฟล PNG

การอปโหลดไฟลภาพโดยปกตระบบจะกำาหนดใหผใชทจะสามารถอปโหลดภาพไดคอผใชทมการ ลอกอนเขาระบบ เมอตองการอปโหลดภาพเพอใชงานจะตองเลอกเมนอปโหลด (Upload file) ทหนาอปโหลดภาพจะประกอบดวยสวนตางๆ คอ การเลอกทอยของภาพทจะอปโหลด ชอไฟลภาพทเราตองการตงสำาหรบไฟลภาพนน และคำาอธบายโดยยอเกยวกบภาพนนๆ เชน ผถายหรอเจาของภาพ แหลงทมาของภาพ เปนตน และสวนทสำาคญคอ การกำาหนดสญญาอนญาตของภาพ ในบางเวบไซตทมการกำาหนดลขสทธขอมลและภาพทงหมดอยแลวกอาจจะไม ไดกำาหนดสญญาอนญาตเฉพาะสำาหรบภาพนนๆ แตในบางททเปนแหลงขอมลรวมสาธารณะ เชน ท Wikipedia หรอสารานกรมเสรออนไลน การกำาหนดสญญาอนญาตการใชภาพถอเปนเรองทตองใหความสำาคญ เพอใหผใชคนอนๆ ไดทราบถงรายละเอยดขอบเขตของการใชภาพนนๆ

เมอใสขอมลรายละเอยดเพอการอปโหลดภาพแลว ระบบจะทำาการอปโหลดภาพและสรางหนาเฉพาะสำาหรบภาพนนๆ ซงจะเปนภาพขนาดเตมตามทอปโหลด และขอมลเกยวกบภาพทเราไดทำาการบนทกไว ประวตการใชภาพนนๆ และหนาบทความตางๆ ทภาพนลงกไป หรอทภาพนปรากฏ ทหนาภาพนเรายงสามารถทำาการแกไขขอมลเกยวกบภาพนนๆ ไดอกเหมอนกบหนาบทความทวไปทสามารถแกไขได

Page 23: Mediawiki training-doc-2

23

การกำาหนดชนดของการแสดงผลภาพการกำาหนดชนดของภาพทจะแสดงหมายถง การกำากบการแสดงภาพเพอใหแสดงผลตามขนาดทตองการ โดยทวไปลกษณะของการแทรกภาพในวกมเดยทใชจะม 4 ลกษณะ ดงตอไปน

1. การแสดงผลภาพแบบภาพปกตการแสดงผลภาพแบบปกต

หมายถงการกำาหนดคำาสงใหแสดงผลภาพ เหมอนและมขนาดเทากบภาพตนฉบบหรอมขนาดตางๆ ตามทกำาหนด โดยไมมกรอบลอมรอบภาพ และไมสามารถใสขอความกำากบภาพได สามารถทำาไดโดยใชคำาสงกำาหนดการแสดงภาพอยางงายวา

[[ภาพ:Kletkrahoo.jpg]]

ซงจะพมพคำาสงดวยตวเอง หรอคลกทไอคอน ทแถบเครองมอกได การใชคำาสงดงกลาวภาพทไดจะมขนาดเทาภาพจรง และขอความจะอยแถวเดยวกบภาพ ไมลอมรปภาพ เมอเราเพมภาพเขาในตำาแหนงใดของขอความภาพจะอยในชวงตำาแหนงนน ตวอยางเชน

วากนดวยเรองชอดอกไม ตนไม บอยๆ ครงกทำาเอางง เพราะตนบางตนหลายๆ ท หลายๆ คน กมชอเรยกตางๆ กน จรงๆ แลวคอตนเดยวกนเลยมหลายชอ โดยเฉพาะถาอยกนคนละภาค บางตน บางดอก ชอแทบจะไมสมพนธกนเลย ซงกจะเปนเรองของวฒนธรรมภาษาพนเมองดวย อยาง มหาหงส ทางภาคเหนอกจะมเรยกวา "เหนคำา"

เปนตน ลองมาคยกนเลนๆ เรองชอทวๆ ไปทเรารจกกนบางวา เขาตงชอกนยงไง หากวากนเรองชอ ทจะหนไปไดกคงจะเปนเรองของความไพเราะ จรงๆ ความไพเราะของแตละคนกคงไมเหมอนกน ฉนสงเกตวาเดยวนคนนยมไมมงคลกนมากขน พอมตนสายพนธผสมชนดใหมๆ โดยเฉพาะพวกวาน ชอมงคลทวาสวนใหญกจะเปนอะไรทใหความสบายใจ ใหกำาลงใจผปลก ประมาณวาเกยวกบ เงนทอง และความมทรพย จงมชอทเกยวในทำานองนอยมาก

เชน รวยไมเลก, เงนเตมบาน, เงนไหลมา, ทองไหลมา, อดมทรพย, เศรษฐเรอนใน หรอถงเงนถงทอง เปนตน กถอวาทำาใหผปลกรสกวาเปนมงคล สบายใจ กจะรสกชอบไปอกแบบ แตสำาหรบฉนชอเหลานทำาใหนกถงความสวยไมออก กเลยไปชอบเอาชอแบบฟงแลวเพราะ อยางชอดอกไมไทยเดมกมเพราะๆ ไดยนแลวรนห อยาง ราชพฤกษ, รสสคนธ, สรอยฟา, สรอยระยา, มจรนทร, แกวเจาจอม, หงสเหร, อณากรรณ, สพรรณการ, หรญญการ, เสาวรส, แกว หรอดาวประดบ เปนตน

Page 24: Mediawiki training-doc-2

24

การแสดงผลภาพแบบปกตนอกจากจะใชคำาสงงายๆ เพอใหไดภาพปรากฏขนาดเทาภาพจรงดงเดมแลว เรายงสามารถกำาหนดภาพเปนขนาดตางๆ ตามตองการ ตวอยางเชนจากภาพตนฉบบมขาดความกวางเทากบ 350px หากเราตองการใหแสดงผลภาพพรอมกนเปนภาพขนาดเทาตนฉบบและภาพขนาดความ กวางเปน 200px และใหทงสองภาพอยตรงกลางหนา เราใชคำาสงดงน

[[ภาพ:Kletkrahoo.jpg]] [[ภาพ:Kletkrahoo.jpg|200px]]

ซงจะไดผลดงน

2. การแสดงผลเปนภาพยอการแสดงผลเปนภาพยอ

หมายถง การกำาหนดใหแสดงผลภาพทตองการเปนขนาดภาพยอจากขนาดภาพจรง (thumbnail)

ททำาการอปโหลดไว โดยใชคำาสงอยางงายวา

[[ภาพ:ชอแฟมภาพ|thumb]]

คณสมบตปกตของการสงแสดงผลเปนภาพยอกคอ ภาพทแสดงผลจะปรากฏเปนภาพยออตโนมต แบบมกรอบลอมรอบภาพ และสามารถใสขอความบรรยายกำากบใตภาพได และหากไมไดกำาหนดตำาแหนงการปรากฏภาพ ภาพจะปรากฏอตโนมตทมมขวาบน โดยปกตหากไมไดมการกำาหนดขนาดของภาพยอ ภาพจะถกยออตโนมตทขนาด 180px แตเราสามารถกำาหนดขนาดโดยปรยายของการแสดงผลภาพยอใหมขนาดทเราตองการ ทกครงทเปนภาพยอ หรอกำาหนดขนาดทตองการในแตละครงโดยใชคำาสงขนาดทตองการใหปรากฏใน แตละครงกได ดงน

• การปรบขนาดอตโนมต

การทำาเปนภาพยอในระบบเราอาจจะตองทำาความเขาใจเกยวกบการปรบขนาดภาพยอโดยอตโนมตเสยกอน

การปรบแตงคาภาพในทนหมายถง การกำาหนดคาภาพทตองการใหปรากฏเมอเปนภาพยอ (thumbnails) หรอ

Page 25: Mediawiki training-doc-2

25

ภาพปกต เราสามารถทำาการตงคากำาหนดไดเองโดยทจะตองทำาการลอกอนเขาระบบเสยกอน แลวไปทเมน Special pages แลวเลอกไปทหวขอ preferences ไปททแถบเมน Files เพอกำาหนดคาขนาดภาพทตองการใหแสดงเมอกำาหนดเปนภาพยอ ปกตถาเราไมไดกำาหนดเปนพเศษภาพยอจะแสดงเปนคาภาพอตโนมตทขนาด 180px แตเมอเราตองการกำาหนดคาเองสามารถเลอกใหแสดงไดทคา 120px, 150px, 180px, 200px, 250px

หรอ 300px ในหนาเดยวกนนเรายงสามารถกำาหนดคาภาพทจะแสดงในหนา image description pages (

หนาทอยภาพหลงการอปโหลด) ซงปกตจะกำาหนดเปนคาปรยายท ความกวางหรอความสงไมเกน 800x600px

แตเราสามารถกำาหนดใหภาพแสดงไดขนาดตางๆ ดงน 320x240px, 640x480px, 800x600px,

1024x768px, 1280x1024px, หรอ 10000x10000px เมอภาพตนฉบบมขนาดเกนคาดงกลาวกจะมการลดขนาดภาพใหปรากฏไมเกน ขนาดทกำาหนด

• การใชคำาสงเพอใหแสดงผลเปนภาพยอ

คำาสงเพอใหภาพปรากฏเปนภาพยอและแสดงคำาบรรยายใตภาพคอ [[Image:Ch@@ngnaang.jpg|thumb|ชองนาง]]

ตวอยางการทำาเปนภาพยอไดแก

ชองนาง

เยอะเอามาก ๆ ทเดยว พดถงทงหมดคงจะไมไหวเปนแน อยางชวงนดอกสเหลองของตนนนทร และประดองสนากเรมแตกดอกบานสะพรง ฉนรสกวารอนนสสนสดใสของดอกไม ทำาใหหวใจของฉนแชมชน ลมความรอนอบอาวของลมรอนไปไดเปนพก ๆ ถาตองแลกกบไดชมสสนสวยสดใสของดอกไมทเหนไดแตในชวงน เมอเรว ๆ น ฉนไดมโอกาสพบกบเพอนคนหนงทเราเคยคนเคยกน กอนทจะหาง ๆ กนไป ในชวงเวลาทเรารจกกนนน ฉนยงไมไดมองรายละเอยดของตนไมอยางทมองเหมอนทกวนน และกเหมอนเขาทมองตนไมแบบมองตรงไมไดแหงนมอง ฉนอยากรวาเขาจะรมยวาดอกไมในลมรอนสวยแคไหน ฉนถามเขาวาเขามองตนไมรอบตวอยางไร เหนวามดอกมย และตนไหนดอกสอะไร หรอรบรเพยงแควาตนไมรอบตวมใบสเขยว เขาตอบวาอาจจะเปนอยางนน แตถามดอกเยอะ ๆ กอาจจะสงเกตเหนนะ ฉนบอกวาเขาวาลองดใหมนะ มองหาดอกไมของทกตน แลวจะทำาใหตนไมทอยรอบตวเขานนดสวยสดใสขนเปนกอง และจะทำาใหเขารสกไดความสดชนจากตนไมรอบ ๆ ตวเขามากขน เขาบอกวาจะลองด คำาตอบนทำาใหฉนรสกดใจมาก อยางนอยกรสกวาอาจจะมคนชอบดอกไมมากขน และฉนอยากใหเขามความสขจากการไดมองไดเหนดอกไมนน เปนความสขงาย ๆ ทเกบเกยวไดดวยตวเอง

หรอตองการกำาหนดขนาดภาพยอเอง ตวอยางเชน หากตองการไดภาพยอขนาดอตโนมตคอ 180px และขนาด 250px สามารถใชคำาสงคอ

[[Image:Ch@@ngnaang.jpg|thumb|ชองนาง]] [[Image:Ch@@ngnaang.jpg|thumb|250px|ชองนาง]]

Page 26: Mediawiki training-doc-2

26

ผลทไดคอ

ชองนาง

ชองนาง

3. การแสดงผลเปนภาพมกรอบการแสดงผลเปนภาพมกรอบ

หมายถง การกำาหนดใหภาพทแสดงปรากฏแบบมกรอบของภาพกำากบดวย ดวยคำาสง

[[ภาพ:ชอแฟมภาพ|frame]]

การแสดงผลเปนภาพแบบมกรอบจะคลายกบการแสดงผลแบบเปนภาพยอคอมกรอบภาพ และมขอความบรรยายใตภาพไดโดยเพมคำาสงเปน

[[ภาพ:ชอแฟมภาพ|frame|ขอความใตภาพ|]]

แตจะแตกตางคอ การแสดงผลเปนภาพแบบมกรอบจะแสดงผลตามขนาดภาพจรงเทานนไมสามารถกำาหนด เปนขนาดยอหรอขยายเกนจากภาพจรงได และโดยปกตภาพจะปรากฏทมมขวาบนโดยอตโนมต แตกสามารถกำาหนดตำาแหนงใหภาพปรากฏในตำาแหนงทตองการได ดงตวอยางการแสดงภาพทกรอบลอมรอบดงตอไปน

[[ภาพ:Butterfly311049.jpg|frame|ผเสอกลางคน]]

Page 27: Mediawiki training-doc-2

27

ผลของคำาสงคอ

ผเสอกลางคน

หากตองการกำาหนดตำาแหนงของภาพกสามารถทำาไดดงน

[[ภาพ:Butterfly300px.jpg|frame|left|ผเสอกลางคน]]

ผลของคำาสงคอ

ผเสอกลางคน

4. การแสดงผลเปนภาพมขอบการแสดงผลเปนภาพมขอบ

หมายถง การแสดงผลภาพคลายคลงกบการแสดงผลภาพปกตคอ สามารถกำาหนดขนาดภาพได ตำาแหนงของภาพปรากฏตามตำาแหนงทกำาหนดใหปรากฏ และไมมคำาบรรยายใตภาพ แตมลกษณะเดนทสำาคญคอมเสนขอบภาพ ดงตวอยางคำาสงดานลางนคอตองการแสดงผลภาพเดยวกนแบบมขอบเปนสอง ขนาดคอขนาดเทาภาพดงเดม และขนาดเลกกวาเปน 200px จงใชคำาสงดงตอไปน

{|align="center"|[[ภาพ:Butterfly300px.jpg|border]]

Page 28: Mediawiki training-doc-2

28

|[[ภาพ:Butterfly300px.jpg|border|200px]]|}

ผลทไดคอ

จากการอธบายการแสดงผลภาพแบบชนดตางๆ ขางตน สามารถสรปไดดงตอไปน

เปรยบเทยบการแสดงผลภาพแบบชนดตาง

ชนดการแสดงผล

คำาสงทใช คณสมบต

การแสดงผลภาพแบบปกต

[[ภาพ:ชอภาพ|ขนาด|ตำาแหนง]]

• แสดงผลภาพเหมอนภาพดงเดมหากไมกำาหนดอะไรเพมเตม

• สามารถกำาหนดขนาดได • ตำาแหนงภาพปรากฏตามท

กำาหนด • ใสคำาบรรยายใตภาพไมได

การแสดงผลภาพเปนภาพยอ

[[ภาพ:ชอภาพ|thumb|ขนาด|ตำาแหนง|คำาบรรยาย]]

• แสดงผลภาพเปนภาพยอมกรอบ

• ขนาดปรยายคอ 180px แตสามารถกำาหนดขนาดได

• ตำาแหนงภาพปรยายคอมมขวาบนแตสามารถกำาหนดได

• ใสคำาบรรยายใตภาพได

Page 29: Mediawiki training-doc-2

29

การแสดงผลภาพเปนภาพมกรอบ

[[ภาพ:ชอภาพ|frame|ตำาแหนง|คำาบรรยาย]]

• แสดงผลภาพเปนภาพขนาดเทาภาพดงเดมมกรอบภาพ

• ขนาดเทาภาพดงเดมไมสามารถกำาหนดได

• ตำาแหนงภาพปรยายคอมมขวาบนแตสามารถกำาหนดได

• ใสคำาบรรยายใตภาพได

การแสดงผลภาพเปนภาพมขอบ

[[ภาพ:ชอภาพ|border|ตำาแหนง|คำาบรรยาย]]

• แสดงผลภาพเหมอนภาพดงเดมหากไมกำาหนดอะไรเพมเตมและมขอบภาพ

• สามารถกำาหนดขนาดได • ตำาแหนงภาพปรากฏตามท

กำาหนด • ใสคำาบรรยายใตภาพไมได

การกำากบการแสดงผลภาพการใสภาพใหปรากฏในบทความ จะตองใชคำาสงกำาหนดใหภาพปรากฏ นอกจากการแสดงภาพแลว อาจจะมการกำาหนดคำาสงการกำากบภาพ (image markup) เพอใหภาพปรากฏตามคำาสง วาจะตองการใหภาพทปรากฏเปนชนดใด ขนาดเทาไหร ตำาแหนงไหน และมขอความกำากบใตภาพหรอไม โดยปกตนอกจากการกำาหนดชอภาพแลว การกำาหนดลกษณะความตองการตางๆ มกจะมลำาดบการกำากบคำาสงดงตอไปน : [[Image:{name}|{type}|{location}|{size}|{caption}]]

จากตวอยางภาพดานขวาจงใชคำาสงกำากบภาพดงตอไปน [[Image:Butterfly.jpg|thumb|right|ผเสอ]]

ผลของคำาสงคอ

ผเสอกลางคน

นอกจากนเรายงสามารถใชคำาสงอนๆ ทเกยวกบการใชงานภาพ ไดแก

Page 30: Mediawiki training-doc-2

30

• การลงกไปยงรปภาพโดยแสดงเปนขอความ เชน [[Media:kxxw.JPG|ดอกแกว]]

ผลของคำาสงคอ ดอกแกว ซงจะลงกไปยงภาพดอกแกวอกท

• แสดงชอไฟลภาพโดยไมแสดงภาพ เชน [[:Image:kxxw.JPG]]

ผลของคำาสงคอ Image:kxxw.JPG ซงจะลงกไปยงภาพดอกแกวอกท

การสรางคลงภาพเมอตองการแสดงภาพเปนชด เชนเดยวกบอลบมภาพ คอมหลายภาพในหนาเดยวกน ในวกพเดยสามารถใชคำาสงแบบงายๆ เพอใหแสดงผลภาพเปนชดได โดยภาพทแสดงเปนชดนนจะมลกษณะคลายกบภาพยอและคลกเพอดภาพจาก ตนฉบบจรง ในการใชคำาสงการแสดงภาพเปนชดนภาพจะมการยอขนาดอตโนมต สามารถแสดงขอความใตภาพซงสามารถทำาเปนลงกไปทเนอหาบทความท เกยวของไดตามตองการ ตวอยางคำาสงของการแสดงภาพเปนชดมดงน <gallery>Image:Thaantawan.jpg|ทานตะวนImage:Mali.JPG|มะลImage:Poojsiian.JPG|โปยเซยนImage:Phaksiian.JPG|ผกเสยนสมวง</gallery>

เมอแสดงผลจะปรากฏภาพดงน

ทานตะวน มะล โปยเซยน ผกเสยนสมวง

จากตวอยางขางตนยงสามารถเพมขอความทตองการแทรกได เชน ตองหารจดชดรปภาพเปนชดดอกไมสตางๆ โดยใชคำาสงตอไปน <gallery>ดอกไมสขาวimage:Phuuangkxxwkudan.jpg|[[พวงแกวกดน]]image:Phuuangchomphuu.JPG|พวงชมพขาวimage:Phutthachaatluuang01N.jpg|พทธชาตหลวงimage:Naangzuua.jpg|นางอวแกมชำาimage:Malulii.jpg|มะลลimage:Mali02290649.JPG|มะลซอนimage:Thiwaa04N.JPG|ทวาดอกไมสแดง

Page 31: Mediawiki training-doc-2

31

image:[email protected]|ยางนองเถาimage:Poojsiian02.JPG|โปยเซยนimage:Mikkii.jpg|มกกเมาสimage:Hoya01.JPG|โฮยาimage:Paaloosxxnthoot.jpg|ปาโลแซนโทสimage:Pattaawiia.jpg|ปตตาเวยimage:Phuuangnaak01230749.JPG|พวงแกวแดงดอกไมสมวงimage:Thiianyot.jpg|เทยนหยดimage:Phaksiian.JPG|ผกเสยนสมวงimage:Zanchan03N.jpg|อญชญimage:Mawxxngtheet.jpg|มะแวงเทศimage:Thiian.jpg|เทยนดอยimage:Sangk@@raniisiimuuang.jpg|สงกรณสมวงimage:[email protected]|สรอยอนทนลดอกไมสเหลองimage:Deesii.jpg|ดาลเบรกดเซimage:Mikkii-yellow.jpg|มกกเมาสimage:Chaangnaaw.jpg|ชางนาวimage:Thaantawan.jpg|ทานตะวนimage:Buuat@@ng4.jpg|บวตองimage:Buuabaa.jpg|บวบาimage:Hoyaa03.jpg|โฮยา</gallery>

แสดงผลดงน และดตวอยางการลงกไปบทความท "พวงแกวกดน"

ดอกไมสขาว

พวงแกวกดน พวงชมพขาว พทธชาตหลวง

นางอวแกมชำา มะลล มะลซอน

ทวา

ดอกไมสแดง

Page 32: Mediawiki training-doc-2

32

ยางนองเถา โปยเซยน มกกเมาส

โฮยา ปาโลแซนโทส ปตตาเวย พวงแกวแดง

ดอกไมสมวง

เทยนหยด ผกเสยนสมวง อญชญ

มะแวงเทศ เทยนดอย สงกรณสมวง สรอยอนทนล

ดอกไมสเหลอง

ดาลเบรกเดซ มกกเมาส ชางนาว

ทานตะวน บวตอง บวบา โฮยา