1
เอกสารประกอบการอบรม
การสรางเนอหาบนเวบดวย MediaWiki
นายกำาธร ไกรรกษหนวยปฏบตการวจยพฒนาซอฟตแวรโอเพนซอรส (OSS)
ศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชาต
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
3
Overviews
การสมครและลอกอนกอนจะเขาไปแกไขขอมลบน Wiki ไดตองสมครเปนสมาชกและลอกอนเสยกอน ถายงไมลอกอนจะอานขอมลไดอยางเดยว โดยจะสงเกตเหนวามมบนขวาจะมลงกใหลอกอน และทหนาวกจะไมมลงกใหแกไขขอมล
การสมครใหคลกลงก Log in / create account ทอยมมขวาบน จะเขาสหนาลอกอนดงภาพ
คลกลงก Create an account
4
การลอกอนคลกทลงก Log in อกครง แลวใส username และ password ทตงไว แลวกด Log in ถาถกตองจะกลบไปทหนาเดม สงเกตวาแถบบนสดจะแสดงชอและลงกของผใชขนมา และมลงก edit ใหแกไขหนาได
5
การเขาถงเนอหาสามารถเขาถงเนอหาใน wiki ไดหลายวธ ไดแก
1. เขาจากลงกจากหนาหลก (Main_Page) ซงจะเชอมโยงไปยงหนาตาง ๆ และแตละหนาจะเชอมโยงไปหนาอนทเกยวของอกท
2. ใชวธคนหา (search) โดยถาคนหาดวยคยเวรดทตรงกบชอของหนา จะเขาไปยงหนานนทนท แตถาคนเจอในเนอหาสวนหนงของหนา จะแสดงรายชอหนามาใหเลอก
3. เขาถงโดยตรง ถาทราบลงกของหนานน ๆ หรอทำา bookmark ไว หรอลงกมาจากไซตอน ๆ
การแกไขหนา (edit page)
การเพมเนอหาและการแกไขบทความ ไมวาจะเปนการสรางหนาเนอหาใหม หรอแกไขจากเนอหาเดมทมอยแลว ผใชสามารถทำาไดดวยการเลอกฟงกชนแกไข (edit this page) ทแถบเมนดานบนของหนา เมอเขาไปทหนาแกไขดงกลาว ผใชจะสามารถทำาการแกไขเนอหาไดตามทตองการ ลกษณะการทำางานกทำาไดเชนเดยวกบการพมพขอความปกต นอกเหนอจากการพมพปกตธรรมดา การใชคำาสงอนๆ ผใชสามารถทำาการแกไขเนอหาโดยการใชคำาสงในลกษณะตางๆ คอ ใช code เพอ tag ในรปแบบ HTML ตามทผใชสวนใหญคนเคยได แตโดยหลกการแลว ในสวนของโปรแกรมน จะมรปแบบไวยากรณ ทใชเฉพาะอยแลวทเรยกวา Wiki markup ซงจะมความงายและซบซอนนอยกวารปแบบ HTML เดมทใชอย นอกจากนผใชยงสามารถใชฟงกชนเครองมอแกไขอตโนมตซงจะมไอคอน เพอชวยการแกไขตางๆ ทแถบเครองมอดานบนของหนาตางแกไข ในสวนของการแกไขหนาบทความนจะไดกลาวถงรายละเอยดในบทตอไป
นอกเหนอจากการแกไขเนอหาตามปกต ในสวนอนๆ ทสำาคญของหนาแกไขทผใชจะตองทำาความรจกเพอชวยการแกไขหนาให สมบรณ ซงสวนนจะอยททายหนาตางแกไข คอ
การสรปการแกไข (Edit summary)
คอการอธบายการแกไขท ไดทำาไปโดยสรป สวนของสรปนจะเปนบนทกปรากฏทหนาบนทกประวตการเปลยนแปลงเนอหา เพอชวยใหผใชสามารถตดตามไดวาเนอหาสวนไหนมการเปลยนแปลง และ
6
เปลยนแปลงในใจความสำาคญเรองอะไร เปนตน
การแสดงตวอยางหนากอนการบนทกเพอแสดงผลจรง (Show preview)
เมอ เราทำาการแกไขเนอหา ในระหวางททำาการแกไข ลกษณะขอความและคำาสงทใชจะปรากฏผลการแสดงแตกตางจากหนาทแสดงจรง ดงนนหากเราตองการทราบวาขอความการแกไขทพมพไปจะปรากฏผลตามท ตองการหรอไม กอนทเราจะบนทกการแกไขนน เรากสามารถเรยกดตวอยางการแสดงผลไดโดยการกดทปม Show preview
การบนทกการแกไข (Save page)
เมอทำาการแกไขเนอหาแลวตองการใหการแกไขเนอหาแสดงผลตามทแกไข กจะทำาการบนทกผลการแกไขโดยการกดทปม Save page
การแสดงตวอยางเปรยบเทยบเนอหาทแกไข (Save changes)
เมอเราไดทำาการเปลยนแปลงแกไขเนอหาบทความจากเนอหาเดมทมอย และตองการตรวจสอบดวาเราไดทำาการเปลยนแปลงทสวนใดของเนอหา และเปลยนแปลงเพมเตมอยางไร เรากสามารถทำาไดโดยการกดทปม Save changes ระบบกจะแสดงหนาตางเปรยบเทยบขอความเดมกอนการแกไข และขอความใหมทมการเปลยนแปลงและเนนแสดงใหเหนสวนทมการ เปลยนแปลงวาเปลยนแปลงอยางไรบาง
discussion
หนาสนทนาผใช หรอทเรยกวาหนา "พดคย" เปนองคประกอบสำาคญทมาควบคกบหนาบทความนนๆ หนาสนทนาผใชมลกษณะเชนเดยวกบหนาเนอหาบทความ ทผใชสามารถเขาไปอานเนอหาและสามารถแกไขหรอเพมเตมเนอหาได สาระสำาคญของหนาสนทนาผใชนมเพอเปดโอกาสใหผใชหลายๆ ทานทมความสนใจในเนอหาบทความเรองเดยวกนน ไดแสดงความคดเหนเกยวกบเนอหา เปรยบเสมอนเปนเวทความเหนในเรองนนๆ ซงผเขยนยงไมตองการนำาไปสรปเปนเนอหาจรง ความเหนหรอขอสรปบางประการอาจจะสามารถนำาไปเพมเตมในสวนของเนอหาได ในทสด ถาจะเปรยบสวนของหนาสนทนาผใชกคงเหมอนกบเวบบอรดแสดงความคดเหน ใหผทสนใจในเรองเดยวกนไดแบงปนความคดเหนรวมกน
7
history
หนาบนทกการแกไขจะเปนบนทกประวตการแกไขของบทความเรองนนๆ โดยจะบนทกวนเวลาและผทแกไข สวนทแกไข หากผทแกไขมสรปบนทกการแกไขจะปรากฏขอความทบนทกสรปเพอใหผ ใชทกคนทราบการแกไข หากผทแกไขไมไดทำาการเขาระบบจะถกบนทกแทนดวยหมายเลข IP ของเครอง นอกจากนผใชยงสามารถเปรยบเทยบความแตกตางของการแกไขในแตละอนของ การแกไขทเลอกวามความเปลยนแปลงการแกไขอยางไรบางได จากตวอยางเมอเปรยบเทยบสองรนทแกไขในเวลาทตางกน สวนทเนนสเหลองจะเปนสวนทบอกวามการแกไขเพมเตมอยางไรบาง
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 การทำางาน แสดงผลในการแกไข แสดงผลคำาสง
เนนอกขระตวหนา '''บทความ''' บทความ
อกขระตวเอยง ''บทความ'' บทความ
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)
แทรกตาราง
ใสชอหมวดหม
ใสชอแมแบบ
การสรปการแกไขหนา การสรปการแกไขหนา คอการสรปการแกไขในแตละหนาในแตละครงวามใจความสำาคญในการแกไขอยาง ใดบาง ซงการสรปการแกไขหนาบทความจะเปนประโยชนอยางยงสำาหรบผใชคนอนๆ ทไดสรางและแกไขเนอหาในบทความเดยวกนกจะไดตดตามไดวาเนอหาตอน นมการเปลยนแปลงอยางใดบาง ผใชคนอนๆ ทตดตามอานกจะไดทราบถงเนอหาทมการปรบปรง
วธการสรปการแกไขหนาบทความคอ เขยนสรปเปนเนอหาสำาคญทไดทำาการแกไขทชองสรปการแกไขเนอหาท ทายบทความนน ชองสรปการแกไขเนอหาททายหนาตางแกไขบทความมลกษณะดงน
ในการเขยนสรปการแกไข ควรสรปใจความสำาคญใหสนๆ กระชบ และชดเจน เพราะในชองสรปดงกลาวจะบรรจ
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]
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
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): หมายถงลงกทเชอมไปยงเวบภายนอก
การสรางลงกในลกษณะตางๆ สามารถทำาไดดงน
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 วกพเดยไทย]วกพเดยไทย
รปแบบคำาสงสำาหรบรายการลำาดบ จากตวอยางในตารางดานลางน คอรปแบบการกำากบคำาสงเพอจดขอความใหอยในรปแบบรายการลำาดบพนฐาน ทวไปทใชงานบอย ดงตวอยางตอไปน
การใชคำาสง ตวอยาง
* ลำาดบรายการงายๆ:** เรมทแตละบรรทด* ขนตนดวยเครองหมายดอกจน** ถาใชเครองหมายดอกจนเพมมากขน*** หมายถงลำาดบยอยลงไปอก
• ลำาดบรายการงายๆ:
• เรมทแตละบรรทด • ขนตนดวยเครองหมายดอกจน
• ถาใชเครองหมายดอกจนเพมมากขน
• หมายถงลำาดบยอยลงไปอก
*การขนบรรทดใหม*ตอจากรายการลำาดบนนหมายถงการสนสดการแสดงลำาดบรายการแต
• การขนบรรทดใหม • ตอจากรายการลำาดบนน
14
*คณสามารถ*เรมรายการลำาดบใหมได
หมายถงการสนสดการแสดงลำาดบรายการ
แต
• คณสามารถ • เรมรายการลำาดบใหมได
# การใชรายการลำาดบตวเลข## ทำาใหดมการจดลำาดบเรยบรอยด## งายกบการตดตาม
1. การใชรายการลำาดบตวเลข 1. ทำาใหดมการจดลำาดบ
เรยบรอยด 2. งายกบการตดตาม
* คณยงสามารถ**ตดบรรทด**ไดตามตวอยางน
• คณยงสามารถ • ตดบรรทด • ไดตามตวอยางน
; รายการคำาจำากดความ; รายการ : คำาจำากดความ; อฒภาค ตามดวยคำา: ทวภาคตามดวยคำาจำากดความ
รายการคำาจำากดความ รายการ
คำาจำากดความ อฒภาค ตามดวยคำา
ทวภาคตามดวยคำาจำากดความ
* หรอจะสรางรายการลำาดบแบบผสม*# โยงใยสมพนธกน*#* เหมอนกบตวอยางน*#*: งาน*#*; แอปเปล*#*; กลวย*#*: ผลไม
• หรอจะสรางรายการลำาดบแบบผสม 1. โยงใยสมพนธกน
• เหมอนกบตวอยางน งาน
แอปเปล กลวย
ผลไม
การใชภาษา HTML กบ Wikicode
โดยปกตการสรางตารางในวกสามารถสรางดวยภาษา HTML แตในอกรปแบบหนงสามารถใช wikicode เรยกวา pipe code ซงจะงายและกระชบกวา ดงเปรยบเทยบการใชภาษา HTML กบ Wikicode ในการสรางตารางดงตอไปน
15
เปรยบเทยบการใชภาษา HTML กบ Wikicode ในการสรางตารางวก
คำาสง HTML Wikicode
สรางตาราง <table>ตาราง</table> {|ตาราง|}
ชอตาราง <caption>ชอตาราง</caption> |+ชอตาราง
เพมแถว <tr></tr> |-
คอลมนในแถว <td>คอลมน 1</td><td>คอลมน 2</td> |คอลมน 1|คอลมน 2
ชอหวคอลมน <th>ชอหวคอลมน</th> !ชอหวคอลมน
สรางตารางอยางงายดวย Wikicode
การสรางตารางอยางงายดวย Wikicode สามารถทำาไดดงขนตอนตอไปน
• เรมตนคำาสงสรางตารางดวยเครองหมาย {| และสนสดตารางดวยเครองหมาย |}
{|
เรมตนคำาสงการสรางตาราง|}
• ตองการเพมชอตาราง ใชเครองหมาย |+ ตามดวยชอตาราง ซงชอตารางนจะปรากฏเหนอหวตารางทสราง
{|
|+ชอตาราง
เรมตนคำาสงการสรางตาราง|}
• เรมสรางแถวของตารางโดยใชเครองหมาย |- แถวตอไปหลงเครองหมายจะเปนคำาสงเรมแถวและเนอหาในแถว
{|
|+ชอตาราง|- เรมแถวแรก |-เรมแถวตอไป|}
16
• คำาสงเรมแถวใชเครองหมาย |
{|
|+ชอตาราง|-
|คอลมนทหนงในแถวแรก|คอลมนทสองในแถวแรก|-
|คอลมนทหนงในแถวสองมา|คอลมนทสองในแถวสอง|}
ตวอยางตารางทได
แถวท 1 คอลมน 1 แถวท 1 คอลมน 2
แถวท 2 คอลมน 1 แถวท 2 คอลมน 2
• นอกจากการใชครองหมาย | ในแตละบรรทดเพอแยกแตละคอลมนในแตละแถวยงสามารถใชคำาสงเปน || ในบรรทดเดยวกนเพอแสดงการแยกคอลมนในแถวได
{|
|+ ชอตาราง|-
|คอลมน 1 || คอลมน 2 || คอลมน 3|-
|คอลมน ก |คอลมน ข|คอลมน ค|}
• หากตองการเพมชอในแตละหวคอลมนจะใชเครองหมาย ! แสดงการแยกคอลมนแทน |
{|
|+ ชอตาราง|-
!ชอคอลมน 1 !! ชอคอลมน 2 !! ชอคอลมน 3|-
|คอลมน 1 || คอลมน 2 || คอลมน 3|-
17
|คอลมน ก |คอลมน ข|คอลมน ค|}
• นอกจากการเพมชอในแตละหวคอลมนแลว หากตองการเพมชอแถวยงสามารถใชเครองหมาย ! แทน | ในคอลมนแรกเพอแสดงชอหวแถวได
{|
|+ ชอตาราง|-
!ชอคอลมน 1 !! ชอคอลมน 2 !! ชอคอลมน 3|-
! หวแถว 1
|คอลมน 2 || คอลมน 3|-
! หวแถว 2
|คอลมน ข|คอลมน ค|}
• จากคำาสงขางตนน เมอแสดงผลจะไมมการแสดงเสนแบงขอบตาราง ไดแก
ชอตาราง ชอคอลมน 1 ชอคอลมน 2 ชอคอลมน 3
หวแถว 1 คอลมน 2 คอลมน 3
หวแถว 2 คอลมน ข คอลมน ค ดงนนเมอตองการใหมเสนแบงขอบตารางควรใชคำาสงเพมเตม เชน
{| border="1"
|+ ชอตาราง|-
!ชอคอลมน 1 !! ชอคอลมน 2 !! ชอคอลมน 3|-
! หวแถว 1
|คอลมน 2 || คอลมน 3|-
! หวแถว 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|}
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|}
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|แกว]] |}
จะไดผลลพธตารางดงตอไปน
ดอกไมประจำาจงหวด
ชอดอกไม ประจำาจงหวด ภาพดอกไม
ราชพฤกษ ขอนแกน
แกว สระแกว
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
ตารางซอนตาราง
สนข
22
การแทรกภาพ
การเตรยมภาพเพออปโหลดการเตรยมภาพเพอการใชงานหมายถง การเตรยมภาพทมอยใหอยในรปแบบทเหมาะสมกบการใชอปโหลดเพอ ใชงานในเวบ ซงมลกษณะตางๆ ไดแก
• ภาพวาดหรอภาพกราฟกสตางๆ ทอยในรปแบบเวกเตอร หรอทมนามสกลไฟล เปน SVG ควรจะบนทกใหอยในรปแบบไฟลนามสกล PNG
• ภาพถายและภาพจากการแสกน ควรอยในรปแบบนามสกลไฟล JPEG
• ภาพเคลอนไหวควรอยในรปแบบนามสกลไฟล GIF
• ภาพจบจากหนาจอและซอฟตแวร ควรอยในรปแบบนามสกลไฟล PNG
การอปโหลดไฟลภาพโดยปกตระบบจะกำาหนดใหผใชทจะสามารถอปโหลดภาพไดคอผใชทมการ ลอกอนเขาระบบ เมอตองการอปโหลดภาพเพอใชงานจะตองเลอกเมนอปโหลด (Upload file) ทหนาอปโหลดภาพจะประกอบดวยสวนตางๆ คอ การเลอกทอยของภาพทจะอปโหลด ชอไฟลภาพทเราตองการตงสำาหรบไฟลภาพนน และคำาอธบายโดยยอเกยวกบภาพนนๆ เชน ผถายหรอเจาของภาพ แหลงทมาของภาพ เปนตน และสวนทสำาคญคอ การกำาหนดสญญาอนญาตของภาพ ในบางเวบไซตทมการกำาหนดลขสทธขอมลและภาพทงหมดอยแลวกอาจจะไม ไดกำาหนดสญญาอนญาตเฉพาะสำาหรบภาพนนๆ แตในบางททเปนแหลงขอมลรวมสาธารณะ เชน ท Wikipedia หรอสารานกรมเสรออนไลน การกำาหนดสญญาอนญาตการใชภาพถอเปนเรองทตองใหความสำาคญ เพอใหผใชคนอนๆ ไดทราบถงรายละเอยดขอบเขตของการใชภาพนนๆ
เมอใสขอมลรายละเอยดเพอการอปโหลดภาพแลว ระบบจะทำาการอปโหลดภาพและสรางหนาเฉพาะสำาหรบภาพนนๆ ซงจะเปนภาพขนาดเตมตามทอปโหลด และขอมลเกยวกบภาพทเราไดทำาการบนทกไว ประวตการใชภาพนนๆ และหนาบทความตางๆ ทภาพนลงกไป หรอทภาพนปรากฏ ทหนาภาพนเรายงสามารถทำาการแกไขขอมลเกยวกบภาพนนๆ ไดอกเหมอนกบหนาบทความทวไปทสามารถแกไขได
23
การกำาหนดชนดของการแสดงผลภาพการกำาหนดชนดของภาพทจะแสดงหมายถง การกำากบการแสดงภาพเพอใหแสดงผลตามขนาดทตองการ โดยทวไปลกษณะของการแทรกภาพในวกมเดยทใชจะม 4 ลกษณะ ดงตอไปน
1. การแสดงผลภาพแบบภาพปกตการแสดงผลภาพแบบปกต
หมายถงการกำาหนดคำาสงใหแสดงผลภาพ เหมอนและมขนาดเทากบภาพตนฉบบหรอมขนาดตางๆ ตามทกำาหนด โดยไมมกรอบลอมรอบภาพ และไมสามารถใสขอความกำากบภาพได สามารถทำาไดโดยใชคำาสงกำาหนดการแสดงภาพอยางงายวา
[[ภาพ:Kletkrahoo.jpg]]
ซงจะพมพคำาสงดวยตวเอง หรอคลกทไอคอน ทแถบเครองมอกได การใชคำาสงดงกลาวภาพทไดจะมขนาดเทาภาพจรง และขอความจะอยแถวเดยวกบภาพ ไมลอมรปภาพ เมอเราเพมภาพเขาในตำาแหนงใดของขอความภาพจะอยในชวงตำาแหนงนน ตวอยางเชน
วากนดวยเรองชอดอกไม ตนไม บอยๆ ครงกทำาเอางง เพราะตนบางตนหลายๆ ท หลายๆ คน กมชอเรยกตางๆ กน จรงๆ แลวคอตนเดยวกนเลยมหลายชอ โดยเฉพาะถาอยกนคนละภาค บางตน บางดอก ชอแทบจะไมสมพนธกนเลย ซงกจะเปนเรองของวฒนธรรมภาษาพนเมองดวย อยาง มหาหงส ทางภาคเหนอกจะมเรยกวา "เหนคำา"
เปนตน ลองมาคยกนเลนๆ เรองชอทวๆ ไปทเรารจกกนบางวา เขาตงชอกนยงไง หากวากนเรองชอ ทจะหนไปไดกคงจะเปนเรองของความไพเราะ จรงๆ ความไพเราะของแตละคนกคงไมเหมอนกน ฉนสงเกตวาเดยวนคนนยมไมมงคลกนมากขน พอมตนสายพนธผสมชนดใหมๆ โดยเฉพาะพวกวาน ชอมงคลทวาสวนใหญกจะเปนอะไรทใหความสบายใจ ใหกำาลงใจผปลก ประมาณวาเกยวกบ เงนทอง และความมทรพย จงมชอทเกยวในทำานองนอยมาก
เชน รวยไมเลก, เงนเตมบาน, เงนไหลมา, ทองไหลมา, อดมทรพย, เศรษฐเรอนใน หรอถงเงนถงทอง เปนตน กถอวาทำาใหผปลกรสกวาเปนมงคล สบายใจ กจะรสกชอบไปอกแบบ แตสำาหรบฉนชอเหลานทำาใหนกถงความสวยไมออก กเลยไปชอบเอาชอแบบฟงแลวเพราะ อยางชอดอกไมไทยเดมกมเพราะๆ ไดยนแลวรนห อยาง ราชพฤกษ, รสสคนธ, สรอยฟา, สรอยระยา, มจรนทร, แกวเจาจอม, หงสเหร, อณากรรณ, สพรรณการ, หรญญการ, เสาวรส, แกว หรอดาวประดบ เปนตน
24
การแสดงผลภาพแบบปกตนอกจากจะใชคำาสงงายๆ เพอใหไดภาพปรากฏขนาดเทาภาพจรงดงเดมแลว เรายงสามารถกำาหนดภาพเปนขนาดตางๆ ตามตองการ ตวอยางเชนจากภาพตนฉบบมขาดความกวางเทากบ 350px หากเราตองการใหแสดงผลภาพพรอมกนเปนภาพขนาดเทาตนฉบบและภาพขนาดความ กวางเปน 200px และใหทงสองภาพอยตรงกลางหนา เราใชคำาสงดงน
[[ภาพ:Kletkrahoo.jpg]] [[ภาพ:Kletkrahoo.jpg|200px]]
ซงจะไดผลดงน
2. การแสดงผลเปนภาพยอการแสดงผลเปนภาพยอ
หมายถง การกำาหนดใหแสดงผลภาพทตองการเปนขนาดภาพยอจากขนาดภาพจรง (thumbnail)
ททำาการอปโหลดไว โดยใชคำาสงอยางงายวา
[[ภาพ:ชอแฟมภาพ|thumb]]
คณสมบตปกตของการสงแสดงผลเปนภาพยอกคอ ภาพทแสดงผลจะปรากฏเปนภาพยออตโนมต แบบมกรอบลอมรอบภาพ และสามารถใสขอความบรรยายกำากบใตภาพได และหากไมไดกำาหนดตำาแหนงการปรากฏภาพ ภาพจะปรากฏอตโนมตทมมขวาบน โดยปกตหากไมไดมการกำาหนดขนาดของภาพยอ ภาพจะถกยออตโนมตทขนาด 180px แตเราสามารถกำาหนดขนาดโดยปรยายของการแสดงผลภาพยอใหมขนาดทเราตองการ ทกครงทเปนภาพยอ หรอกำาหนดขนาดทตองการในแตละครงโดยใชคำาสงขนาดทตองการใหปรากฏใน แตละครงกได ดงน
• การปรบขนาดอตโนมต
การทำาเปนภาพยอในระบบเราอาจจะตองทำาความเขาใจเกยวกบการปรบขนาดภาพยอโดยอตโนมตเสยกอน
การปรบแตงคาภาพในทนหมายถง การกำาหนดคาภาพทตองการใหปรากฏเมอเปนภาพยอ (thumbnails) หรอ
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|ชองนาง]]
26
ผลทไดคอ
ชองนาง
ชองนาง
3. การแสดงผลเปนภาพมกรอบการแสดงผลเปนภาพมกรอบ
หมายถง การกำาหนดใหภาพทแสดงปรากฏแบบมกรอบของภาพกำากบดวย ดวยคำาสง
[[ภาพ:ชอแฟมภาพ|frame]]
การแสดงผลเปนภาพแบบมกรอบจะคลายกบการแสดงผลแบบเปนภาพยอคอมกรอบภาพ และมขอความบรรยายใตภาพไดโดยเพมคำาสงเปน
[[ภาพ:ชอแฟมภาพ|frame|ขอความใตภาพ|]]
แตจะแตกตางคอ การแสดงผลเปนภาพแบบมกรอบจะแสดงผลตามขนาดภาพจรงเทานนไมสามารถกำาหนด เปนขนาดยอหรอขยายเกนจากภาพจรงได และโดยปกตภาพจะปรากฏทมมขวาบนโดยอตโนมต แตกสามารถกำาหนดตำาแหนงใหภาพปรากฏในตำาแหนงทตองการได ดงตวอยางการแสดงภาพทกรอบลอมรอบดงตอไปน
[[ภาพ:Butterfly311049.jpg|frame|ผเสอกลางคน]]
27
ผลของคำาสงคอ
ผเสอกลางคน
หากตองการกำาหนดตำาแหนงของภาพกสามารถทำาไดดงน
[[ภาพ:Butterfly300px.jpg|frame|left|ผเสอกลางคน]]
ผลของคำาสงคอ
ผเสอกลางคน
4. การแสดงผลเปนภาพมขอบการแสดงผลเปนภาพมขอบ
หมายถง การแสดงผลภาพคลายคลงกบการแสดงผลภาพปกตคอ สามารถกำาหนดขนาดภาพได ตำาแหนงของภาพปรากฏตามตำาแหนงทกำาหนดใหปรากฏ และไมมคำาบรรยายใตภาพ แตมลกษณะเดนทสำาคญคอมเสนขอบภาพ ดงตวอยางคำาสงดานลางนคอตองการแสดงผลภาพเดยวกนแบบมขอบเปนสอง ขนาดคอขนาดเทาภาพดงเดม และขนาดเลกกวาเปน 200px จงใชคำาสงดงตอไปน
{|align="center"|[[ภาพ:Butterfly300px.jpg|border]]
28
|[[ภาพ:Butterfly300px.jpg|border|200px]]|}
ผลทไดคอ
จากการอธบายการแสดงผลภาพแบบชนดตางๆ ขางตน สามารถสรปไดดงตอไปน
เปรยบเทยบการแสดงผลภาพแบบชนดตาง
ชนดการแสดงผล
คำาสงทใช คณสมบต
การแสดงผลภาพแบบปกต
[[ภาพ:ชอภาพ|ขนาด|ตำาแหนง]]
• แสดงผลภาพเหมอนภาพดงเดมหากไมกำาหนดอะไรเพมเตม
• สามารถกำาหนดขนาดได • ตำาแหนงภาพปรากฏตามท
กำาหนด • ใสคำาบรรยายใตภาพไมได
การแสดงผลภาพเปนภาพยอ
[[ภาพ:ชอภาพ|thumb|ขนาด|ตำาแหนง|คำาบรรยาย]]
• แสดงผลภาพเปนภาพยอมกรอบ
• ขนาดปรยายคอ 180px แตสามารถกำาหนดขนาดได
• ตำาแหนงภาพปรยายคอมมขวาบนแตสามารถกำาหนดได
• ใสคำาบรรยายใตภาพได
29
การแสดงผลภาพเปนภาพมกรอบ
[[ภาพ:ชอภาพ|frame|ตำาแหนง|คำาบรรยาย]]
• แสดงผลภาพเปนภาพขนาดเทาภาพดงเดมมกรอบภาพ
• ขนาดเทาภาพดงเดมไมสามารถกำาหนดได
• ตำาแหนงภาพปรยายคอมมขวาบนแตสามารถกำาหนดได
• ใสคำาบรรยายใตภาพได
การแสดงผลภาพเปนภาพมขอบ
[[ภาพ:ชอภาพ|border|ตำาแหนง|คำาบรรยาย]]
• แสดงผลภาพเหมอนภาพดงเดมหากไมกำาหนดอะไรเพมเตมและมขอบภาพ
• สามารถกำาหนดขนาดได • ตำาแหนงภาพปรากฏตามท
กำาหนด • ใสคำาบรรยายใตภาพไมได
การกำากบการแสดงผลภาพการใสภาพใหปรากฏในบทความ จะตองใชคำาสงกำาหนดใหภาพปรากฏ นอกจากการแสดงภาพแลว อาจจะมการกำาหนดคำาสงการกำากบภาพ (image markup) เพอใหภาพปรากฏตามคำาสง วาจะตองการใหภาพทปรากฏเปนชนดใด ขนาดเทาไหร ตำาแหนงไหน และมขอความกำากบใตภาพหรอไม โดยปกตนอกจากการกำาหนดชอภาพแลว การกำาหนดลกษณะความตองการตางๆ มกจะมลำาดบการกำากบคำาสงดงตอไปน : [[Image:{name}|{type}|{location}|{size}|{caption}]]
จากตวอยางภาพดานขวาจงใชคำาสงกำากบภาพดงตอไปน [[Image:Butterfly.jpg|thumb|right|ผเสอ]]
ผลของคำาสงคอ
ผเสอกลางคน
นอกจากนเรายงสามารถใชคำาสงอนๆ ทเกยวกบการใชงานภาพ ไดแก
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|ทวาดอกไมสแดง
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>
แสดงผลดงน และดตวอยางการลงกไปบทความท "พวงแกวกดน"
ดอกไมสขาว
พวงแกวกดน พวงชมพขาว พทธชาตหลวง
นางอวแกมชำา มะลล มะลซอน
ทวา
ดอกไมสแดง
32
ยางนองเถา โปยเซยน มกกเมาส
โฮยา ปาโลแซนโทส ปตตาเวย พวงแกวแดง
ดอกไมสมวง
เทยนหยด ผกเสยนสมวง อญชญ
มะแวงเทศ เทยนดอย สงกรณสมวง สรอยอนทนล
ดอกไมสเหลอง
ดาลเบรกเดซ มกกเมาส ชางนาว
ทานตะวน บวตอง บวบา โฮยา