+ Konuya Cevap Yaz
Toplam 1 adet sonuctan sayfa basi 1 ile 1 arasi kadar sonuc gösteriliyor

Konu: Webmaster doğulmaz, Webmaster olunur.(DERS 3 VE 4 )

  1. #1
    Moderator DOLUNAY is on a distinguished road DOLUNAY - ait Kullanıcı Resmi (Avatar)
    Üyelik tarihi
    Feb 2007
    Bulunduğu yer
    Adana
    Mesajlar
    498
    Konular
    219

    Question Webmaster doğulmaz, Webmaster olunur.(DERS 3 VE 4 )





    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.
    Konu DOLUNAY tarafından (05-03-2007 Saat 03:01 PM ) değiştirilmiştir.
    Düşman isterseniz dostlarınızı geçmeye çalışınız. Dost isterseniz , bırakın , dostlarınız sizi geçsin. La Rochefoucauld!...AŞAGIDALKİ RESİME TIKLAYARAK RADİO DİNLEYİN
    <-

+ Konuya Cevap Yaz

Bu Konu için Etiketler

Yetkileriniz

  • Konu Acma Yetkiniz Yok
  • Cevap Yazma Yetkiniz Yok
  • Eklenti Yükleme Yetkiniz Yok
  • Mesajınızı Değiştirme Yetkiniz Yok