9          Web Sayfasında Grafiklerin Gösterilmesi

FrontPage 2000’de yapılabilecek en kolay işlerden biri, bir sayfaya bir resim eklemektir. Resimler World Wide Web deneyiminin temel bir parçası olduğundan, bu işlemin kolay bir şey olması olumlu bir özelliktir. Onlar olmadan, Web yine bilinen bir Internet servisi olurdu, tarayıcılar (scanner) kadar popüler olmazdı.

Bir sayfaya resimler ekledikten sonra, bunları sayfanın diğer parçalarıyla birlikte düzenlemek maharet ister.

Bu bölümde, resimler konusunda bilinçli bir FrontPage 2000 kullanıcısı haline geleceksiniz. Büyük resimleri metin paragraflarıyla birlikte yerleştirecek ve küçük resimleri metin ve diğer sayfa öğeleriyle birlikte yerleştireceksiniz.

World Wide Web’in resimler hakkındaki büyük iştahını beslemek için, FrontPage 2000 Clip Art Gallery'i de inceleyeceksiniz. Bu arşiv, FrontPage Web’lerinizde kullanabileceğiniz düzinelerce simge, düğme, çizim ve fotoğraf içerir.

9.1        Sayfaya Grafik Eklemek

FrontPage 2000’de, Insert>Picture>From File komutuyla bir Web sayfasına resim ekleyebilirsiniz. Resim Page görünümünde gösterilir ve nasıl göründüğünü anında görebilirsiniz.

World Wide Web’de görülen resimlerin çoğu GIF veya JPEG formatındadır, çünkü bunlar Netscape Navigator ve Microsoft Internet Explorer’da yerleşik bir özellik olarak desteklenir. Daha yeni ve gelişmiş bir GIF formatı olan PNG, Web resimleri için üçüncü popüler seçenek haline geliyor.

Resim dosyalarıyla çalışmanın bir yolu, sayfalara eklemeden önce Web’e ithal etmektir. FrontPage 2000, her Web şablonuyla birlikte resim dosyalarını depolamakta kullanılabilecek bir images alt klasörünü otomatik olarak yaratır.

Web’inizin bir parçası olmayan bir resmi de ekleyebilirsiniz. Bu, sisteminizdeki herhangi bir klasörde veya World Wide Web’deki herhangi bir adreste olabilir. FrontPage 2000’in File Open iletişim kutusunu kullanarak, yerel dosyaları seçebilir ve bir dosyayı bir URL adresiyle belirtebilirsiniz.

Sisteminizdeki klasörlerden resimler eklediyseniz, Web’i kaydederken veya bir Web tarayıcısıyla önizlemesini izlerken bu resimlerin kopyaları çıkarılır. Bir iletişim kutusu açılarak, bu kopyaların nereye kaydedilmesinin gerektiğini ve hangi isimle kaydedileceğini belirtmenizi sağlar. Bu, sisteminizde genel olarak kullanılan grafikleri depolayan klasörler yaratmanızı sağlar. FrontPage 2000, kullanıldığında bu grafikleri Web’lere kopyalar ve bunları sizin için etkin bir şekilde ithal eder.

9.1.1       Sayfadaki Bir Resmin Hizalanması

Sayfaya bir resim ekledikten sonra, bu resmin sayfadaki diğer şeylere göre nasıl gösterileceğini belirleyebilirsiniz. Bu, Şekil 9.l’de gördüğünüz gibi, Picture Properties iletişim kutusundan idare edilir.

Appearance sekmesi, resmin hizasını ayarlamanızı sağlar. Büyük resimler, genel olarak üç yoldan biri kullanılarak hizalanır:

·        Resim metnin solunda görülür ve diğer sayfa öğeleri bunu izler.

·        Resim metnin sağında görülür ve diğer sayfa öğeleri onu izler.

·        Resim ondan sonra gelen her şeyin yukarısında görülür.

Şekil 9.1: Picture Properties iletişim kutusu

Bu üçünün en kolayı, üçüncü seçeneği kullanmaktır: Resmi, sayfanın diğer kısımlarının yukarısına koymaktır. Bunun için, resim eklenir ve ondan hemen sonra, yeni paragraf veya satır aralığı eklenir. FrontPage 2000, bir resim sayfaya eklendikten sonra Page görünümünde imleci resmin sağ alt köşesine yerleştirir.

