Web Sayfalarınıza Görüntü Ekleme

Düzgün Görüntülenecek Görüntülerin Çekilmesi

Web sitenizin HTML'sine bağlamak istediğiniz tüm görseller önce, web sayfası için HTML'yi gönderdiğiniz siteye yüklenmeli, sitenin FTP ile ulaştığınız bir web sunucusunda barındırıldığına veya bir web barındırma hizmeti kullanıp kullanmadığına bakılmalıdır. Bir web barındırma hizmeti kullanıyorsanız, muhtemelen hizmet tarafından sağlanan bir yükleme formu kullanın. Bu formlar genellikle barındırma hesabınızın yönetim bölümünde bulunur.

Resminizi barındırma hizmetine yüklemek sadece ilk adımdır. Ardından, HTML’i tanımlamak için bir etiket eklemeniz gerekir.

HTML ile aynı Dizine Görüntü Yükleme

Fotoğraflarınız HTML ile aynı dizinde bulunabilir. Eğer durum buysa:

1. Web sitenizin köküne bir resim yükleyin.
2. Resmi işaretlemek için HTML’nize bir resim etiketi ekleyin.
3. HTML dosyasını web sitenizin köküne yükleyin.
4. Sayfayı web tarayıcınızda açarak dosyayı test edin.

Resim etiketi şu formatı alır:

Ayın fotoğrafını "lunar.jpg" adıyla yüklediğinizi varsayalım, resim etiketi aşağıdaki formu alır:

Yükseklik ve genişlik isteğe bağlıdır, ancak önerilir. Resim etiketinin bir kapatma etiketi gerektirmediğini unutmayın.

Başka bir belgede bir görüntüye bağlantı oluşturuyorsanız, bağlantı etiketlerini kullanın ve görüntü etiketini iç içe yerleştirin.

Bir Alt Dizinde Görüntü Yükleme

Görüntüleri genellikle Görüntüler adı verilen bir alt dizinde depolamak daha yaygındır. Bu dizindeki resimlere işaret etmek için, web sitenizin köküne göre nerede olduğunu bilmeniz gerekir.

Web sitenizin kökü, URL’nin, sonunda hiçbir dizin bulunmadan görüntülendiği yerdir. Örneğin, "MyWebpage.com" adında bir web sitesi için kök şu formu takip eder: http://MyWebpage.com/. Sonunda eğik çizgi dikkat edin. Bir dizinin kökü genellikle bu şekilde belirtilir. Alt dizinler, dizin yapısında nerede oturduklarını göstermek için eğik çizgi içerir. MyWebpage örnek site yapısı olabilir:

http://MyWebpage.com/ - kök dizini http://MyWebpage.com/products/ - ürünler dizini http://MyWebpage.com/products/documentation/ - ürün dizini altındaki belge dizini http: // MyWebpage.com/images/ - resim dizini

Bu durumda, resim dizininizdeki görüntünüze işaret ettiğinizde, şunları yazabilirsiniz:

Buna görüntünüzün mutlak yolu denir.

Ekran Gösterilmeyen Görüntülerle İlgili Sık Karşılaşılan Sorunlar

Web sayfanızda görünecek resimlerin çekilmesi ilk başta zor olabilir. En yaygın iki neden, görüntünün HTML'nin işaret ettiği yere yüklenmemesi veya HTML'nin yanlış yazılmasıdır.

Yapmanız gereken ilk şey, görüntünüzü çevrimiçi bulabiliyor olmanızdır. Çoğu barındırma sağlayıcıları, resimlerinizi nereye yüklediğinizi görmek için kullanabileceğiniz bir çeşit yönetim aracına sahiptir. Görüntünüz için doğru URL’ye sahip olduğunuzu düşündükten sonra tarayıcınıza yazın. Görüntü belirirse, doğru konuma sahip olursunuz.

Ardından, HTML’nizin bu resmi işaret ettiğini kontrol edin. Bunu yapmanın en kolay yolu, yeni test ettiğiniz görüntü URL'sini SRC özelliğine yapıştırmaktır. Sayfayı yeniden yükleyin ve test edin.

Resim etiketinizin SRC özelliği asla C: \ veya dosya ile başlamamalıdır : Web sayfanızı kendi bilgisayarınızda test ettiğinizde çalışır, ancak sitenizi ziyaret eden herkes kırık bir görüntü görür. Bunun nedeni, C: \ sabit diskinizdeki bir konuma işaret eder. Görüntü sabit diskinizde olduğundan, görüntülediğinizde görüntülenir.