- Katılım
- 2 Ağustos 2010
- Mesajlar
- 393
- Reaction score
- 0
Merhaba Değerli arkadaşlar ve işte html derslerinde en zevkli derse girmiş bulunmaktayız. Sayfamıza resimler eklemeye ve bu resimleri biçimlendirme eğitimi alacağız resim derslerimiz 2 yada 3 ders şeklinde sürecek bir derste kafanızı karıştırmak yerine adım adım ilerlemek şık olur düşüncesindeyim.
Şimdi geçen dersimize bakalım neymiş tabkip etme imkanı olmayan arkadaşlar aşağıdaki linkten gö atabilir.
Html Resim Dersi
Web sitelerinin görsel görünüş açısından zenginleştirmek ve göe hitao etmek için resimler kullanmanız gereksede bazen bir haber ve makale içinde resim eklemeniz gerekebilir. Bu açıdan resim dersleri html açısından önem arz etmektedir.
Sayfamızda Resim Uzantıları
Sayfalarımızda yayınlayacağımız resim formatları yani uzantıları arkadaşlar aşağıdaki uzantılardan oluşmalı bunada dikkat ediniz.
<img src=”resimadı.uzantısı”>
İşte yukardaki kodlama resim eklemenin altın kuralı olup değişmez tek şartıdır.
Yukardaki parametreye bir çok özellik katılabilirki bunu ilerleyen derslerde göreceğiz nedir bunlar derseniz.
Bu resim Masaüstünüze Dosya Adı webmaster.jpg olarak kaytedin
Resmi bilgisayarımıza aldıktan sonra boş bir not defteri açarak aşağıdaki kodları yazın arkadaşlar ve farklı kaydet diyerek dosya adı resimekleme.html olarak yine masaüstüne kaydedin buna dikkat edin webmaster.jpg resmi masaüstündeyse sayfanızda masaüstünde olmalı yoksa resim açılmaz bunu bir sonraki derste ele alacağız.
<html>
<head>
<title>Web Tasarım Dersleri Html resim Ekleme Ders7</title>
</head>
<body>
<img src=”webmaster.jpg” />
</body>
</html>
Hata yapmadığınız sürece resim üst ve sola yaslanmış şekilde aşağıdaki gibi görünmeli değerli arkadaşlar.
Html Resim Ekleme
Evet arkadaşlar sizde farklı resimlerle bol bol uygulama yapın bir sonraki dersimiz ise resimleri ileri düzeyde ele alacağız biçimlendirme ve boyutlandırma yanı sıra klasör özelliklerine göre resi eklemeleri ele alacağız arkadaşlar. Bugünkü dersimiz bu kadar bir sonraki dersimizde görüşmek üzere Allaha emanet olun.
Şimdi geçen dersimize bakalım neymiş tabkip etme imkanı olmayan arkadaşlar aşağıdaki linkten gö atabilir.
Html Resim Dersi
Web sitelerinin görsel görünüş açısından zenginleştirmek ve göe hitao etmek için resimler kullanmanız gereksede bazen bir haber ve makale içinde resim eklemeniz gerekebilir. Bu açıdan resim dersleri html açısından önem arz etmektedir.
Sayfamızda Resim Uzantıları
Sayfalarımızda yayınlayacağımız resim formatları yani uzantıları arkadaşlar aşağıdaki uzantılardan oluşmalı bunada dikkat ediniz.
- jpg Uzantılı Resimler
- gif Uzantılı Resimler
- png Uzantılı Resimler
<img src=”resimadı.uzantısı”>
İşte yukardaki kodlama resim eklemenin altın kuralı olup değişmez tek şartıdır.
Yukardaki parametreye bir çok özellik katılabilirki bunu ilerleyen derslerde göreceğiz nedir bunlar derseniz.
- Resimlerin Boyutları Ayarlanması
- Resimlere Alt parametresi Eklenmesi

Resmi bilgisayarımıza aldıktan sonra boş bir not defteri açarak aşağıdaki kodları yazın arkadaşlar ve farklı kaydet diyerek dosya adı resimekleme.html olarak yine masaüstüne kaydedin buna dikkat edin webmaster.jpg resmi masaüstündeyse sayfanızda masaüstünde olmalı yoksa resim açılmaz bunu bir sonraki derste ele alacağız.
<html>
<head>
<title>Web Tasarım Dersleri Html resim Ekleme Ders7</title>
</head>
<body>
<img src=”webmaster.jpg” />
</body>
</html>
Hata yapmadığınız sürece resim üst ve sola yaslanmış şekilde aşağıdaki gibi görünmeli değerli arkadaşlar.

Evet arkadaşlar sizde farklı resimlerle bol bol uygulama yapın bir sonraki dersimiz ise resimleri ileri düzeyde ele alacağız biçimlendirme ve boyutlandırma yanı sıra klasör özelliklerine göre resi eklemeleri ele alacağız arkadaşlar. Bugünkü dersimiz bu kadar bir sonraki dersimizde görüşmek üzere Allaha emanet olun.