Basit Bir Ders
Fotoğraflar ve grafikler çok fazla sunucu alanı kullanır. Bu, Web sayfalarının çok daha yavaş yüklenmesini sağlayabilir. Sahip olduğunuz bir seçenek, resimlerinizin küçük resimlerini kullanmaktır. Küçük resim, aynı resmin daha küçük bir sürümüdür. Buradan orijinal resme bağlantı veriyorsunuz.
Küçük resimleri kullandığınızda, bir sayfaya daha fazla grafik sığdırabilirsiniz. Okuyucunuz, sayfadaki tüm grafikleri seçebilir ve seçebilir ve görmek istediklerinize karar verebilir.
Küçük resim oluşturmak zor değildir ve gerçekten çok uzun sürmez. Yapmanız gereken ilk şey bir fotoğraf veya grafik düzenleme programı indirmektir. İrfan View kullanıyorum. Kullanımı bedava ve basit. Paint Shop Pro veya Photoshop gibi bir şey kadar kapsamlı değil ama renkleri yeniden boyutlandırmak, kırpmak ve değiştirmek için yeterince iyi.
Bu ders için İrfan View kullanacağım. Başka bir program kullanıyorsanız, talimatlar o kadar farklı değildir.
Yapacağınız ilk şey, yeniden boyutlandırmak istediğiniz görüntüyü açmaktır. Bunu "File" (Dosya), "Open" (Aç) düğmelerini tıklatıp, bilgisayarınızda bulunan görüntüyü bulup "Open" (Aç) düğmesine tıklayarak yapabilirsiniz.
Grafik düzenleme programınızda görüntü açıkken, artık kırpabilir veya yeniden boyutlandırabilirsiniz. Kırpma, kullanmak istediğinizden daha fazla olan bir görüntüye sahip olduğunuzda yaptığınız şeydir. Sizin ve başka bir kişinin resminiz olduğunu varsayalım, ama sadece seninle parçayı kullanmak ve diğer kişiyi kesip atmak istiyorsun.
Kırpmak için öncelikle korumak istediğiniz alanı seçmeniz gerekir. Fare imlecini tutmak istediğiniz alanın bir köşesine yerleştirin, fare düğmesini basılı tutun ve imlecinizi alanın karşıt köşesine sürükleyin. Bunu yaptığınız gibi çevrenizde oluşturulmuş bir çizgi ve işiniz bittiğinde etrafınızda ince bir kenarlık göreceksiniz.
Şimdi "Düzenle", "Kırpma seçimi" ni tıklayın. Seçtiğiniz alan bırakılacak ve resmin geri kalanı gitmiş olacaktır. Gördüğünüz şeyden hoşlanıyorsanız, görüntüyü bu noktada kaydetmek isteyeceksiniz, böylece programı yanlışlıkla kapatıp kırpmayı kaybetmeyin. Beğenmezseniz, "Düzenle", "Geri Al" ı tıklayın ve kırpmadan önce olduğu gibi geri dönün.
Resimden bir şey kesmek isterseniz, bunu "Kes" özelliğini kullanarak yapabilirsiniz. Ayrıca, bu noktaya "Metni seçime ekle" yi kullanarak resminize metin ekleyebilirsiniz. Bu özelliklerin ikisi de "Düzenle" menüsü altındadır. İstediğiniz değişikliği yaptıktan sonra, işinizi kaybetmemeniz için resmi kaydetmeyi unutmayın.
Şimdi küçük resmimizi oluşturmak için. "Görüntü", "Yeniden Boyutlandır / Yeniden Örnekle" yi tıklayın. Resminizi yeniden boyutlandırabilmenizi sağlayacak bir kutu açılır. Resminizi yükseklik ve genişliğe göre veya yüzde olarak yeniden boyutlandırabilirsiniz. Örneğin, 50 piksellik bir genişliğe sahip olabilirsiniz veya görüntünün orijinal boyutunun% 10'unu oluşturmasını sağlayabilirsiniz. Fotoğraf galerisi olarak kullanacağınız küçük resimleri oluşturuyorsanız, tüm resimlerinizi aynı boyuta yakınlaştırmaya çalışmanızı öneririm. Böylece, sayfaya sığacak şekilde daha iyi düz satırlar veya sütunlar oluşturabilirler.
Resminizi yeniden boyutlandırdığınızda görüntünün bir miktar netliğini kaybetmiş gibi görünüyorsa, "Görüntü" menüsündeki "Keskinleştir" özelliğini kullanabilirsiniz. Yeniden boyutlandırdıktan sonra görüntüyü kaydettiğinizde, "Farklı kaydet" özelliğini değil, "Kaydet" özelliğini kullandığınızdan emin olun. Ona farklı ama benzer bir isim vermek isteyeceksiniz. Sadece kaydettiyseniz eski resminizin üzerine yazılacak ve orijinali kaybedeceksiniz. Orijinaliniz "picture.jpg" olarak adlandırıldıysa, küçük resme "picture_th.jpg" diyebilirsiniz.
Barındırma hizmetinizin sayfalarınızı ve grafikleri Web sitenize kolayca yüklemenize yardımcı olacak bir dosya yükleme programı yoksa, bunları yüklemek için bir FTP istemcisine sahip olmanız gerekir. Birlikte olduğunuz barındırma hizmeti size dosyaları yükleyebilmeniz için FTP istemcisine koymanız gereken ayarları vermelidir.
Grafiklerinizi veya fotoğraflarınızı "grafikler" veya "fotoğraflar" adlı bir klasöre yüklemenizi öneriyorum. Böylece, sayfalarınızdan ayrı tutmanız ve ihtiyacınız olduğunda bunları daha kolay bulabilmeniz için. Farklı klasörler kullanarak sayfaları ve grafikleri organize etmeyi seviyorum. Sitenizi güzel ve temiz tutar, böylece aradığınız şeyi hızlı bir şekilde bulursunuz ve böylece bir şeye ihtiyacınız olduğunda taramanız gereken uzun dosya listeleriniz yoktur.
Küçük resmi, barındırma hizmetinize de yüklemeniz gerekir. "Küçük resim" olarak adlandırılan ayrı bir klasöre koymayı düşünün.
Şimdi grafiğinizin adresine ihtiyacınız olacak. Örnek: Sitenizi Geocities'de barındırdığınızı ve kullanıcı adınızın "mysite" olduğunu varsayalım. Ana grafiğiniz "grafikler" adlı bir klasörde ve "graphics.jpg" olarak adlandırılmıştır. Küçük resim "thumbnail.jpg" olarak adlandırılır ve "küçük resim" adlı bir klasörde bulunur. Grafiğinizin adresi http://www.geocities.com/mysite/graphics/graphics.jpg olacaktır ve küçük resminizin adresi http://www.geocities.com/mysite/thumbnail/thumbnail.jpg olacaktır.
Artık tek yapmanız gereken, küçük resminize sayfanıza bir bağlantı eklemek ve grafiğinize küçük resminizden bir bağlantı eklemek. Bazı barındırma hizmeti fotoğraf albümleri sunuyoruz. Tek yapmanız gereken, fotoğraflarınızı sayfalara eklemek için onların talimatlarını takip etmektir.
Fotoğraf albümünüzü oluşturmak için HTML kullanmayı tercih ederseniz hala sıfırdan başlamak zorunda değilsiniz. Bunun yerine bir fotoğraf albümü şablonu kullanın. Sonra tek yapmanız gereken bağlantıları eklemek ve bir fotoğraf albümünüz var.
Ana grafiğin sayfanızda görünmesi için sadece grafiğin kendisine bağlanıyorsanız, kullanmanız gereken kod şudur:
Resim için Metin
Bu kodda graphic.jpg dosyasını gördüğünüzde, http://www.geocities.com/mysite/graphics/graphics.jpg adresine dönüşecek ya da bu /graphics/graphics.jpg gibi görünen kısa formu kullanabilirsiniz. Daha sonra Resim için Metin yazısını resmin altında söylemek istediğiniz yere değiştirin.
Küçük resimleri kullanacak ve oradaki grafiğe bağlanacaksanız, kullanacağınız kod biraz farklı olacaktır:
Http: //address_of_graphic.gif adresini gördüğünüzde, küçük resminizin adresini eklersiniz. Http://address_of_page.com adresini gördüğünüzde, grafiğinizin adresini eklersiniz. Sayfanız küçük resminizi gösterecek ancak doğrudan grafiğinize bağlanacaktır. Birisi grafik için küçük resme tıkladığında orijinaline götürülecektir.
Artık bir sayfada daha fazla grafiğe bağlanarak sunucunuzu yavaşça indirerek sayfanın yüklenmesine neden olacaksınız. Bu, bir fotoğraf albümü oluşturmak için tek seçeneğiniz değildir, ancak bir sayfaya bir grup resim eklemenin bir yolunu sunar, böylece kullanıcıların sayfalar ve sayfaların sayfalarını tıklaması gerekmez. Ayrıca, istemedikleri takdirde hepsini görmek zorunda kalmak yerine, normal boyutta görmek istedikleri fotoğrafları seçebilecekler.