Bir resmi eklerken imlecin nerede olacağı hakkında kafanız karıştıysa, bunun en iyi çözümü resmi kes-ve-yapıştır kullanarak taşımaktır. Ctrl+X'e basarak, resmi silebilir ve Windows Clipboard'a (Windows Panosu'na) ekleyebilirsiniz. Sonra imlecinizi resmi izlemesi gereken metnin önüne yerleştirin ve Ctrl+V'ye basarak resmi sayfaya yapıştırın.

Geri kalan resim hizalama seçenekleri, simgeler ve menü düğmeleri gibi küçük resimlerde daha faydalıdır. Top (Üst), Middle (Orta), Absolute Middle (Mutlak Orta) ve Bottom (Alt) gibi seçenekler, resmin onu izleyen sayfa öğeleriyle nasıl hizalanacağını belirler. Varsayılan halde ve sola veya sağa hizalamayı kullanırken, bir resmin üst kenarı kendisini izleyen her neyse onun üst kenarıyla hizalanır: Bu metin veya başka bir resim olabilir.

Şekil 9.2, ardından yazı satırları gelen dört adet madde imi simgesini gösteriyor. Her simgeyi çevreleyen bir kutu, resmin tam olarak ne kadar büyük olduğunu gösteriyor.

Şekil 9.2:

Bir resmin

dikey olarak

hizalanması

Bu hizalamalar sayfa düzenini şu şekilde kontrol eder:

·        Top (Üst) hizalaması, resmi izleyen metnin üst kısmıyla hizalar.

·        Bottom (Alt) hizalaması, resmin alt kısmını yazının alt kısmıyla hizalar.

·        Middle (Orta) hizalaması, resmin orta kısmını metnin alt kısmıyla hizalar.

·        Absolute Middle (Mutlak Orta), resmin orta kısmını yazının orta kısmıyla hizalar.

Bunları ve diğer dikey hizalama seçeneklerini, metin, resim veya bir sayfada bir resimle birlikte yan yana gösterilebilecek boyda olan her şeyle kullanabilirsiniz.

Yazı ve resimleri yerleştirmek için bu hizalama seçenekleri yeterli gelmezse, sayfa öğelerini önceden anlatıldığı gibi bir tablonun içindeki hücrelere de yerleştirebilirsiniz.

9.2        Bir Resme Hiperlink ve Açıklamaların Eklenmesi

Picture Properties iletişim kutusu, bir resme bir hiperlink ve resmi tanımlayan bir alternatif metin eklemekte kullanılabilir.

9.2.1       Hiperlink Eklemek

Hiperlink’ler, Web sayfası öğeleriyle ilişkilendirildikleri şekilde eklenirler. World Wide Web’deki bir sitenin URL’ini belirtebilir veya kendi sisteminizdeki bir dosyayı seçebilirsiniz.

Ayrıca, bir Web sayfasındaki herhangi bir öğeye bağ eklediğiniz şekilde, bir hiperlink’i bir resimle ilişkilendirebilirsiniz. Resmi seçin, sonra Insert>Hyperlink’i seçin veya Standard araç çubuğundan Hyperlink düğmesine tıklayın.

Sisteminizdeki bağlı dosyaların, onları yayınlayacaksanız Web’inizin bir parçası olmasının gerektiğini unutmayın.

9.2.2       Alternatif Metin Eklemek

Her resim için bir metin açıklamasının eklenmesi, Web’lerinizi daha kullanışlı yapmanız açısından önemlidir. Bir sayfa yüklenirken, resmin işgal ettiği alanda metin açıklaması görülür. Resim bir menü düğmesi veya gezinti çubuğunun bir parçasıysa, bu metin bu resim yüklenmeden önce insanların işlevini öğrenmesini sağlar. 28.8 Kbps’lik veya daha yavaş bir Internet bağlantısı kullanıyorsanız, bu resimler yüklenmeden önce ne işe yaradıklarını anlamanızda son derece işinize yaramış olmalı.

Ayrıca, metin açıklamaları görsel olmayan bir Web tarayıcısının hiperlink’li resimleri anlatmasının tek yoludur. Web’inizde dolaşmak için resimler kullanmanız gerekliyse, her resim işlevini tanımlayan bir metne sahip olmalıdır.

Şekil 9.3’de, metin açıklamalarının yerini alacak resimler yüklenirken bir Web sayfasının görünüşü görülüyor. Interests, Photo Album ve Favorites yazıları, bir kare, çember ve üçgen içeren simgelerin yanında gösteriliyor. Bunların tümü bir gezinti çubuğunun parçaları (FrontPage 2000 bunlar için açıklamaları otomatik olarak yaratır) ve kendileriyle ilişkili aktif hiperlink’lere sahipler.

Şekil 9.3: Resim açıklamalarıyla bir Web sayfası

9.3        GIF,JPEG ve PNG Formatları Arasında Seçim Yapmak

World Wide Web’deki resimlerin çoğu GIF veya JPEG formatlarındadır, ancak PNG geçtiğimiz yıllar içinde GIF yerine kullanılan popüler bir format haline geldi.

JPEG dosyaları genellikle .jpg dosya uzantısına sahiptir; bunlar resim kalitesinden taviz vererek dosya boyunu (ve dosyanın çekilme süresini) azaltan bir veri sıkıştırma algoritmasını kullanır. Bir JPEG dosyasını kaydettiğinizde, bu iki faktörü nasıl dengeleyeceğinize karar vermeniz gerekir. Veri sıkıştırma yüzünden, çok sayıda renge sahip karmaşık resimlerin gösterilmesinde genellikle JPEG formatı tercih edilir. JPEG dosyaları, resimlerin boylarına büyük oranda sıkıştırma uygulansa bile, genellikle aynı renge sahip büyük alanlara sahip olmayan taranmış fotoğrafların gösterilmesi için iyidir.

GIF dosyaları, .gif dosya uzantısına sahiptir ve genellikle az sayıda renge sahip basit resimler için en iyi seçenektir. Bir GIF resminde 256 renkten fazlasını gösteremezsiniz, bu yüzden bir fotoğraf GIF resmi olarak kullanılacaksa, önce renk sayısının 256’ya düşürülmesi gerekir.

Renk sayısındaki azalmaya karşın, GIF resimleri fotoğraflarda ve diğer resimlerde genellikle JPG dosyalarından daha iyi görünür. Web üzerinden büyük, çok renkli resimlerin GIF formatında gösterilmesindeki problem, aynı boydaki JPG dosyasına göre aynı resmin çekilmesinin çok daha uzun sürmesidir. Bu nedenle, GIF dosyaları normalde çok renk içermeyen, bazen sekiz veya daha az renge sahip küçük resimlerle kullanılır.

GIF, tek renge sahip büyük resimler için JPEG’den çok daha iyidir. JPEG veri sıkıştırma algoritması dosya boyunu küçülttüğünden, katı renk bloklarının kenarlarında kırık çizgiler belirir ve resmin daha bulanık görünmesine neden olur.

FrontPage 2000’in temalarının tümünde gezinti çubuğu düğmeleri GIF dosyalarıdır. Bunların pek çoğu katı renkler kullanır ve bir sayfa üzerinde pek fazla yer kaplamaz, bu yüzden onlar için GIF en iyi seçenektir.

World Wide Web’de giderek daha popüler olan üçüncü bir format, PNG formatıdır; bu Portable Network Graphics’in kısaltmasıdır. PNG, GIF formatı için gelişmiş bir alternatif olarak çıkmıştır.

PNG dosyaları, .png dosya adı uzantısına sahiptir. Bunlar genellikle GIF dosyalarıyla aynı şekilde kullanılır, ancak PNG binlerce rengi de destekler ve JPEG formatına alternatif olarak kullanılabilir.

PNG’nin eski sürümleri Web tarayıcısı plug-in’leri tarafından destekleniyordu. Plug-in’ler, tarayıcıdan farklı olarak çekilerek kurulan ve Web tarayıcısının işlevlerini geliştirmek için kullanılan programlardır. Netscape Navigator ve Microsoft Internet Explorer’ın 4.0 sürümleri ve sonrası, plug-in gerektirmeden PNG dosyalarını gösterebilir.

Web’lerinizdeki resimlerin görünümünü iyileştirmenin bir diğer yolu da, resimlerin daha düşük çözünürlükte versiyonlarını sunmaktır. Bu versiyonların dosya boyu açısından son derece küçük olması gerekir, böylece hızlıca yüklenebilirler. Bunlar Picture Properties iletişim kutusunda belirtilebilir.

9.3.1       Sayfaya Clip Art Eklemek

FrontPage 2000, bir clip art galerisine sahip: Bunlar kendi Web’lerinizde serbestçe kullanabileceğiniz resimlerdir. Galeriyi incelemek için, Insert>Picture>Clip Art menü komutunu seçin.

Clip art, bir düzinenin üzerinde kısım başlığı altında düzenlenmiştir. Ne aradığınızı biliyorsanız, arama (Search) özelliğini kullanarak sadece aradığınız konuyla ilgili clip art’ın gösterilmesini sağlayabilirsiniz. Örneğin, academic kelimesini aratmanız, Clip Art Gallery iletişim kutusunda gördüğünüz sonucu doğurur (Bkz. Şekil 9.4). Burada, her resmin küçük bir örneği görülür. Resmin tam boyda bir sürümünü görebilir ve resmi bir dosyadan yüklediğiniz şekilde bir sayfaya ekleyebilirsiniz.

Şekil 9.4:

Clip Art

Gallery’de

arama

yapılması

Bir resmin başka bir kaynak yerine clip art’tan eklenmesi fazladan bir adım gerektirir: Grafiği Web’inize kaydedeceğiniz formatı seçmeniz gerekir. Aslında, Clip Art Gallery’deki grafikle çalışmazsınız. Bunun yerine, üç formattan birinde bir kopyasını çıkarırsınız: GIF, JPEG veya PNG. Bu seçenek Picture Properties iletişim kutusunda yapılır.

Bir GIF dosyasını seçtiğinizde, resmi bir interlaced patern kullanarak gösterilmek üzere ayarlayabilirsiniz. Bu, bir resmi daha iyi odaklanmış bir dizi resim olarak gösterir. Bu tanım size biraz bulanık göründüyse, bunu ilk baktığınızda bulanık gösteren bir dürbün gibi düşünün. Odak ayarı yaparken, baktığınız şey bulanık renklerden son derece keskin bir görüntü haline dönüşür. Interlacing de buna benzer, çünkü bir resmi ona odaklanıyormuşsunuz gibi gösterir. Diğer taraftan, interlacing kullanılmayan bir GIF (non-interlaced), resmi çekerken ardışık yatay çizgiler halinde gösterir, yani resmin tümü çekilmeden önce resmin sadece üst yarısını görürsünüz.

JPEG dosyası olarak kaydedilen clip art’ta bir Quality (kalite) yüzdesinin belirtilmesi gerekir. Bu yüzdenin alabileceği değerler 1 (mümkün olduğu kadar çok sıkıştırma) ile 100 (hiç sıkıştırma yok) arasında değişir. Varsayılan değer yüzde 75’tir.

Clip art’larla sıkça yapacağınız bir şey, boyunu değiştirmektir. Bir Web sayfasındaki tüm resimler farklı boylarda gösterilebilir; bunlar daha büyük, daha küçük, hatta en ve boyu farklı ölçeklenmiş şekilde olabilir. Bu değişiklikleri, Page Properties iletişim kutusunun Appearance sekmesinde yapabilirsiniz (Bkz. Şekil 9.5).

Şekil 9.5: Bir resmin gösterim boyunun ayarlanması

Bir resmin boyunu, piksel artışları veya orijinale göre bir yüzde cinsinden değiştirebilirsiniz. Bu, geçerli resmi değiştirmez, yani normal boyunun yüzde 10’u kadar gösterilen bir resmin çekilmesi için yine aynı süre gerekir.

FrontPage 2000’le gelen Clip Art Gallery’de uygun bir resim bulamazsanız, Microsoft’un online galerisinde daha fazla resim, fotoğraf ve film dosyası bulabilirsiniz. Internet’e bağlandıktan sonra, Clip Art Gallery iletişim kutusundaki Clips Online düğmesine tıklayarak Microsoft’un clip art Web sitesine gidebilirsiniz. Galeriyi tarayarak belirli anahtar kelimeleri aratabilirsiniz. Seçtiğiniz clip art, otomatik olarak FrontPage 2000’e ithal edilir.

9.4        Sayfa Banner’ı ve Gezinti Çubuklarının Eklenmesi

Sayfa banner’ları ve gezinti çubukları, FrontPage 2000’in tüm temalarında bulunur. Sayfa banner’ları dev gezinti düğmelerine benzer (grafiksel iseler) ve bir sayfaya başlık vermek için kullanılırlar. Gezinti çubukları, grafiksel düğmeler veya metin olarak gösterilen ilişkili hiperlink gruplarıdır. Bunların her ikisi de FrontPage 2000 bileşenleridir, yani Web’lerinizde kullanabileceğiniz özel etkileşimli öğelerdir. Bunlar, düzenlenebilir metin ve resimleri bir araya getirir.

Bu bileşenleri, Insert>Navigation Bar ve Insert>Page Banner komutlarıyla sayfalarınıza ekleyebilirsiniz.

Bir sayfa banner’ı, bir tek yazı satırı içerir ve grafiksel bir arka plana sahip olabilir. Arka plan olarak kullanılan resim, Web’in teması tarafından belirlenir. Teması olmayan Web’ler, grafiksel sayfa banner’ları içeremez.

Bir sayfa banner’ının yazısı, Navigation görünümü penceresindeki başlıkla aynı olacaktır. Sayfa henüz Web’in gezinti yapısına eklenmemişse, bir banner’ın gösterilebilmesi için önce eklenmesi gerekir.

Bir Web’i kaydettiğinizde veya yayınladığınızda FrontPage 2000, Web’inizdeki tüm grafiksel sayfa banner’ları ve gezinti çubukları için resimler yaratır. Yazı, bileşenin arka plan resminin üzerinde gösterilir.

Bunların tümü arka planda gerçekleşir, bu sayede bu bileşenlerle resimlerle çalıştığınızdan daha farklı şekilde çalışabilirsiniz.

Yorumlar (0)

Bu içeriğe ait yorumları masaüstüne alabilirsiniz

Adınız

Email

Websiteniz

Başlık

Yorum

Yorum Ekleyin