Wikipedia

Wikipedia:Tutorial imej: Perbezaan antara semakan

Layar sejarah secara interaktif
← Suntingan sebelumnyaSuntingan berikutnya →
Kandungan dihapus Kandungan ditambah
VisualWikiteks
PM Poon (bincang | sumb.)
28,020 suntingan
Tiada ringkasan suntingan
PM Poon (bincang | sumb.)
28,020 suntingan
Tiada ringkasan suntingan
Baris 3:
{{gaya}}
 
Ini adalah tutorial mengenai cara untuk memasukkan gambar ke dalam rencana Wikipedia menggunakanmelalui penggunaan Wikiformat. Terdapat juga [[Wikipedia:Sintaks imej terperluas|sintaks yang lebih ringkas.]].
 
Jika anda memerlukan bantuan untuk [[Wikipedia:Muat naik imej|muat naik imej]], atau untuk memilih gambar yang sesuai bagi sesuatu rencana, anda harus juga harus membaca [[Wikipedia:Polisi penggunaan imej|polisi penggunaan imej]] kami. Perhatikan bahawa imej dalam kebanyakan laman web mempunyai hak cipta dan harus TIDAK di muat naik kedalam Wikipedia.
 
Sebelum anda memasukkan gambar ke dalam rencana, anda harus melihat halaman penerangan imej untuk mengenalpastikan taraf hak cipta imej itu danserta memastikan bahawa taraf hak cipta imej itu telah dinyatakan dengan jelas. Adalah lebih baik jika anda menggunakan salah satu [[Wikipedia:Teg hak cipta imej|teg hak cipta imej]], jika sesuai.
 
Bagi tujuan tutorial ini, kesemua contoh akan menggunakan maskot Wikipedia Stevertigo sebagai gambar. Teks "dami", yang dikenali sebagai "Lorem Ipsum" dan yang hanya digunakan untuk menunjukkan kesan mencampurkan gambar dengan teks panjang, dipaparkan dalam <span style="color:#996633">warna yang lain</span>. Asterisk digunakan dalam teks untuk menunjukkan ''tempat penyuntingan'' teg imej itu.
 
 
==Imej tanpa format==
Sebuah gambar tanpa format boleh dimasukkan melalui ayatkenyataan ini:
'''<nowiki>[[Imej:Wikipedesketch1.png]]</nowiki>'''
Saiz gambar itu sama sahaja dengan saiz yang telah dimuat naik. Peletakannya dalam rencana adalah secara sembarangan, dan teks tidak akan menyelubunginya (mengapungnya). Umpamanya:
 
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. *</span>
Baris 21:
<span style="color:#996633">* Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
 
Perhatikan bagaimana gambar itu memisahkan teks kepadamenjadi dua bahagian, bergantung kepada tempat di manamananya teg itu diletakkanterletak.
 
 
==Menentukan kedudukan==
Jika kita hendak sama ada (a) teksteksnya untuk menyelubunginyamenyelubungi (mengapung) gambar, atau (b) untuk menetapkan di mana iateksnya diletakkandiletak (kiri, kanan, garis sela, dll). Untuk melakukan ini, kita hanya tambahkanmenambahkan kenyataan peletakan.
 
 
===Contoh 1: JajarMenjajar ke kanan, mengapung===
'''<nowiki>[[Imej:Wikipedesketch1.png|right]]</nowiki>'''
 
Baris 41:
 
 
===Contoh 2: JajarMenjajar ke kanan, mengapung, dengan tajuk===
AndaIni biasanya meletakkan inidiletakkan pada permulaan perenggan supaya imej dapat mengapung ke sebelah kanan perenggan. AdalahAnda biasaakan untukbiasa melihat ini pada permulaan rencana.
 
 
'''<nowiki>[[Imej:Wikipedesketch1.png|frame|right|Ini adalah kapsyen yang membosankan]]</nowiki>'''
 
<span style="color:#996633">*</span>
[[Imej:Wikipedesketch1.png|frame|right|Ini adalah kapsyen yang membosankan]]
<span style="color:#996633">* Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
Baris 54:
 
 
===Contoh 3: JajarMenjajar ke kiri, mengapung===
'''<nowiki>[[Imej:Wikipedesketch1.png|left]]</nowiki>'''
 
