Wikipedia:Tutorial (Berkas): Perbedaan antara revisi

Jelajahi riwayat secara interaktif

← Revisi sebelumnya

Konten dihapus Konten ditambahkan

VisualTeks wiki

Revisi per 23 Agustus 2020 19.40 sunting Medelam (bicara \| kontrib) Pengecualian blokir IP, Peninjau, Pengembali revisi 292.116 suntingan k ←Suntingan 114.125.117.127 (bicara) dibatalkan ke versi terakhir oleh Medelam Tag: Pengembalian ← Revisi sebelumnya		Revisi terkini sejak 30 Juli 2024 11.01 sunting balikkan Serigala Sumatera (bicara \| kontrib) 10.497 suntingan k →Pembuatan gambar kecil (thumbnail): (QuickEdit) Tag: Suntingan perangkat seluler Suntingan peramban seluler Suntingan seluler lanjutan
(22 revisi perantara oleh 13 pengguna tidak ditampilkan)
Baris 1: {{Wikipedia:Tutorial/Tab\|Tab ini=56}} <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:~~pemuatan~~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. Baris 59: === Contoh 3 - Rata kiri, mengambang === '''<nowiki>[[Berkas:Wikipedesketch.png\|ki]]</nowiki>''' <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 93: <br style="clear:both;"> == Pembuatan ~~gambar kecil~~keluku (thumbnail) == Bila gambar yang akan dimuat terlalu besar, sebaiknya kita memuat ~~versi kecil~~keluku ('''thumbnail''') dari gambar tersebut. Pembuatan ~~thumbnail~~keluku sudah termasuk pembuatan bingkai seperti menambahkan perintah '''bingkai''' pada contoh sebelumnya, jadi sebaiknya pembuatan ~~thumbnail~~keluku disertai juga dengan pemberian judul atau keterangan gambar.▼ ▲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 ~~meng-klik~~mengklik gambar yang telah diperkecil dengan perintah '''jmpl''' maka kita dapat melihat versi ukuran asli gambar tersebut. Kita dapat pula mengatur besarnya ukuran thumbnail yang ingin kita lihat di layar dengan mengaturnya di [[Istimewa:Preferensi\|~~preferansi~~preferensi pengguna]] pada bagian Berkas. Bila ukuran gambar asli ternyata lebih kecil dari ukuran yang kita pilih, maka ukuran asli dari gambar tersebut yang akan ditampilkan. Secara umum bisa dikatakan penggunaan ~~thumbnail~~keluku adalah cara terbaik untuk menampilkan sebuah gambar. '''<nowiki>[[Berkas:Wikipedesketch.png\|jmpl\|Si Wikipede]]</nowiki>''' Baris 137 ⟶ 136: == Panorama == Gambar yang terlalu besar tidak boleh ditampilkan begitu saja di dalam artikel karena dapat bermasalah pada ~~''browser''~~peramban tertentu. Gambar yang lebih lebar daripada 550px lebih baik ditampilkan dalam bentuk panorama, yang dapat dibuat dengan menggunakan templat {{tl\|Wide image}}. Contohnya:▼ ▲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 144 ⟶ 142: == Kombinasi beberapa pilihan == Sekarang kita ingin mencoba untuk menggabungkan beberapa contoh di atas. Katakanlah kita ingin ~~menampilakan~~menampilkan gambar yang rata kanan, mengambang ('''floating'''), ~~versi kecil~~keluku ('''thumbnail'''), berukuran 100 piksel, dan mempunyai judul. Kita dapat ~~mengkombinasikan~~mengombinasikan semua perintah yang sudah dicoba tadi, urutan tidak penting, kecuali nama gambar harus berada di awal dan judul gambar harus berada di akhir:▼ ▲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:Wikipedesketch.png\|jmpl\|100px\|ka\|Si Wikipede]]</nowiki>''' Baris 176 ⟶ 173: </div> </pre> <div style="float:right;width:315px;"> Baris 195 ⟶ 191: {\| \|- \| [[Berkas:Wikipedesketch.png\|nir\|jmpl\|300px\|Wikipede]] \|\|[[Berkas:Wikipedesketch.png\|nir\|jmpl\|300px\|Wikipede]] \|} Baris 203 ⟶ 199: \|- \| [[Berkas:Wikipedesketch.png\|nir\|jmpl\|300px\|Wikipede]] \| [[Berkas:Wikipedesketch.png\|nir\|jmpl\|300px\|Wikipede]] \|} </pre> Baris 213 ⟶ 209: <pre> [[Berkas:Wikipedesketch.png\|ki\|jmpl\|300px\|Wikipede]] [[Berkas:Wikipedesketch.png\|ki\|jmpl\|300px\|Wikipede]] <br style="clear:both;"/> </pre> Baris 255 ⟶ 251: Berkas:Wikipedesketch.png\|Si Wikipede Berkas:Wikipedesketch.png\|Mas Wikipede Berkas:Wikipedesketch.png\|Bang Wikipede Berkas:Wikipedesketch.png\|Kang Wikipede Berkas:Wikipedesketch.png\|Tuan Wikipede Baris 278 ⟶ 274: == Pranala ke gambar tanpa menampilkannya == Kita dapat menampilkan pranala ke gambar tanpa perlu menampilkan gambarnya, ada beberapa cara untuk melakukannya: '''<nowiki>[[Media:Wikipedesketch.png]]</nowiki>''' [[Media:Wikipedesketch.png]] Perhatikan bahwa kita mengganti perintah '''Gambar''' dengan perintah '''Media'''. Bila pengguna ~~meng-klik~~mengklik pranala tersebut, baru gambar akan ditampilkan. Kita juga dapat mengganti teks pranala dengan kata-kata kita sendiri. '''<nowiki>[[Media:Wikipedesketch.png\|Ini adalah si wikipede]]</nowiki>''' [[Media:Wikipedesketch.png\|Ini adalah si wikipede]] Kita juga dapat membawa pengguna yang ~~meng-klik~~mengklik pranala tersebut ke halaman informasi berkas (halaman yang berisi penjelasan tentang pemuat berkas, kapan, ukuran berkas, dll). '''<nowiki>[[:Berkas:Wikipedesketch.png]]</nowiki>''' atau '''<nowiki>[[:Gambar:Wikipedesketch.png]]</nowiki>''' [[:Berkas:Wikipedesketch.png]] Baris 298 ⟶ 293: [[:Berkas:Wikipedesketch.png\|Halaman informasi berkas si wikipede]] ʾ== Menggunakan perintah <table> pada bahasa HTML == Kita dapat pula menyusun gambar dan teks dengan perintah [[HTML]] sepeti contoh berikut: Baris 326 ⟶ 321: </nowiki> </pre> <table> Baris 360 ⟶ 352: [[Wikipedia:Gambar]] * [[Wikipedia:Media]] * [[~~Wikipedia~~Bantuan:~~Pemuatan~~Pengunggahan]] * [[Wikipedia:Kebijakan_penggunaan_gambar]] * [[Wikipedia:Memuat gambar dari Wikipedia lain]] Baris 369 ⟶ 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 376 ⟶ 369: [[Kategori:Bantuan gambar Wikipedia]] [[Kategori:Tutorial Wikipedia\|*56]]