web tasarımı (3. ders)


önceki dersimizi hatırlatarak 3. dersimize başlamayı uygun görüyorum.
Sizden <br> html etiketini , <font> etiketini ve <b> etiketini çalışmanızı istemiştim.
Ben de sizin gibi çalıştım

HTML kodları aşağıdaki gibidir:
--------------------------------------------------------------------------------
etiketin önü <h3> etiketin içi </h3> etiketin sonrası <br> <b>web <br> tasarımı</b> yapmaya başlamış olmanız <br><br> çok güzel. <b>HTML</b> öğrenmek bu işin ilk basamağıdır. <br> Bu işe başladığınıza göre <font size=5>web tasarımına </font> yeteneğinizin olduğunu düşünüyorsunuz. <br> Haydin <font size=7>HTML</font> dersine devam edelim.

Kodların internet tarayıcısında görüntüsü aşağıdaki gibidir:
--------------------------------------------------------------------------------
etiketin önü
etiketin içi
etiketin sonrası
web
tasarımı yapmaya başlamış olmanız

çok güzel. HTML öğrenmek bu işin ilk basamağıdır.
Bu işe başladığınıza göre web tasarımına yeteneğinizin olduğunu düşünüyorsunuz.
Haydin HTML dersine devam edelim.

HTML kodlarının internet tarayıcısında oluşturduğu görüntüyü açıklamaya çalışayım :



Şimdi dersimize devam edelim ve yeni şeyler öğrenmeye çalışalım.
Bugün size yazıların renklendirilmesini anlatacağım.

<b> web sayfası yapmak <font color=yellow> çok zevkli bir iştir. </font> </b>

yukarıdaki kodu şu şekilde açıklamak istiyorum:
farkettiyseniz cümlenin tamamı koyu (bold) olduğu halde ilk 3 kelimesi sarı değil.
Bir tek html etiketiyle web sayfası olmaz.
birçok html etiketi bir arada bulunduğunda şuna dikkat etmeniz gerekir:
En son açılan html etiketi ilk önce kapanmalıdır.
yani Html Etiketleri kapatılırken birbirini kesmemelidir. Aşağıdaki şekli inceleyiniz.



<font size=5 color=yellow> </font> burada font etiketi iki özellik belirtilerek yazılmış birisi size diğeri color.
Buradaki color özelliği yellow dan başka şu değerleri de alabilir:
Black
white
red
gren
blue
gray
maroon
olive
navy
purple
lime
aqua
teal
fuchsia
silver

Bu yukarıdaki renkleri çalışmanızı istiyorum:
yellow yerine bu renkleri tek tek deneyerek sonuçları internet tarayıcınızda görebilirsiniz.

Ayrıca birden fazla font etiketi kullanıp bir yazıda farklı renklerde cümleler olmasını da çalışabilirsiniz.

Bu dersimizi bitirmeden size birşey daha belirtmek istiyorum:
Okuldaki resim derslerini hatırlarsanız paletin içinde 3 temel renkten farklı oranlarda alıp çok çeşitli renkler elde edebiliyorduk.

Web tasarımında da RGB diye bir renk sistemi vardır.
RGB = Red + Green + Blue
bu üç ana rengi çeşitli oranlarda birleştirerek 16 milyondan fazla renk elde edebiliriz.
255 x 255 x 255 = 16.581.375 (farklı oranlarla onaltı milyondan fazla renk elde edilir)

Bu üç ana renkten alabileceğimiz miktar 0 dan 255 'e kadardır.
örneğin Red = 255 olur diğer iki renk sıfır olursa elimizde yine kırmızı olur.

(Red = 255) + (Green = 255) + (Blue = 0) = Sarı rengi elde ederiz.
Okul yıllarınızı hatırlarsanız. Renk paletinde yeşil ve kırmızıyı eşit miktarda birleştirip Sarıyı elde ederdik.

web tasarımı (4. ders)

Önceki dersimizde şu şekilde yazıya renk verdiğimizi hatırlayın
<font color="yellow"> Sarı renkte yazı yazmak </font>.

Aynı işlemi aslında şu şekilde yapmamız gerekiyor; çünkü bütün renklere (16 milyon renge) isim veremeyiz:
<font color="#FFFF00"> Sarı renkte yazı yazmak </font>

HTML 'in temel yapısı şu şekildedir.
--------------------------------------------------------------------------------
<html>
<head>
<title> Web Tasarım Dersleri </title>
</head>

<body>

Bütün HTML kodlarımız, yazılarımız ve resimlerimiz burada olmalıdır.

</body>
</html>


Html temel yapısı diye verdiğimiz kodların tarayıcıdaki görüntüsü aşağıdaki gibidir.
Dikkat ederseniz <title> Web Tasarım Dersleri </title> html etiketiyle;
internet tarayıcısının en üstünde tarayıcıya isim olan yazıyı belirliyoruz.



web sayfasının içeriği beyaz alanda olmaktadır.
Bunu bütün html kodlarımızı <boyd> </body> html etinin içine yazarak elde etmekteyiz.


internet tarayıcısında açılan sayfanın tümden zemin renginin değiştirmek için <body> tagına bgcolor özelliğini ilave edeceğiz.
<body bgcolor="#FFFF00">
Bütün HTML içerğimiz burada olmalıdır.
</body>

Bu yukarıdaki kodun da ilave edilmiş şekli aşağıdaki gibidir.
--------------------------------------------------------------------------------
<html>
<head>
<title> Web Tasarım Dersleri </title>
</head>

<body bgcolor="#FFFF00">

<font color="#B16308"> Bütün HTML kodlarımız, yazılarımız ve resimlerimiz burada olmalıdır. </font>

</body>
</html>
Şimdi aklınıza şöyle bir soru gelebilir;
Daha önce sadece body içine gelecek html kodlarını yazıyorduk ve çalışıyordu. Öyleyse neden <html> <head> <body> gibi etiketlere ihtiyaç var?

Hatırlarsanız internet tarayıcısının birçok hatamızı tölara ettiğini (hataların görmezden gelinip düzeltildiğini) söylemiştim.
Hatalı kod yazmayı alışkanlık edinmemenizi tavsiye ederim.

Şu anda bir dahaki dersimize kadar şunları yapmanızı istiyorum (lütfen!)
1) Renk oluşturma aracımı kullanarak çeşitli renkler oluşturun ve body nin bgcolor 'unda deneyin
2) yine çeşitli renkler oluşturup font 'un color özelliğinde deneyiniz.




Alıntıdır?faydalı olcagını umuyorum.
--------------------------------------------------------------------------------
bir dahaki dersimizde Allah nasip ederse Resimler üzerinde çalışacağız.