Baris 74:
<span style="color:#996633">* Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
 
==MerangkaMembingkai dan menambah tajuk==▼
 
AdalahKita biasa untuk memasukkan kapsyen untuk menerangkan imej serta untuk memberi penghargaan, jika perlu. Ini bermakna bahawa imej akan memerlukan "rangkabingkai".▼
▲==Merangka dan menambah tajuk==
▲Adalah biasa untuk memasukkan kapsyen untuk menerangkan imej serta untuk memberi penghargaan, jika perlu. Ini bermakna bahawa imej akan memerlukan "rangka".
 
'''<nowiki>[[Imej:Wikipedesketch1.png|frame|Gambar ini merupakan penyertaan Stevertigo dalam pertandingan maskot Wikipedia]]</nowiki>'''
 
'''Bagaimanapun''': Gunakanlah 'thumb' berbanding 'frameframes' jika anda hendak memasukkan kapsyen ''dan'' menukarkan saiz gambar itu. (Sila lihat bahagian '''''Menggabungkan pelbagai pilihan''''' di bawah untuk contoh.)
 
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla risus massa, luctus sed, sagittis ac, dapibus eu, pede. Suspendisse convallis ligula ac lorem. Quisque luctus. Mauris ut purus a libero semper sollicitudin. Integer dapibus, velit sit amet rhoncus aliquam, pede ligula cursus ante, nec elementum erat dui et mauris. Nulla quam dolor, nonummy vel, varius fermentum, suscipit ut, sapien. Pellentesque suscipit felis ac nibh. Nunc luctus hendrerit eros. Phasellus lacus. Donec non leo in sem consequat pulvinar. Curabitur ut magna vitae lectus tristique ultrices. Phasellus venenatis neque vulputate leo. Mauris quis eros.</span>
Baris 86 ⟶ 85:
<span style="color:#996633">*Vestibulum nonummy. Nulla facilisis sapien dignissim risus. Quisque arcu urna, aliquam ac, facilisis ac, egestas non, est. Quisque neque. Donec et mi. Phasellus consequat. Integer pellentesque consectetuer lectus. Etiam malesuada eros id nibh. Fusce in tellus vitae mi auctor tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae metus.</span>
 
<span style="color:#996633">Etiam varius tempus odio. Cras bibendum arcu nec dolor. Donec consectetuer. Cras nonummy orci eget felis. Nullam sagittis venenatis libero. Duis neque purus, suscipit volutpat, molestie ut, venenatis ut, mi. Morbi nec eros. Praesent sollicitudin, nisl eget vehicula varius, tortor magna eleifend massa, ac iaculis turpis lacus quis nisl. Cras ut diam. Nullam erat ante, dignissim ac, posuere nec, commodo nec, nisl. Aenean adipiscing sodales augue. Donec rutrum. Ut nisl. Duis nisl. Ut elit. Vivamus suscipit rutrum tortor. Sed id pede. Praesent eros nulla, tempor vel, faucibus sed, mattis at, lectus. Sed euismod. Curabitur et leo vitae purus accumsan posuere.</span>
 
<span style="color:#996633">Donec tempor nulla in turpis. Nam rutrum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel turpis vel risus fermentum posuere. In porta augue quis dui. Integer risus justo, venenatis ut, dapibus in, tempor sed, risus. In tincidunt rhoncus urna. Mauris placerat, tortor et malesuada congue, velit urna elementum urna, vel ornare est tellus vel nunc. Ut et risus. Integer in lorem. Ut in lectus ac arcu pretium rutrum. Phasellus imperdiet pede ut arcu. Sed ac massa. Donec id leo. Etiam ante odio, nonummy ac, elementum sit amet, suscipit eget, dolor. Nam id felis in quam ullamcorper sodales.</span>
<br style="clear:both;">
 
==Imej ringkas==
Andai katakatalah gambar kita terlalu besar dan kita hendak memaparkan gambar yang lebih kecil ("lakaranimej kenitringkas") dalam rencana. Oleh sebab lakarimej kenitringkas sentiasanya mempunyai rangkabingkai (kelabu), andakita harus memasukkan kapsyen untuk gambar itu. Sila lihat: [[Wikipedia:Kapsyen]] untuk gaya menulis kapsyen.▼
 
