Salı , Haziran 27 2017
Anasayfa / DERSLER / Web Tasarım Dersleri

Web Tasarım Dersleri

html, css, asp, aspx, php, cgi, java, mysql, sql, oracle veri tabanı

HTML5 Details Ve Summary Etiketleri(5.Ders Açılır Kapanır İçerik)

HTML5 Details Ve Summary Etiketleri(5.Ders Açılır Kapanır İçerik)

HTML5 ile gelen Details ve Summary etiketleri çok güzel ancak sadece bu özelliği Google Chrome desteklemektedir. Details Ve Summary Etiketleri sayesinde sayfa içindeki uzun yazılarımızı kategorize ve açılır kapanır şekilde hazırlamamıza yarar. Details : Ayrıntılar başlığı altında etiketimizin içindeki içeriği kapalı bir şekilde ekrana yazdırır mause ile üzerine tıklanıldığında açılır ve içindeki içerik ortaya çıkar. …

Devamını Oku »

HTML5 Caption Etiketi (4.Ders Tablo Başlığı)

HTML5 Caption Etiketi (4.Ders Tablo Başlığı)

Html5 ile gelen <caption> etiketi tablo başlığını tanımlar. <caption> etiketini <table> etiketinden sonra tanımlanmalıdır ve her tabloda sadece tek <caption> etiketi ile bir başlık tanımlanabilir. Not: <caption> Etiketi ile oluşturulan başlıklar varsayılan olarak tablo üzerinde ve ortalanmış halde olacaktır ancak CSS ile align (left, right, top, bottom) özellikleri ile biçimlendirilebilir. Ancak Tarayıcı …

Devamını Oku »

HTML5 Temel Çalışma Alanları (3.Ders Sayfa Yapısı)

html5 genel yapısı

HTML5 in yeni getirmiş olduğu etiketler sayesinde arama motorlarının desteklediği şekilde çalışma alanları oluşturacağız bu sayede seo uyumlu sayfalar tasarlamış oluruz. HTML5 İle Gelen Yeni Alan Etiketleri Header : Etiketi sitenin üst bilgi alanını kapsa bu alanda logo, menü, başlık, slogan, resim, reklam alanı, arama alanı, giriş alanı ve aklıma gelmeyen …

Devamını Oku »

CSS İle Açılır Menü Yapımı (12. Ders Açılır Menü)

html menü

Css ile açılır menü yapımını adım adım resimli bir şekilde nasıl yapıldığını anlatmaya çalışacağım olayın  mantığını anladıktan sonra istediğiniz gibi çeşitli tasarımlar yapabilirsiniz. Öncelikle örnek sayfamız aşağıdaki örnekteki gibi olacaktır. [crayon-5952035f8ee47589521175/]   [crayon-5952035f8ee4f858386779/] Öncelikle menünün alanlarını oluşturalım sayfamızın ilk görünümü bu şekilde olacaktır. ul etiketiyle sıraladığımız için başlıklarında nokta işareti var …

Devamını Oku »

HTML5 Sayfa Yapısı (2.Ders )

HTML5 logosu

HTML5 ile genel sayfa yapısını oluşturmamız XHTML e göre daha basittir. HTML5 de ( DTD )Belge Türü Tanımlaması yapmamıza gerek yoktur. Sayfamızın başına sadece <!DOCTYPE html> bildirisi yapmamız yeterli olacaktır. Bunun dışında sayfamızda klasik olan <html> Etiketimiz, <head> Etiketimiz, <title> Etiketimiz ve <body> Etiketlerimizi oluşturmamız yeterlidir. Türkçe karakter sorunu yaşamamak içinde head etiketleri içinde <meta charset=“iso-8859-9”>  …

Devamını Oku »

HTML5 Nedir? (1.Ders Html5 Nedir, Neden HTML5, Html5 Yenilikleri Nelerdir)

HTML5 logo png

HTML5 Nedir? HTML5’in en kısa tanımı HTML’in günümüzde geliştirilmiş olan son versiyonudur ve HTML ve XHTML  satandartlarını kapsayan şu anki son versiyonudur. Neden HTML5 Kullanılmalı? HTML ile ilk yapılan sayfalar metinler ve resimlerden oluşuyordu ve görsel olarak da çok gelişmiş değildi ve Etiketler küçük ya da büyük harfle yazılabiliyordu. Tarayıcılar arasında farklılıklar oluyordu Google …

Devamını Oku »

XHTML Nedir? XHTML Yararları Nelerdir? XHTML Kuralları Nelerdir?

xhtml

XHTML Nedir? XHTML  aslında HTML yapısının kurallara uygun ve düzenli bir şekilde hazırlanmasıdır. XHTML 26 Haziran 2000 tarihinde web standartı olarak kabul edildi. Yani kodlarınızın ( Explorer, Chrome, Firefox, vb…) gibi farklı tarayıcılarda daha az sorunlu bir şekilde yorumlanması için XHTML W3C (World Wide Web Consortium) tarafından önerilmiştir. XHTML de öğrenmeniz gereken …

