Wikipedia:Tutorial (Berkas): Perbedaan antara revisi
Konten dihapus Konten ditambahkan
Tidak ada ringkasan suntingan Tag: Suntingan perangkat seluler Suntingan peramban seluler |
Tag: Suntingan perangkat seluler Suntingan peramban seluler Suntingan seluler lanjutan |
||
| (48 revisi perantara oleh 32 pengguna tidak ditampilkan) | |||
Baris 1:
{{Wikipedia:Tutorial/Tab|Tab ini=6}}
<div style="border:2px solid #A3B1BF; padding:.5em 1em 1em 1em; border-top:none; background-color:#fff; color:#000">
{{TOC Right}}
Halaman ini adalah suatu tutorial mengenai bagaimana memasukkan gambar dalam artikel Wikipedia. Jika Anda perlu bantuan untuk [[Bantuan:Pengunggahan|memuat gambar]], atau memilih berkas yang layak untuk suatu artikel, Anda sebaiknya membaca pula [[Wikipedia:kebijakan penggunaan gambar|kebijakan penggunaan gambar]]. Harap diperhatikan bahwa gambar dari sebagaian besar situs web berhak cipta dan karenanya '''tidak boleh''' dimuatkan ke Wikipedia.
<!--This is a tutorial on how to insert pictures in Wikipedia articles using Wikiformat. There is also a [[Wikipedia:Extended image syntax|shorter technical document describing the syntax]].
{{clearright}}{{Style}}
If you need help [[Wikipedia:Uploading images|uploading an image]], or selecting a suitable image for an article, you should also read our [[wikipedia:image use policy|image use policy]]. Note that images on most web sites are copyrighted and '''''should not''''' be uploaded to Wikipedia.
For the purposes of this tutorial, all examples will use Stevertigo's Wikipedia mascot as the picture.
"Dummy" text, known as [[Lorem Ipsum]], used only to show the effect of mixing pictures with running text, is rendered in <span style="color:#996633">a different color</span>.
<br>
Asterisks are used in the text to show the ''edit location'' of the image tag.
:'''''Note 1'''''. Before you add an image to an article, you should view the [[Wikipedia:Image description page|image description page]] to identify the copyright status of the image and make sure the [[Wikipedia:Copyrights|copyright status]] of the image is clearly stated. It is preferred that you use one of the [[Wikipedia:Image copyright tags]], as appropriate.<br>
:'''''Note 2'''''. Please also [[Help:Contents#Avoid huge image files|avoid huge image files]]. (Follow that link for instructions on how to compress an image.)-->
== Gambar sederhana ==
Gambar sederhana tanpa tata letak dapat disisipkan dalam sebuah artikel dengan menggunakan perintah:
Akibat perintah tersebut, gambar akan ditampilkan sesuai dengan ukuran yang dimuat oleh pengguna yang bersangkutan. Letak dari gambar tersebut akan semena-mena (tidak dapat ditentukan) tergantung dari teks sebelum dan sesudahnya. Selain itu, gambar tidak akan bersifat mengambang (''float'') diantara teks atau dengan kata lain, teks tidak berada di sekeliling gambar. Sebagai contoh:
<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>
[[Berkas:Wikipedesketch.png]]
<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 membagi teks menjadi dua bagian, tergantung di mana perintah penempatan gambar diletakkan.
== Menentukan peletakan ==
Baris 8 ⟶ 33:
=== Contoh 1 - Rata kanan, mengambang ===
'''<nowiki>[[Berkas:
<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>
[[Berkas:
<span style="color:#996633">* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.</span>
Baris 22 ⟶ 47:
Kita biasanya menaruh perintah ini di awal paragraf, sehingga gambar akan mengambang di sebelah kanan paragraf. Umumnya kita melihat perintah ini di awal sebuah artikel.
'''<nowiki>[[Berkas:
<span style="color:#996633"></span>
[[Berkas:
<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 34 ⟶ 59:
=== Contoh 3 - Rata kiri, mengambang ===
'''<nowiki>[[Berkas:
<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>
[[Berkas:
<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.
Baris 46 ⟶ 71:
=== Contoh 4 - Tidak mengambang ===
'''<nowiki>[[Berkas:
<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. *</span>
[[Berkas:
<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>
Baris 55 ⟶ 80:
Biasanya kita ingin menambahkan judul atau keterangan pada bagian bawah gambar, untuk itu sebaiknya gambar kita beri "bingkai".
'''<nowiki>[[Berkas:
'''Catatan''': Ganti perintah '''bingkai''' dengan '''jmpl''' bila kita ingin memberi judul sekaligus mengecilkan gambar.<br /> (Lihat bagian '''Kombinasi beberapa pilihan''' untuk contoh lebih lanjut.)
<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>
[[Berkas:
<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>
Baris 68 ⟶ 93:
<br style="clear:both;">
== Pembuatan
Bila gambar yang akan dimuat terlalu besar, sebaiknya kita memuat
▲Bila gambar yang akan dimuat terlalu besar, sebaiknya kita memuat versi kecil ('''thumbnail''') dari gambar tersebut. Pembuatan thumbnail sudah termasuk pembuatan bingkai seperti menambahkan perintah '''bingkai''' pada contoh sebelumnya, jadi sebaiknya pembuatan thumbnail disertai juga dengan pemberian judul atau keterangan gambar.
Lihat [[Wikipedia:Keterangan_gambar|Keterangan gambar]] untuk petunjuk penulisan judul atau keterangan gambar.
Bila kita
Kita dapat pula mengatur besarnya ukuran thumbnail yang ingin kita lihat di layar dengan mengaturnya di [[Istimewa:Preferensi|
Secara umum bisa dikatakan penggunaan
'''<nowiki>[[Berkas:
[[Berkas:
<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 95 ⟶ 119:
Sekarang kita ingin menampilkan gambar dengan lebar 100 piksel:
'''<nowiki>[[Berkas:
[[Berkas:
Kita dapat memberi tahu pengguna lain bahwa gambar yang ditampilkan adalah hanya versi kecilnya dengan memberikan keterangan tambahan yang akan muncul bila kursor dilewatkan pada gambar. Keterangan lain juga bisa diberikan disini.
'''<nowiki>[[Berkas:
[[Berkas:
Sekarang kita ingin melihat gambar tadi dengan lebar 500 piksel:
'''<nowiki>[[Berkas:
[[Berkas:
Secara umum gambar yang terlalu besar tidak tampak bagus, sebaiknya gambar yang ditampilkan berukuran antara 100 dan 400 piksel.
Baris 112 ⟶ 136:
== Panorama ==
Gambar yang terlalu besar tidak boleh ditampilkan begitu saja di dalam artikel karena dapat bermasalah pada
▲Gambar yang terlalu besar tidak boleh ditampilkan begitu saja di dalam artikel karena dapat bermasalah pada ''browser'' tertentu. Gambar yang lebih lebar daripada 550px lebih baik ditampilkan dalam bentuk panorama, yang dapat dibuat dengan menggunakan templat {{tl|Wide image}}. Contohnya:
: <code><nowiki>{{wide image|Helsinki z00.jpg|1800px|Panorama kota [[Helsinki]]}}</nowiki></code>
Baris 119 ⟶ 142:
== Kombinasi beberapa pilihan ==
Sekarang kita ingin mencoba untuk menggabungkan beberapa contoh di atas. Katakanlah kita ingin
'''<nowiki>[[Berkas:Wikipedesketch.png|jmpl|100px|ka|Si Wikipede]]</nowiki>'''
▲Sekarang kita ingin mencoba untuk menggabungkan beberapa contoh di atas. Katakanlah kita ingin menampilakan gambar yang rata kanan, mengambang ('''floating'''), versi kecil ('''thumbnail'''), berukuran 100 piksel, dan mempunyai judul. Kita dapat mengkombinasikan semua perintah yang sudah dicoba tadi, urutan tidak penting, kecuali nama gambar harus berada di awal dan judul gambar harus berada di akhir:
▲ '''<nowiki>[[Berkas:Wikipedesketch1.png|jmpl|100px|ka|Si Wikipede]]</nowiki>'''
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis dapibus dictum purus. Cras nibh. Vivamus ante nunc, ultricies ut, fermentum at, luctus ac, felis. Suspendisse ac diam. Suspendisse lacinia congue mauris.</span>
[[Berkas:
<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>
Baris 138 ⟶ 160:
[http://wiki-indonesia.club/w/index.php?title=Daftar_kota_di_Amerika_Serikat_menurut_jumlah_penduduk&oldid=1923745 Contoh]
[[Berkas:
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec in enim. Aliquam erat volutpat. Maecenas id nibh ut turpis lobortis commodo. Phasellus sed neque. Proin fringilla euismod libero. Etiam vel lectus. Aliquam dui. Curabitur venenatis molestie neque. Integer mi dolor, gravida at, accumsan eget, fringilla eget, arcu. Suspendisse euismod. Nam et lorem accumsan magna venenatis pellentesque. In et ante. Etiam magna. Cras rutrum mi quis tellus. Nunc tristique risus pulvinar ante. Vivamus varius.</span>
[[Berkas:Flag of Scotland.svg|ka|jmpl|200px|Bendera Skotlandia]]
<br style="clear:both;">
Masalah juga sering muncul karena ukuran gambar yang berbeda, pemecahannya adalah memisahkan gambar-gambar tersebut dengan tambahan bahasa html.
<pre>
<div style="float:right;width:315px;">
[[Berkas:
[[Berkas:Flag of Scotland.svg|nir|jmpl|200px|Bendera Skotlandia]]
</div>
</pre>
<div style="float:right;width:315px;">
[[Berkas:
<br style="clear:all;"/>
[[Berkas:Flag of Scotland.svg|ka|jmpl|200px|Bendera Skotlandia]]
Baris 170 ⟶ 191:
{|
|-
| [[Berkas:
|}
Baris 177 ⟶ 198:
{|
|-
| [[Berkas:
| [[Berkas:
|}
</pre>
Kita juga dapat menyusun dua gambar secara vertikal:
[[Berkas:
[[Berkas:
<br style="clear:both;"/>
<pre>
[[Berkas:
[[Berkas:
<br style="clear:both;"/>
</pre>
Baris 197 ⟶ 218:
Berikut adalah cara termudah untuk meletakkan dua buah gambar menggambang di kiri dan kanan:
<pre>
[[Berkas:
[[Berkas:Flag of Scotland.svg|ki|jmpl|150px|Bendera Skotlandia]]
</pre>
[[Berkas:
[[Berkas:Flag of Scotland.svg|
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec in enim. Aliquam erat volutpat. Maecenas id nibh ut turpis lobortis commodo. Phasellus sed neque. Proin fringilla euismod libero. Etiam vel lectus. Aliquam dui. Curabitur venenatis molestie neque. Integer mi dolor, gravida at, accumsan eget, fringilla eget, arcu. Suspendisse euismod. Nam et lorem accumsan magna venenatis pellentesque. In et ante. Etiam magna. Cras rutrum mi quis tellus. Nunc tristique risus pulvinar ante. Vivamus varius.</span>
Baris 209 ⟶ 230:
=== Membuat baris pemisah ===
Terakhir, kita akan memisahkan dua pasang
<pre> <br style="clear:both;"/></pre>
[[Berkas:
<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;">
Baris 227 ⟶ 248:
<nowiki>
<gallery>
Berkas:
Berkas:
Berkas:
Berkas:
Berkas:
Berkas:
Berkas:
Berkas:
</gallery>
</nowiki>
Baris 240 ⟶ 261:
<gallery>
Image:
Image:
Image:
Image:
Image:
Image:
Image:
Image:
</gallery>
Baris 253 ⟶ 274:
== Pranala ke gambar tanpa menampilkannya ==
Kita dapat menampilkan pranala ke gambar tanpa perlu menampilkan gambarnya, ada beberapa cara untuk melakukannya:
'''<nowiki>[[Media:
[[Media:
Perhatikan bahwa kita mengganti perintah '''Gambar''' dengan perintah '''Media'''. Bila pengguna
'''<nowiki>[[Media:
[[Media:
Kita juga dapat membawa pengguna yang
'''<nowiki>[[:Berkas:
[[:Berkas:
[[:Gambar:
Perbedaan dengan perintah sebelumnya hanyalah tambahan titik dua didepan kata "Gambar"
Kita juga dapat mengganti teks pranala tersebut dengan kata-kata kita.
'''<nowiki>[[:Berkas:
[[:Berkas:
ʾ== Menggunakan perintah <table> pada bahasa HTML ==
Kita dapat pula menyusun gambar dan teks dengan perintah [[HTML]] sepeti contoh berikut:
Baris 279 ⟶ 299:
<table>
<tr>
<td>[[Berkas:
</td>
<td>[[Berkas:
</td>
<td>[[Berkas:
</td>
<td>[[Berkas:
</td>
</tr>
<tr>
<td>[[Berkas:
</td>
<td>Teks artikel ditempatkan disini. Lorem ipsum dolor sit amet,......
</td>
<td>[[Berkas:
</td>
<td>Teks lainnya ditempatkan disini. Lorem ipsum.....
Baris 301 ⟶ 321:
</nowiki>
</pre>
<table>
<tr>
<td>[[Berkas:
</td>
<td>[[Berkas:
</td>
<td>[[Berkas:
</td>
<td>[[Berkas:
</td>
</tr>
<tr>
<td>[[Berkas:
</td>
<td><span style="color:#996633">Teks artikel ditempatkan disini. 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>
</td>
<td>[[Berkas:
</td>
<td><span style="color:#996633">Teks lainnya ditempatkan disini. 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 327 ⟶ 344:
</tr>
</table>
== Uji coba ==
[[Berkas:Bakpasir.jpg|600px|tepi|kiri|link=Wikipedia:Bak_pasir]]
Lakukan uji coba penyuntingan halaman di [[Wikipedia:Bak pasir|bak pasir]] sesuka Anda, kemudian [[Wikipedia:Tutorial (Ingatlah)|lanjutkan]] ke topik tutorial selanjutnya.
== Lihat pula ==
* [[Wikipedia:Gambar]]
* [[Wikipedia:Media]]
* [[
* [[Wikipedia:Kebijakan_penggunaan_gambar]]
* [[Wikipedia:Memuat gambar dari Wikipedia lain]]
Baris 340 ⟶ 361:
* {{en}} [http://netzreport.googlepages.com/hidden_data_in_jpeg_files.html Hidden data in images]
{{clear}}
<noinclude>
<div style="float:right; margin-top: 0.0em; margin-bottom:3px; background-color: #cee0f2; padding: .2em .6em; font-size: 130%; border:1px solid #A3B1BF;">'''[[Wikipedia:Tutorial (Halaman diskusi)|Lanjutkan tutorial ini.]]'''<span style="font-size: larger; font-weight: bold;"> →</span>
Baris 347 ⟶ 369:
[[Kategori:Bantuan gambar Wikipedia]]
[[Kategori:Tutorial Wikipedia|*
| |||