Selain daripada '''mengurangkan saiz gambar secara automatik''', lakaranimej kenitringkas juga memberikan '''pilihan kepada pengguna untuk klik''' pada imej untuk melihat versi asal yang besar. Oleh sebab setiap pengguna menggunakan peleraian skrin yang berbeza-beza, anda boleh menetapkan sazisaiz lakaranimej kenitringkas yang anda lebih suka padadi [[Istimewa:Tatarajah|Tatarajah anda]] (terletak di bawahbahagian atas skrin pengawas anda) dalam pilihan menu "fail". Lalainya, yang juga dipergunakandigunakan untuk pengguna yang sudah log keluar, ialah 180 [[piksel]] (px), tetapi anda juga boleh memilih antara saiz 120px, 150px, 180px, 200px, 250px, dan 300px. Jika sesuatu imej adalah lebih kecil daripada saiz lakaranimej kenitringkas yang ditentukan, ia akan dipaparkan dalam saiz gambar yang asal, iaitu peleraian 100%. Secara amnya, lakaranimej kenitringkas merupakan cara yang terbaik untuk memaparkan imej.▼
==Lakaran kenit==
▲Andai kata gambar terlalu besar dan kita hendak memaparkan gambar yang lebih kecil ("lakaran kenit") dalam rencana. Oleh sebab lakar kenit sentiasanya mempunyai rangka (kelabu), anda harus memasukkan kapsyen untuk gambar itu. Sila lihat: [[Wikipedia:Kapsyen]] untuk gaya menulis kapsyen.
 
▲Selain daripada '''mengurangkan saiz gambar secara automatik''', lakaran kenit juga memberikan '''pilihan kepada pengguna untuk klik''' pada imej untuk melihat versi asal yang besar. Oleh sebab setiap pengguna menggunakan peleraian skrin yang berbeza-beza, anda boleh menetapkan sazi lakaran kenit yang anda lebih suka pada [[Istimewa:Tatarajah]] di bawah "fail". Lalainya, yang juga dipergunakan untuk pengguna yang sudah log keluar ialah 180 [[piksel]] (px), tetapi anda juga boleh memilih antara saiz 120px, 150px, 180px, 200px, 250px, dan 300px. Jika sesuatu imej adalah lebih kecil daripada saiz lakaran kenit yang ditentukan, ia akan dipaparkan dalam saiz gambar yang asal, iaitu peleraian 100%. Secara amnya, lakaran kenit merupakan cara yang terbaik untuk memaparkan imej.
 
 
Baris 107 ⟶ 105:
 
==Mengubahkan saiz==
Walaupun penggunaan lakaranimej kenitringkas merupakan pilihan utama, anda mungkin hendak memaparkan imej padamenggunakan saiz yang tetap. BermulaMulakan tanpa lakaranimej kenitringkas:
 
(Ingatan: Penggunaan rangkabingkai memaksakan imej mengambil saiz yang asal, serta membatalkan penggunaan hujahargumen lebar piksel.) Umpamanya, andai katakatalah kamikita hendak lebar gambar sebanyak 100 piksel:
 
 
Baris 116 ⟶ 114:
 
 
Dalam pelayar grafik yang tipikal, imej ini tidak menunjukkan sebarang tandabayangan (bahawa jika pengguna klik pada imej, dia akan dapat melihat versi asal yang besar) sewaktu pengguna mengalih tetikus ke atas imej itu; tergantungbergantung kepada bagaimana tatarajah anda telah ditetapkan, '100px-Wikipedesketch1.png' mungkin dipaparkan sebagai ganti untuk imej, ataupun tiada apa-apa sahaja akan berlaku. Kita dapat memperbaiki ini lagi dengan menetapkan [[Wikipedia:Teks alternatif untuk imej|teks alternatif]], seperti berikut:
 
'''<nowiki>[[Imej:Wikipedesketch1.png|100px|Maskot Wikipedia yang dicadangkan]]</nowiki>'''
Baris 132 ⟶ 130:
Secara amnya, gambar yang terlalu besar harus tidak dimasukkan ke dalam rencana. Kebanyakan gambar mempunyai lebar antara 100 dan 400 piksel, dan pada umumnya harus tidak melebihi saiz itu.
 
