Yaptığım ilk tasarım

Rufiq Cavadov dedi:

O zaman buradan devam edelim. Öğrenmek isterseniz yardımcı olabilirim. Tasarımı nasıl yaptığımı ve daha da güzelini yapabiliriz.

Genişletmek için tıkla...

Rufiq Cavadov dedi:

HTML'de <div> elementi aslında bir blok elementidir. En fazla kullanılan koddur. Bu da <div> elementini diger kodlardan ayırıyor. Yani sana şöyle anlatabilirim ki, skelet gibi düşün bacağın, kafan, gözün, kaşın gibi bunları bir birine birleştirerek, ortaya bir yaratılış çıkıyor. Yani bir insan. Bu insanın kiyafetini ise CSS yapar.

Genişletmek için tıkla...

DeletedUser01 dedi:

Anladım gibi gibi Kulanım örneği verebilir misin ?

Genişletmek için tıkla...

<div class="blue"></div>
<div class="red"></div>
<div class="green"></div>

.blue {
    width: 300px;
    height: 30px;
    background: blue;
}
.red {
    width: 300px;
    height: 30px;
    background: red;
}
.green {
    width: 300px;
    height: 30px;
    background: green;
}

Rufiq Cavadov dedi:

Burada görmüş olduğunuz üzere 3 tane sınıflar var. Her sınıf isimleri bir birinden farklıdır. Aslında bu sınıfları kullanarak Azerbaycan bayrağını oluşturmuş olacağım. Fakat bu bayrağın eksikleri olacak. Onları da senin bulmanı istiyorum.

HTML:Panoya kopyala

<div class="blue"></div>
<div class="red"></div>
<div class="green"></div>

Bayrağı oluşturmak için CSS kodları:

CSS:Panoya kopyala

.blue {
    width: 300px;
    height: 30px;
    background: blue;
}
.red {
    width: 300px;
    height: 30px;
    background: red;
}
.green {
    width: 300px;
    height: 30px;
    background: green;
}

Genişletmek için tıkla...

Rufiq Cavadov dedi:

Burada görmüş olduğunuz üzere 3 tane sınıflar var. Her sınıf isimleri bir birinden farklıdır. Aslında bu sınıfları kullanarak Azerbaycan bayrağını oluşturmuş olacağım. Fakat bu bayrağın eksikleri olacak. Onları da senin tamamlamanı istiyorum.

HTML:Panoya kopyala

<div class="blue"></div>
<div class="red"></div>
<div class="green"></div>

Bayrağı oluşturmak için CSS kodları:

CSS:Panoya kopyala

.blue {
    width: 300px;
    height: 30px;
    background: blue;
}
.red {
    width: 300px;
    height: 30px;
    background: red;
}
.green {
    width: 300px;
    height: 30px;
    background: green;
}

Genişletmek için tıkla...

Rufiq Cavadov dedi:

Burada görmüş olduğun üzere ilk elemente bir class yani sınıf atadım. Bu sınıfa CSS tarafında dedim ki, genişliği 300px olsun. Yüksekliği 30px olsun. Arkaplan rengi kaldı ki, onu da blue olarak belirtdim. Son olarak blue sınıfına sahip olan <div> elementi bunu bana yorumlamış oldu HTML tarafında.

Genişletmek için tıkla...

Rufiq Cavadov dedi:

Burada görmüş olduğun üzere ilk elemente bir class yani sınıf atadım. Bu sınıfa CSS tarafında dedim ki, genişliği 300px olsun. Yüksekliği 30px olsun. Arkaplan rengi kaldı ki, onu da blue olarak belirtdim. Son olarak blue sınıfına sahip olan <div> elementi bunu bana yorumlamış oldu HTML tarafında.

Genişletmek için tıkla...

Rufiq Cavadov dedi:

Yakında HTML dersleri çekmeyi planlıyorum. Azerbaycan dilinde olacak dersler.

Genişletmek için tıkla...

DeletedUser01 dedi:

Ayrıca internette wrap header content vs gördüm onlar neler ?

Azerice türkçeye yakın zaten. Çekersen severek izlerim. Platform olarak youtube sanırım. Link var mı ?

Genişletmek için tıkla...