Devamını Oku »

CSS İle Pozisyon Konumlandırma (11. Ders Position Fixed Kullanımı)

Position Fixed Kullanımı

Css ile alanlarımızda düzenlemeler yaparken position özelliğini kullanırız. Position özelliğinin 4 farklı değeri vardır; Static, Relative, Absolute, Fixed değerlerini alarak çeşitli konumlamalar elde edebiliriz. Position Kullanımı iyi kavrayabilmeniz için 4 ayrı ders halinde anlatmaya çalışacağız. Position: Fixed; Kullanımı Position:Fixed; özelliğimiz ise diğerlerinden farklı olarak alanımıza bağımlılık kazandırır. Şöyle ki: Position: …

Devamını Oku »

CSS İle Pozisyon Konumlandırma (10. Ders Position Absolute Kullanımı)

Position Absolute Kullanımı

Css ile alanlarımızda düzenlemeler yaparken position özelliğini kullanırız position özelliğinin 4 farklı değeri vardır; Static, Relative, Absolute, Fixed değerlerini alarak çeşitli konumlamalar elde edebiliriz. Position Kullanımı iyi kavrayabilmeniz için 4 ayrı ders halinde anlatmaya çalışacağız. Position: Absolute; Kullanımı Position:Absolute; özelliği Relative özelliği gibi kullanıldığında alanlar için bağımsızlık özelliği verir, ancak absolute …

Devamını Oku »

CSS İle Pozisyon Konumlandırma (9. Ders Position Relative Kullanımı)

position relative kullanımı

Css ile alanlarımızda düzenlemeler yaparken position özelliğini kullanırız position özelliğinin 4 farklı değeri vardır; Static, Relative, Absolute, Fixed değerlerini alarak çeşitli konumlamalar elde edebiliriz. Position Kullanımı iyi kavrayabilmeniz için 4 ayrı ders halinde anlatmaya çalışacağız. Position: Relative; Kullanımı Position:Relative; özelliğini kullandığımız alanlara bağımsızlık özelliğini vermiş oluyoruz örnekte de göreceğiniz gibi …

Devamını Oku »

CSS İle Menü Yapımı (7. Ders Css İle Yatay Menü)

yatay menü

Css ile Sayfamıza menü yapımının mantığını kısaca öğrenelim. Bu dersimizde basit bir menü yapımını öğreneceğiz, çünkü işin temel mantığını öğrenmeniz çok önemli. İlerleyen derslerimizde daha kapsamlı açılır efektli menüler yapımını elimden geldiğince öğretmeye çalışacağım. CSS Genel Tasarım Yapısı (4. Ders Alan Oluşturma) Dersimizde ki Sayfa Şablonumuza basit bir menü yapalım …

Devamını Oku »

CSS İle Pozisyon Konumlandırma (8. Ders Position:Static; ve Float: Left; Kullanımı)

static

Css ile alanlarımızda düzenlemeler yaparken position özelliğini kullanırız position özelliğinin 4 farklı değeri vardır; Static, Relative, Absolute, Fixed değerlerini alarak çeşitli konumlamalar elde edebiliriz. Position Kullanımı iyi kavrayabilmeniz için 4 ayrı ders halinde anlatmaya çalışacağız. Position: Static; Kullanımı Eğer alanlarımıza herhangi bir position değeri belirtilmemiş veya float özelliği verilmemiş ise alanlarımız position static özelliğini varsayılan olarak okur ve …

Devamını Oku »

CSS Resim Ekleme Ve Düzenleme (6. Ders Css İle Resimleri Düzenleme)

türk bayrağı

Css ile sayfamıza resimler ekleyerek ve düzenlemeler yaparak çeşitli görsel tasarımlar yaparız. Css ile resim eklemek için background-image: url(“resimler/resimadı.jpg“) ; kodunu ekleyerek sayfamıza resmimizi tanıtabiliriz. Ancak resimlerin boyutları veya tarayıcı farklılıklarından oluşacak hatalardan dolayı birkaç tanımlama ve özellikler vermemiz gerekir. [crayon-5952035f8fc8c444693777/] Hemen örneğimize geçerek genel çalışma alanımızı yani body alanımıza birkaç …

Devamını Oku »

CSS Font Özellikleri (5. Ders Yazı Metinlerini Düzenleme)

css yazı özellikleri

Sayfanızda oluşturmuş olduğunuz içerik alanlarında ki yazılarınızı bir kaç ufak değişiklikle daha görsel hale getirebilirsiniz. Bu dersimizde en çok kullanılan font özelliklerini örnekte anlatacağız ve örnekleme yapmadığım birçok özelliği de zamanla diğer deslerimiz de yapacağız ve hemen örnek yazı şablonumuza bakalım. [crayon-5952035f8ff82549224369/] body{ margin:0; padding:0;} Komutumuz ile alanımızın boşluklarını sıfırladık. …

Devamını Oku »