Web Deneyimleri

CSS ve XHTML ağırlıklı olarak Web Tasarımı ve Trendleri
üzerine paylaşımlar

IMG Etiketinde Resmin Genişliğini ve Yüksekliğini Belirtmenin Önemi

Yazar: Volkan Görgülü | Yayın Tarihi: 24 Ekim 2008 | Yorumlar: 19 Yorum
Kategori: CSS & XHTML

Merhaba arkadaşlar, bilenler için çok basit ama bilmeyenler için çok değerli bir bilgi yine Web Deneyimlerinde sizlerle. Ne zamandan beri bu paylaşımı yapmak istiyordum ama bugüne kısmetmiş.

Aşağıdaki videoda sizlere resim etiketi kullanarak, bir resmi sayfamıza çağırırken, resmin genişliğini ve yüksekliğini belirtmemizin önemini göstermeye çalıştım.

Video Bağlantısı

Bu arada arkadaşlar videoda söylemeyi unuttum ama videodaki gibi bir çok resme aynı genişliği ve yüksekliği verdiğiniz durumlarda, direk CSS’den de tanımlamalarınızı yapabilirsiniz.

Bir sonraki paylaşımımda görüşmek üzere, kendinize çok iyi bakın.

Başka bir paylaşımımı inceleyebilirsiniz

«

»

Yazıya Gelen Yorumlar

1

Anıl Özkan
24 Ekim 2008´de söylemiş


Küçük ama değerli bir bilgi teşekkürler volkan bu arada ekran görüntüsünü almada hangi yazılımı kullanıyosun….

2

Volkan Görgülü
24 Ekim 2008´de söylemiş


Merhaba Anıl, teşekkür ederim, aradığım ilacı sonunda buldum, keşke ilk videodan beri Camtasia Studio 5‘i kullanıyor olsaydım.

3

Anıl Özkan
24 Ekim 2008´de söylemiş


Meraba arkadaşlar,ben daha önceleri snagit9 kullanıyordum volkanın önerisiyle Camtasia Studio 5‘i deneyeceğim eğer denemek isteyenler olursa buradan indirebilirler…
Not:Programın deneme sürümüdür.

4

Serdar Güngör
24 Ekim 2008´de söylemiş


Teşekkürler…
Daha öncede yazmıştım gözden kaçtı sanırım EBGBVS serisi ne zaman devam edecek?

5

ilyas
24 Ekim 2008´de söylemiş


teşekkürler çok güzel bir alatım olmuş (gerçi hepsi güzel :) )

6

Uğurcan Kapkaç
24 Ekim 2008´de söylemiş


bu yazının bir anda aşağı kayması durumu internette uzun -resimli- dökümanları okurken başıma çok geliyordu. ama nedeninin resimlere yükseklik ve genişlik verilmemesi olabileceği hiç aklıma bile gelmemişti. çok teşekkür ederim valla volkan abi. EBGBVS’ye biran önce devam etmen dileğiyle :P

7

Cihan ÖNER
24 Ekim 2008´de söylemiş


Bu bilgi çok hoş :)

8

ilyas TEKER
24 Ekim 2008´de söylemiş


width ve height çok önemli ayrıca alt parametresini de unutmamak lazım. Hit olarak bize dönebilir :)

9

AoRGuN
24 Ekim 2008´de söylemiş


Resimleri kodlamaya aktarırken şu şekilde bir kalıp bulundurmanız yararınıza olacaktır diye düşünüyorum:

10

AoRGuN
24 Ekim 2008´de söylemiş


Sanırım kodu kabul etmedi, şurada: http://rapidshare.com/files/157194212/kod.txt.html

11

Ahmet Burak Bal
24 Ekim 2008´de söylemiş


“IMG Etiketinde Resmin Widthini ve Heightini Belirtmenin Önemi”

başlığı yerine

“IMG Etiketinde Resmin Genişliği ve Yükseltiyi Belirtmenin Önemi”

başlığını kullanırsanız daha güzel olur. Paylaşım için teşekkürler. Sitenin buna dikkat edilmeden tasarlanması tam bir facia…

12

Volkan Görgülü
25 Ekim 2008´de söylemiş


@Ahmet Burak Bal, çok teşekkürler uyarın için dalgınlığıma denk gelmiş, hemen düzelttim.

@AoRGun, kodları iletmek için rapidshare’ı kulllanmak yerine PasteBin‘i kullanabilirsin.

Arkadaşlar EBGBVS’nin yeni bölümü bir aksilik çıkmassa pazartesi günü yayında olacak. Ben de çok istiyorum yeni bölümün çıkmasını :)

13

AoRGuN
25 Ekim 2008´de söylemiş


@Volkan Görgülü, http://tinypaste.com/f0d5b

14

emin-lakap-emo
27 Ekim 2008´de söylemiş


hocam bomba gibisin. tam olmasaı gereken noktalara parmak basıyorsun. çok takdir ediyor kutluyorum yazılarını yoğunluğumdan dolayı çok takip edemesemde blog denilince ilk üç kişiden biri olarak sen aklıma geliyorsun. Bunun adı samimiyet olsa gerek.
gazla hocam aman durma!!!

15

Çağlar Ergül
29 Ekim 2008´de söylemiş


Gözden kaçan fakat önemli bir konu.

16

ozan
06 Mart 2009´de söylemiş


hocam super bir site yapmıssın, gerek paylastıgın bilgiler gerek videolu anlatımlar muhtesem diyecek soz yok.Css anlatan bir cok site var ama en anlasılır bir dilde anlatan bir senın siteni gordum.tesekkur ederim bilgileri paylastıgın için.

17

Göktürk Doğan
14 Mayıs 2009´de söylemiş


Çağlar Ergül arkadaşıma aynen katılıyorum…
gözden kaçmaması gereken birşey bence de…

18

Volkan Sisligün
06 Haziran 2009´de söylemiş


teşekkürler faydalı bir paylaşım.

19

Alican
14 Temmuz 2009´de söylemiş


teşekkürler

Düşüncelerinizi duymaya ihtiyacım var!

Zamanınızın çok küçük bir bölümünü ayırarak, bu form aracılığı ile yazı hakkındaki düşüncelerinizi paylaşabilirsiniz.

Yorum yazarken kullanabileceğiniz XHTML etiketlerini görmek istermisiniz?

Aşağıdaki XHTML etiketlerini kullanabilirsiniz:
<a href="" title=""></a>
<abbr title=""></abbr>
<acronym title=""></acronym>
<b></b>
<blockquote cite=""></blockquote>
<cite></cite>
<code></code>
<del datetime=""></del>
<em></em>
<i></i>
<q cite=""></q>
<strike></strike>
<strong></strong>