Vikikitap'ı Kullanma/Resim yerleştirme

Resimler Vikikitap'ın önemli bir parçasıdır. Vikikitap'ta, önemli bir noktayı resmetmek veya okuyucunun anlatılanı anlayabilmesine yardımcı olmak için resimler kullanılır. Resimlerin düzgün kullanımı sayfanın görünümünü önemli ölçüde geliştirebilir.

Vikikitap'ta bir sayfaya resim koymak için şu temel söz dizimini uygularız:

[[Dosya:{dosyanın ismi}|{biçim}|{yer}|{boyut}|{border}|{alternatif metin}]]

{dosyanın ismi} ilgili dosyanın Vikikitap'taki (veya Commons'taki) ismidir. Örneğin: Commons-logo.svg. Vikikitap'taki veya Commons'taki her resim dosyasının bir ismi vardır.

{biçim} resmin sayfaya yerleştirilme biçimini belirtir. Buraya "thumb" yazıldığında resim sağa yaslanır, metin resmin solundan akar, resmin etrafına bir kenarlık çekilir ve eğer resmin boyutu sayfayı görüntüleyen kullanıcının kullanıcı tercihlerinde (Tercihler -> Görünüm -> Dosyalar) ayarlı küçük resim boyutundan büyükse resim oradaki ayarlı boyuta düşürülür. Küçük resimler için varsayılan değer 180 pikseldir ve bu değer kayıtlı olmayan veya giriş yapmamış kullanıcılar için de kullanılır. Buraya "frame" yazdığımızda ise resmin boyutlarında değişiklik yapılmaz ama diğer özellikleri (çerçeve, yaslama) "thumb" ile aynıdır. Buraya hiçbir şey yazmamak resmin kenarlıksız ve orijinal boyutta (veya {boyut} belirtilmişse o boyutta) sayfaya yerleştirilmesini sağlar.

{yer} resmin sayfada nereye yerleştirileceğini belirtmemizi sağlar. "left", "right" ve "center" resmi sırayla sola, sağa veya ortalanmış halde yerleştirir ve ayrıca "left" ve "right"da metin resmin etrafında akar. "none" yazılırsa resimden önceki metin resmin üstüne, resimden sonraki metin resmin altına gider. Yani resmin yanına hiçbir yazı gelmez. Eğer burası atlanırsa resim bir "satır içi" resim, yani yazının içindeki sıradan bir harf gibi muamele görür. Eğer resim bir yazı karakteri kadar küçükse bu son yöntem uygundur, aksi takdirde çok çirkin bir görüntü oluşur.

{boyut} resmin genişliğini piksel olarak belirtmek için kullanılır. İlgili değeri yazdıktan sonra "px" takısını eklemek gerekir. Örneğin resmin genişliğinin 200 piksel olmasını istiyorsak buraya 200px yazarız. Resmin yüksekliği, genişlik değiştikçe en-boy oranı sabit olacak şekilde değişecektir. Resmin boyut bilgisi yazılmazsa resim orijinal boyutta veya resmin "thumb" olduğu belirtilmişse maksimum, sayfayı görüntüleyen kullanıcının tercihlerinde küçük resimler için ayarlanmış olan boyutta olacaktır. Eğer resmin "thumb" olduğu belirtilmişse belirttiğiniz boyut -bu boyut küçük resimler için belirtilen boyuttan (varsayılan olarak 180 piksel) küçük olsa bile- işlevsiz hale gelecektir. Ancak resmi thumb olarak belirtmişseniz olsanız bile sayfayı görüntüleyen kullanıcının tercihlerinde küçük resimler için ayarlanmış değerden ve resmin orijinal boyutundan daha küçük bir değer seçerek resmin thumb olarak görüntülenmesi gereken boyuttan daha küçük bir boyutta görüntüleyebilirsiniz.

NOT: Vektörel resimlerin (örneğin SVG resimlerinin) orijinal boyutlarını +∞ kabul ederiz.

{border} kullanılırsa resmin etrafına gri bir çerçeve çizer. Kullanılmazsa {biçim}'de belirtilmediği müddetçe çerçeve eklenmez.

{alternatif metin} duruma göre farklı vazifeler görür. Eğer resim "thumb" veya "frame" değilse buraya yazdığımız metin, fare işaretçisi resmin üzerine getirildiğinde gözükecek metin vazifesi görür. Bu durumda metne yaptığımız bütün viki biçimlemeleri işlevsiz hale gelir. Eğer resim "thumb" veya "frame" olarak belirtilmişse buraya yazdığımız metin resmin hemen altına konur, yani bir açıklayıcı yazı vazifesi görür. Bu durumda ise metne yaptığımız bazı viki biçimlemeleri (örneğin bağlantılar) geçerlidir.

Dosyanın ismi dışındaki seçenekler yer değiştirebilir. "thumb" ve "frame"i aynı anda kullanırsak biçim "frame" sayılacaktır. Birden fazla {yer} kullanılırsa son kullanılan {yer} kabul edilecektir. Birden fazla {boyut} kullanımında da aynı kural söz konusudur..

Bir resim yerleştirme

Sade, biçimlendirilmemiş bir resim sayfaya [[Dosya:DosyaAdı]] yazılarak yerleştirilir. Bu durumda resim sayfaya orijinal boyutunda ve sayfadaki metinle uyumsuz olabilecek bir şekilde yerleştirilir. Bu tür resim yerleştirimi aşağıda gösterilmiştir.

Sayfanın ortasına

[[Dosya:Vista-folder.png]]

kodunu yazmak aşağıdaki gibi bir çıktı verir:

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.

Elbetteki bu hoş bir görünüm değildir. Metin resme düzgün yaslanmamış ve resim çok büyük gözükmektedir.

Resmi düzgün yerleştirme

Kodu biraz değiştirerek resmin sayfadaki konumunu belirleyebiliriz. Sayfada nasıl bir yerleşim görmek istediğimize göre değişen bazı seçenekler var.

Örnek bir: resim sağa yaslanmış, metin etrafında akıyor

[[Dosya:Vista-folder.png|sağ]]

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. 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.

Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus.

Örnek iki: resim sağa yaslanmış, altında açıklama metni var, metin etrafında akıyor

[[Dosya:Vista-folder.png|frame|sağ|Açıklama buraya geliyor]]

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.

Açıklama buraya geliyor

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. 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.

Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus.

Örnek üç: resim sola yaslanmış, metin etrafında akıyor

[[Dosya:Vista-folder.png|sol]]

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. 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.

Örnek dört: metin resim etrafında akmıyor

[[Dosya:Vista-folder.png|none]]

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. 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.

Resmi yeniden boyutlandırma

[[Dosya:Vista-folder.png|25pik]]

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. 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.

Resmi "thumb" hale getirme

Bir resme açıklama metni eklemek ve resmi küçültmek istiyorsanız "frame" yerine "thumb" kullanın.

[[Dosya:Vista-folder.png|75pik|küçükresim|sağ|Açıklama buraya geliyor]]

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.

Açıklama buraya geliyor

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. 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.