Web Sayfalarındaki  Resimlerle Çalışmak :

     Web sayfasına bir resim yerleştirileceği zaman  IMG tagı kullanılır. Eğer eklenen dosya resim dosyası ise SRC video dosyası ise DYNSRC parametresi kullanılır.

<HTML>
<HEAD>
<TITLE>Başlık Çubuğu için Birşeyler Karala...</TITLE>
</HEAD>
<BODY>
Aşağıdaki resim orjinal boyutlarındadır.<BR>
<IMG SRC="daha_iyi.jpg"><BR>
Aşağıdaki resim 100 pixel yüksekliğinde 300 pixel genişliğindedir.<BR>
<IMG SRC="daha_iyi.jpg" HEIGHT="100" WIDTH="300" ><BR>
Aşağıdaki resim tüm sayfanın %25 yüksekliğinde   %50 genişliğindedir. Sayfanın ebatlarını değiştirerek resmin büyüklüğünün nasıl değiştiğini izleyin.<BR>
<IMG SRC="daha_iyi.jpg" HEIGHT="25%" WIDTH="50%" >
</BODY>
</HTML>

Sonucun ne olduğunu görmek için tıklayın.

<HTML>
<HEAD>
<TITLE>Başlık Çubuğu için Birşeyler Karala...</TITLE>
</HEAD>
<BODY>
Video Dosyasının Çalıştırılması<BR>
<IMG DYNSRC="buniv.avi" loop="infinite"><BR>
</BODY>
</HTML>

Sonucun ne olduğunu görmek için tıklayın.

Şimdi web sayfasının yerine ve resmin yerine bağlı olarak web sayfası içine tanımlamaların nasıl yapılacağına göz atalım.

web_sayfam_resim1.jpg (13601 bytes) İki dosyada aynı yerde ise; SRC tagı

<IMG SRC="resim.gif">

şeklindedir.
web_sayfam_resim2.jpg (13446 bytes) Resim web sayfasının bulunuduğu dizinin bir altındaysa; SRC tagı

<IMG SRC="alt_dizin1/resim.gif">

şeklinde düzenlenmelidir.
web_sayfam_resim3.jpg (13530 bytes)  

Resim web sayfasının bulunuduğu dizinin alt dizininin altındaki bir dizinde yer  alıyorsa; SRC tagı

<IMG SRC="alt_dizin1/daha_alt_dizin/resim.gif">

şeklinde düzenlenmelidir.
web_sayfam_resim4.jpg (13565 bytes) Resim web sayfasının bulunduğu dizinin bir üst dizinindeyse; SRC tagı;

<IMG SRC="../resim.gif">

şeklinde düzenlenmelidir.
web_sayfam_resim5.jpg (13153 bytes) Resim web sayfasının bulunduğu dizinin iki üst  dizinindeyse; SRC tagı;

<IMG SRC="../../resim.gif">

şeklinde düzenlenmelidir.
web_sayfam_resim6.jpg (13503 bytes) Resim ve web sayfası aynı dizinin farklı alt dizinlerinde bulunuyorsa; SRC tagı;

<IMG SRC="../alt_dizin2/resim.gif">

şeklinde düzenlenmelidir.
web_sayfam_resim7.jpg (13529 bytes) Yandaki durum için; SRC tagı;

<IMG SRC="../alt_dizin2/daha_alt_dizin/resim/resim.gif">

şeklinde düzenlenmelidir.
web_sayfam_resim8.jpg (13119 bytes) Resim ve web sayfası aynı dizinin farklı alt dizinlerinde bulunuyorsa; SRC tagı;

<IMG SRC="../../../alt_dizin1/daha_alt_dizin/resim.gif">

şeklinde düzenlenmelidir.

Web sayfalarına resim yerleştirirken dikkat edilmesi gereken noktalardan biri de resmin büyüklüğüdür. Eğer sayfada kullanılan resimin boyutu fazlaysa dosyayı indiren kişi için dosyayı görmesi için çok fazla beklemesi gerekebilir. Bunun için resmin büyüklüğüne dikkat edilmelidir. Resim üzerindeki renk sayısı ile oynanarakta resmin büyüklüğü önemli ölçüde düşürülebilir.

resim_boyu_rengi1.gif (69863 bytes)

Boyutlar :  310 x 304
Renklerin Sayısı : 238
Dosya Büyüklüğü :  69 Kb
resim_boyu_rengi2.gif (34188 bytes)

Boyutlar :  207 x 203
Renklerin Sayısı :  238
Dosya Büyüklüğü : 34 Kb

 resim_boyu_rengi3.gif (19902 bytes)

Boyutlar :  207 x 203
Renklerin Sayısı : 48
Dosyanın Büyüklüğü :  19 Kb

Resimleri büyük boyutlarla web sayfasına yerleştirmek istiyorsak, büyük resmi doğrudan koymak yerine aynı resmin küçük bir örneği sayfaya yerleştirilebilir. küçük resme tıklayan kişi büyük resme ulaşabilir.

Yandaki resime tıklayın. (Bu resmin büyüklüğü 2 Kb ve gelecek resim 27 Kb dir.)

Yandaki resime tıklayın. (Bu resmin büyüklüğü 4 Kb ve gelecek resim  147 Kb dir.)