Perhatikan juga bahawa mutu gambar jelasnyata lebih buruk. Ini disebabkanadalah kerana kita telah menentukan lebarlebarnya sebanyaksebagai 500 piksel, iaitu lebih lebar daripada gambargambarnya yang asal. Oleh sebab itu, perisian harus membesarkannyamembesarkan imejnya. Jangan memperbesar gambar dengan cara ini dalam rencana.
 
 
==Menggabungkan pelbagai pilihan==
Ok, kesemua ini nampaknya baik sahaja, tetapi ia tidak benar-benar berguna kecuali anda dapat menggabungkan kesemuanya. Andai katalah kita mempunyai sebuah gambar yang kita hendaknya mengapung, menjajar ke kanan, merupakan gambar ringkas, dan mempunyai saiz sehingga 100 piksel, serta kapsyen. Anda boleh menggabungkan kesemua ini. Susunannya tidak mustahak, kecuali "nama gambar harus dibubuhkan di depan, dan kasyennya harus diletakkan di belakang''':
Ok, all this so far as has been cool, but it's not really useful unless you combine it all. Let's say we have a picture that we want floating, right aligned, thumbnailed, resized to 100 pixels, and with a caption. You can combine all of the above. Order does not matter, except that '''the picture name must come first and the caption must come last''':
 
'''<nowiki>[[Imej:Wikipedesketch1.png|thumb|100px|right|Logo Wikipedia]]</nowiki>'''
Baris 144 ⟶ 141:
<span style="color:#996633">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Donec varius egestas tortor. Curabitur augue leo, ullamcorper ac, tempus sed, gravida quis, felis.
Curabitur pretium malesuada dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur et urna. Cras lacus. Donec risus. Proin ornare eros ac nibh.
In venenatis erat sit amet mauris. Morbi sem felis, tempus eget, aliquam id, imperdiet id, elit. Vestibulum turpis. Etiam ornare, nisl ac varius fermentum, tortor elit laoreet tellus, ut interdum massa eros eget urna. Nunc congue nisl quis orci. Nunc nibh. Integer iaculis, ante sed fringilla tempus, enim augue gravida nibh, vehicula congue arcu tortor ac ligula. In eget libero vel magna varius viverra. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse elementum.</span>
 
<span style="color:#996633">Mauris arcu magna, ultrices a, tristique facilisis, facilisis id, massa. Quisque in arcu. Praesent auctor mauris sit amet leo. Proin facilisis viverra tellus. Morbi at purus. Nam dictum. Donec ac neque. Integer sapien wisi, lacinia nec, tincidunt in, lacinia sit amet, ante. Quisque in urna. Donec rutrum.</span>
<br style="clear:both;">
 
 
==Elakkan susanan imej satu atas satu==
Salah satu masalah yang ramai pengguna akan mengalami dengan imej-imej terapung adalah bahawa imej berbilang kekadang tersusun secara mendatar, khususnya jika anda mempunyai skrin pengawas yang besar dan imej yang lebar. Penyelesaian yang ''terbaik'' ialah untuk anda menambahkan lebih banyak teks, tetapi ini kekadang tidak mungkin. Bahagian ini menunjukkan beberapa cara untuk menyelesaikan masalah ini.
One of the problems many users of floating images hit is that multiple images sometimes "stack up" horizontally, particularly with large screens and wide images. The ''best'' solution to this is simply to add more text, but this sometimes isn't possible. This section shows some solutions to this problem.
 
[[Imej:Wikipedesketch1.png|thumb|300px|right|Logo Wikipedia]]
Baris 159 ⟶ 155:
 
===Menjajarkan imej yang sama===
Adalah amat biasa untuk mempunyai dua imej yang amat merupa dan, secara logiknya, harus dikumpulkan bersama-sama. Untuk mencapai ini, kita harus menggunakan beberapa tandaan html:
It's very common to have two very similar images that logically should be grouped together. To achieve this, it's currently necessary to use some html markup:
 
<pre>
<div style="float:right;width:315px;">
Baris 168 ⟶ 165:
</pre>
 
