1. Gün / 1. Ders

Öncelikle beyler bayanlar bir web sitesi yapabilmemiz için bu işi severek yapmamız gerek. Bu iş matematik gibidir seversen uğraşır yaparsın. illa ki tüm formülleri bilmen gerekmez. Mantığını bimen yeterlidir. Sevmezsen de iteklemeyle bir yere varamazsın. Bu başlığa gelipte bu derslere katılacak olan arkadaşlarım bu işi severek yapacaklarına inanıyorum.

Bir websitesi genel olarak üç aşamadan oluşur. Arayüz Tasarımı / Arayüz Kodlaması / Yazılım

Birincisi tasarımdır. Photoshop, Illustrator, Fireworks gibi programlar ile sitenin arayüz tasarımı yapılır. Bu tasarımlar yapılırken eskiden sabit bir değer ile yapılırdı örn: max genişlik 960px gibi. Fakat günümüzde mobil kullanıcıların sayısı bir hayli fazla olduğundan dolayı sabit genişlikler yerine dinamik her ekrana ve her cihaza uygun tasarımlar yapılması gereklidir. Böyle esnek tasarımlara responsive tasarım yani duyarlı tasarım denmektedir. Responsive tasarıma çok benzer adaptive tasarım kavramı da vardır. Fakat işin detayına ilerleyen günlerde ineceğimiz için şimdilik bu ikisi arasındaki farkı anlatmaya gerek yok.

ikincisi arayüz kodlaması. Arayüz tasarımı tamamlanan web sitesinin artık tarayıcıların anlayabileceği şekilde kodlanması gerekli. Bu kodlamalarda genel olarak üç aşamadır. Html / Css / Javascript.

--Html kodları bir sitenin iskeletidir. Yani şablonu burada belirleriz. Bir ağacın dallarını ve alt dallarını düşünün. Tüm iskelet yapısı burada belirlenir. Sayfada neler görüneceğinin temelini burada atarız. Bir resim göstermek istiyorsak resim kodunu yazarız.

--Css ise bu temel iskeletimizin stillerini ve özelliklerini belirlememize yarar. iskelette oluşturduğumuz şablonların içeriklerin renklerini boyutlarını hizalamalarını aklınıza gelebilecek tüm detaylı özellikleri burada yapabiliriz. Şablonda eklediğimiz resmin büyüklüğünü kenarlık özelliklerini hizalamalarını burada yapıyoruz.

--Javascript ise tarayıcı ile kullanıcı arasında bir köprü görevi görür. Kullanıcının yaptığı işlemleri biz burada izler ona göre sonuçlar sunarız. Bir butona tıkladığında bir işlem yaptırmak istiyorsak burada yapabiliriz. Veya sitelerde denk gelmişsinizdir form doldururken bazı alanlar zorunludur uyarısı verir. işte bu uyarıları javascript ile halledebiliriz. Biz ileride yapacağımız projelerde javascript'e ait jquery kütüphanesini kullanacağız.

Üçünüsü ise yazılımdır. Buraya kadar olan herşey kullanıcının görebildiği yerlerle ilgiliydi. Bundan sonrası ise işin arkaplanına iniyoruz. Yazılım aşamasında verilerle ilgileniyoruz. Veritabanlarındaki verileri alıp işliyoruz. Aklınıza gelebilecek tüm detaylı ve gizli işler burada yapılır. Örneğin şifresini unutan bir üye şifremi unuttum butonuna bastığında o kullanıcıya bir eposta gider. Ve şifresini sıfırlaması için bir link gönderilir. Fakat bu link oluşturulurken arkaplanda saniyeler içerisinde bir yığın kod çalışır ve bu kullanıcı tarafından asla görülemez. Php, asp gibi çeşitleri vardır. Veritabanı için ise mysql, mssql kullanılır. Biz ileride projelerde php ve mysql kullanacağız.

// Bu yazdığım ders hakkında sorularınız varsa altına yazabilirsiniz.