Web Tasarım Dersleri Resim Ekleme

Web Tasarım Dersleri Resim Ekleme, Web Tasarım Dersleri, Html Tasarım, Html Tasarım Resim Ekleme, Resim Ekleme Kodları, Web tasarımında resim nasıl  eklenir, Web site tasarımı yaparken resim ekleme, Web tasarım resim ekleme kodları, Web tasarım resimlere link verme, Resimlere açıklama ekleme, Resimlere yazı ekleme kodları, Web sitesine nasıl  resim eklenir gibi sorgular yazarak web sitemize ulaşan değerli ziyaretçimiz web sitemize hoş geldiniz.

Web sitelerimizin sayfaları teknik olarak sadece metinlerden oluşabilir. Fakat resim içeren sayfaların daha ilgi çekici ve daha etkileyici olacağı yadsınamaz. Geliştirilmiş bir çok resim formatı olmasına karşın tüm bilindik tarayıcılar tarafından desteklenen resim formatları gif, jpeg, jpg, png formatlarıdır.

Resim ekleme, resimlere link verme kodları

Resim ekleme, resimlere link verme kodları

Resim Ekleme

Sayfamızda resmin görüntülenmesini istediğimiz yere img etiketini kullanarak,

<img src=”resim.gif” /> şeklinde resmi yerleştiriyoruz.

Eğer resmimiz XHTML belgemizle aynı yerde ise

<img src=”resim.gif” />

şeklindeki kullanım uygundur.

Ancak resmimiz örneğin “Resimler” adındaki bir alt klasörde ise <img src=”Resimler/resim.gif” /> şeklinde resim klasörünün adını da yazmamız gerekir.

Eğer resim farklı bir ortamda ise resmin konumuna ait adresin tamamını yazmamız gerekir.

<img src=”http://www.siteismi.com/Resimler/resim.gif” />

Resimlere Link Vermek

Metinlere link vermek ile resimlere link vermek arasında işin mantığı bakımından hiçbir fark yoktur.

Metinlere;

<a href=”http://www.siteadresi.com”> Tıklanacak  Metin </a> şeklinde link vermiştik. Resimlerde ise tıklanacak metnin yerine resmin konumunu yazacağız.

Kullanımı

<a href=”http://www.siteadresi.com”> <img src=”Resimler/resim.gif” /> </a>

Sayfamızda yer alan link verilmiş bir resim, varsayılan olarak resmin üzerine gelindiğinde beliren bir kenarlığa sahiptir.

Resme tıklandığında açılacak olan hedef sayfanın, farklı bir tarayıcı penceresinde açılmasını istersek target=”_blank” özniteliğini kullanmamız gerekir.

Kod örneği,

<a href=”http://www.siteadresi.com” target=”_blank” > <img src=”Resimler/resim.gif” /> </a>

şeklinde olacaktır.

Resimlere Açıklama Ekleme

Resimlerin üzerine fare ile gelindiğinde görünen bir açıklamayı eklemek için alt özniteliğini kullanacağız. Bu metin aynı zamanda resmin herhangi bir nedenden dolayı görüntülenemediği durumlarda daha önemli olacak haliyle açıklayıcı bir rol üstlenmiş olacaktır. Bu değişkenin bir faydası da arama motorlarının resimleri sağlıklı ve anlamlı bir biçimde indeksleyebilmeleri içindir.

<img src=”http://www.siteismi.com/Resimler/resim.gif” alt=”site logosu”  />

İnnova Ajans html web tasarım dersleri konusunda bilgi paylaşımı yapmaya devam edecek, bugünlük konumuz burada son buluyor bir sonraki web tasarım dersimizde görüşmek üzere değerli ziyaretçimiz, kullanışlı web tasarımlarına ulaşmanız dileğiyle…

Facebook Sayfamız

İnstagram Sayfamız

Web Tasarım Sayfamız

İletişim Sayfamız

Web Tasarım Dersleri Resim Ekleme
Bu yazıya oy ver

About the Author:

 
%d blogcu bunu beğendi:
EV SSL