*You mayAnda alsojuga useboleh themenggunakan template <nowiki>templat{{</nowiki>[[:Template:ImageStackRight|ImageStackRight]]<nowiki>}}</nowiki>, whichyang hasmempunyai thiskod codeterbina built-inini. SeeSilat thelihat [[TemplatePerbualan talktemplat:ImageStackRight|templatehalaman talkperbualan pagetemplat]] foruntuk instructionsarahannya.
 
<div style="float:right;width:315px;">
Baris 183 ⟶ 180:
<br style="clear:both;">
 
Seringnya, adalah berguna juga jika kita menjajarkan dua imej secara mendatar:
It is also often useful to horizontally align two images:
{|
|-
| [[Imej:Wikipedesketch1.png|none|thumb|300px|Logo Wikipedia]] ||[[Imej:Wikipedesketch1.png|none|thumb|300px|Logo Wikipedia]]
|}
Bagaimanapun, ini harus digunakan dengan jimat kerana ia boleh menyebabkan imej-imej terjulur di kanan halaman bagi pengguna-pengguna yang menggunakan tetingkap pelayar yang tidak lebar.
However, this should be used sparingly, as it can cause the images to protrude off the right of the page for people with narrow browser windows.
 
ThisIni isdilaksanakan donemelalui usingpenggunaan [[Wikipedia:HowBagaimana tomenggunakan use tablesjadual|tabletandaan markupjadual]]:
<pre>
{|
Baris 199 ⟶ 196:
</pre>
 
Satu alternatif untuk mengelakkan keterlaluan lebar adalah untuk kita menjajarkan kedua-dua imej ke kir supaya membenarkan imej-imej itu menyusun secara mendatar, jika mungkin.
An alternative, that avoids being too wide, is to align both left and allow them to stack up if possible:
[[Imej:Wikipedesketch1.png|left|thumb|300px|Logo Wikipedia]]
[[Imej:Wikipedesketch1.png|left|thumb|300px|Logo Wikipedia]]
Baris 208 ⟶ 205:
<br style="clear:both;">
</pre>
Kenyataan ini harus dimasukkan
It will be necessary to include the line
<pre><br style="clear:both;"></pre>
untuk mengelakkan teks kemudian daripada diletakkan di sebelah imej.
in order to prevent subsequent text from being placed alongside the images.
 
 
===Bersilih ganti apungan kiri dan kanan===
Mungkinnya, cara yang paling mudah adalah untuk kita berselang-seli imej-imej terapung ke kiri dan kemudiannya ke kanan; dengan cara ini, imej-imej itu tidak akan bersentuhan dengan satu sama lain, dan oleh itu, tidak akan menyusun diri dengan cara yang buruk.
Perhaps the easiest way is to make floating images alternate left then right; this way they don't come into contact with one another, and so can't stack up in an unattractive way.
 
'''<nowiki>[[Imej:Wikipedesketch1.png|thumb|150px|right|Logo Wikipedia]]
Baris 227 ⟶ 224:
 
 
===MenciptaMemasukkan garis barupemisah===
Sebagai langkah terakhir, anda boleh memaksakan pelayar anda supaya memasukkan pemisah supaya kesemua teks dan imej akan dipaparkan di bawah imej pertama. Ini boleh mengakibatkan ruang yang nampak buruk, khususnya dalam teks sertaan. Ingatlah bahawa teks akan mengalir dan menyelubungi dengan cara yang berbeza-beza bagi pengguna-pengguna yang lain, berdasarkan pilihan mereka terhadap pelayar, peleraian skrin, saiz fon lalai, pilihan tercapai, bilangan bar alat dan bar tepi (seperti anak tetingkap pemesejan segera) dan banyak lagi &mdash; jangan memaksakn reka bentuk halaman cuma kerana anda ia kelihatan menarik dalam mesin ''anda''. Buatkannya cuma jika benar-benar diperlu. Jika mungkin, gunakanlah aliran halaman logik yang paling mudah (sila lihat [[#Tandaan wiki dan CSS|Tandaan wiki dan CSS]] di bawah untuk perincian mengenai clear:left atau clear:right)
As a final resort, you can force the browser to insert a break, making all text and images appear below the bottom of the first image. This can produce rather unattractive gaps, particularly in the accompanying text. Remember that text will flow and wrap differently for other users, based on their chosen browser, screen resolution, default font size, accessibility options, number of toolbars and sidebars (such as instant messaging panes) and more -- don't force page design just so that it looks pretty on ''your'' machine. Hack only where absolutely necessary. Wherever possible, just use the simplest logical page flow. (see [[#Wiki markup and CSS|Wiki markup and CSS]] below for details on clear:left or clear:right)
 
<pre> <br style="clear:both;"></pre>
Baris 238 ⟶ 235:
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
<br style="clear:both;">
 
 
=== Galeri foto===
====MarkapTandaan Wikiwiki dan CSS====
Terdapatnya cara yang mudah untuk memaparkan sebuah siri gambar foto dalam galeri melalui penggunaan tandaan wiki dan [[CSS]]: Mengapungkan kesemua imej dalam galeri ke kiri, dan padamkan apungan kirinya di hujung untuk mengelakkan imej-imej memasuki kandungan yang berikutnya.
To display a series of photos in a gallery, there is a simple method using wiki markup and [[Cascading Style Sheets]]: Float all images in the gallery to the left, and clear their left float at the end to avoid having the images run into following content.
 
<pre>
Baris 256 ⟶ 252:
</pre>
 
''Kelebihan:'' Penggunaan tandaan yang mudah untuk menyesuaikan dengan lebar skrin melalui penyelubungan.
''Advantages:'' Adapts to screen width by wrapping, simple markup.
 
[[Imej:Wikipedesketch1.png|128px|thumb|left|Logo Wikipedia 1]]
Baris 265 ⟶ 261:
[[Imej:Wikipedesketch1.png|128px|thumb|left|Logo Wikipedia 6]]
<br style="clear:left;">
 
 
====Teg galeri MediaWiki====
Perisian MediaWiki mempunyai sokongan untuk teg ''<nowiki><gallery></nowiki>'' yang amat memudahkan penciptaan galeri imej dalam halaman-halaman:
 
The MediaWiki software has support for a ''<nowiki><gallery></nowiki>'' tag, which vastly simplifies making image galleries in pages:
 
<pre>
Baris 286 ⟶ 280:
</pre>
 
''Kelebihan:'' Ketiadaan ruang yang membazir antara imej. Tandaan yang benar-benar mudah. Mungkin akan mendapat lebih sokongan sewaktu MediaWiki menjadi lebih matang.
''Advantages:'' Really simple markup. Probably will get more support as MediaWiki matures (hopefully?), no wasted space between images
 
''Keburukan:'' Tidak dapat menyesuaikan dengan lebar skrin melalui penyelubungan, tidak dapat menentukan saiz imej (harap-harap kedua-dua masalah ini dapat dibetulkan dalam versi yang akan datang), tidak dapat memaparkan imej untuk beberapa nisbah bidang.
''Disadvantages:'' Does not adapt to screen width by wrapping, can't specify image size (hopefully both will be fixed in the next version), will not display images with certain aspect-ratios.
 
<gallery>
Baris 303 ⟶ 297:
 
====Templat====
AnotherLagi methodsatu whichcara mayyang becomemungkin possibleboleh indigunakan thepada futuremasa makeshadapan use of themenggunakan [[Template:Gallery|<code><nowiki>{{gallery}}</nowiki></code> templatetemplat]]. Sinktaksnya Its syntax isialah:
:{{template2|gallerygaleri|filenamenama fail&#124;descriptionhuraian}}
:{{template|gallery&#32;end}}
 
TheSintaks followingalternatif alternativeyang syntaxberikut allowsmembenarkan imagelebar-lebar widthsimej tountuk be specifiedditentukan (assebagai <code>###px</code>). Ini Thismungkin mayboleh bedigabungkan merged withdengan <code><nowiki>{{gallery}}</nowiki></code> ifjika [http://meta.wikimedia.org/wiki/Extended_template_syntax#Inserting_multiple_elements:_the_.22for_each.22_construct conditional parameters] are implementeddilaksanakan.
:{{template2|gallerypx|filename&#124;description&#124;width}}
:{{template|gallery&#32;end}}
 
''Kelebihan:'' Menyesuaikan dengan lebar skrin melalui penyelubungan; menggunakan tandaan yang mudah; tiada [[HTML]] diperlu; tiada CSS yang boleh dilihat.
''Advantages:'' Adapts to screen width with wrapping, simpler markup, no [[HTML]], no visible CSS.
 
''Keburukan:'' Memasukkan bar tatal dan lain-lain yang menjijikan bagi sebilangan pelayar. Tidak dapat menentukan saiz imej.
''Disadvantages:'' Puts scroll bars and other nasties in some browsers. Can't specify image size.
 
{{gallery|Wikipedesketch1.png|Logo Wikipedia}}
Baris 325 ⟶ 319:
{{gallery end}}
 
==Mengaitkan imej tanpa memaparkannya==
 
==BerpautAndai katalah anda hendak mengaitkan imej tanpa memaparkannya==. Terdapatnya dua cara untuk berbuat demikian.
Let's say you want to link to the picture without displaying it. There are two ways to do it.
:'''<nowiki>[[Media:Wikipedesketch1.png]]</nowiki>'''
[[Media:Wikipedesketch1.png]]
 
Perhatikan bahawa ia menggunakan "media" dan bukannya "imej". Sewaktu pengguna mengeklik pada pautan, pelayar akan terus mencapai imej. Perhatikan juga bahawa anda boleh menukarkan teks supaya ia dapat menyatakan apa-apa sahaja.
Notice that it says "media" instead of "image". When the user clicks on the link, the browser goes directly to the image. Also, notice that you can change the text so it says anything you want.
'''<nowiki>[[Media:Wikipedesketch1.png|ThisIni isialah thelogo wikipedia logoWikipedia]]</nowiki>'''
[[Media:Wikipedesketch1.png|ThisIni isialah thelogo wikipedia logoWikipedia]]
 
Ini boleh menjadi janggal jika imej anda terlalu besar kerana imej saiz penuh akan dipaparkan. Kaedah yang berikut mengelakkan masalah ini.
This can be awkward if the image is quite large, for the full size image will be displayed. The following method avoids this problem.
 
Andai katalah bahawa anda bukannya hendak menujui pembaca terus ke imej, tetapi hendak menujuinya ke halaman imej (yang memberikan maklumat mengenai siapa yang muat naiknya, bila, apakah taraf hak ciptanya, dll). Anda boleh berbuat demikian dengan:
Now let's say that instead of taking the viewer directly to the picture, you want to take them to the image page (where it tells them who uploaded it, when, what the copyright status is, etc). You can do that with:
'''<nowiki>[[:Image:Wikipedesketch1.png]]</nowiki>'''
[[:Image:Wikipedesketch1.png]]
 
Perbezaan yang tunggal antara imej ini dan imej yang pertama dalam tutorial ini ialah pembubuhan tanda titik bertindih sebelum perkataan "imej".
The only difference between this picture and the very first picture in this tutorial is that I put a colon before "image".
 
As above, I can make the link say anything I want.
'''<nowiki>[[:Image:Wikipedesketch1.png|This links directly to the logo's image page]]</nowiki>'''▼
[[:Image:Wikipedesketch1.png|This links directly to the logo's image page]]▼
 
Serupa dengan kaedah di atas, kita juga boleh menukarkan teks supaya ia dapat menyatakan apa-apa sahaja.
When the link is clicked the image will be displayed with other text information at a reasonable size, while the user can click through the medium-sized image to get to the full size highest resolution image.
▲ '''<nowiki>[[:Image:Wikipedesketch1.png|ThisIni linksterus directlymengaitkan toke thehalaman imej logo's image page.]]</nowiki>'''
▲[[:Image:Wikipedesketch1.png|ThisIni linksterus directlymengaitkan toke thehalaman imej logo's image page.]]
 
Jika pautan diklik, imej akan dipaparkan pada saiz yang berpatutan, bersama-sama dengan maklumat teks yang lain. Pengguna juga boleh mengeklik imej saiz sederhana untuk mencapai imej saiz penuh yang mempunyai peleraian yang tertinggi.
 
==Mengguna teg jadual HTML==
Diambil daripada "https://ms.wikipedia.org/wiki/Wikipedia:Tutorial_imej"