6. ÜRÜN/ÇIKTI?
www.bilgenarin.com gibi kişisel
bir web sitesinin kodlarını yazıp
düzenleyebileceğiz.
Hızlı, erişilebilir ve optimize
edilmiş bir web sitesi
WordPress / Joomla / Drupal
=içerik yönetim sistemi
7. İKİ GÖNÜLLÜ ÖĞRENCİ
▸ Facebook Grubu
▸TRT ve diğer kurumların
internet sayfası ödüllerini
kontrol
8. FRONT-END BACK-END?
FULL STACK
Front-End Web Tasarımcısı
Back-End Web Yazılımcı
İki tarafı da bilirseniz Full Stack
olursunuz.
Estetik yönünüzü de geliştirmeniz
gerekir.
9. FRONT-END TASARIMCI
Web tasarımcısı belli bir şablona
göre web siteyi tasarlar. Şablon onay
alırsa, siteyi tasarlar.
Estetik yönü iyi olmalıdır.
Renk uyumu, tipografiden
anlamalıdır.
10. BACK-END YAZILIMCI
Sitenin ihtiyacına göre veri tabanı
oluşturur, veritabanını yönetecek
CMS paneli geliştirir. Siteyi ziyaret
edecek olası ziyaretçi sayısına göre
performanslı yazılım yapar.
Kimler admin, parolarlar ne olacak
belirler.
11. BACK-END YAZILIMCI
Back-end için veritabanı tasarımı bile
bazen aylarca sürer.
Sitenin ziyaretçi sayısına göre
performanslı bir şekilde kodlanması
gerekir.
Facebook ve Google’ın asıl omurgası
arka plan kodlamadır. Önyüzde ise
neredeyse hiç tasarım yoktur.
14. WEB TASARIMI – GENEL İLKELER
▸Yazı karakteri olarak, çoğunlukla
tırnaksız /serifsiz karakterlerden
Arial, Verdana ve Tahoma yazı
aileleri tercih edilmektedir.
▸Sitenin bütünlüğü açısından, tüm
sayfalarda aynı yazı karakterlerinin
kullanılması gerekmektedir.
15. WEB TASARIMI – GENEL İLKELER
▸Comic Sans ya da Papyrus
kullanmayınız.
16. WEB TASARIMI – GENEL İLKELER
▸ Web sayfalarında italik, BÜYÜK HARF
gibi yazı biçimlerinin kullanılmaması
gereklidir. Ekranlardaki görüntü
ayarlarının farklılığı nedeniyle italik ve
büyük harf yazılar okurları fazlasıyla
yormakta ve metinden
uzaklaştırmaktadır.
17. WEB TASARIMI – GENEL İLKELER
▸Basitlik ve Beyaz Alan: Çok
fazla içerik yükleyerek ana
mesajı veremezsiniz.
18. WEB TASARIMI – GENEL İLKELER
İlerici ve Sürdürülebilir Teknikler
Kullanma:
▸Bugün çok iyi bildiğiniz ve çok
popüler olan bir teknoloji,
bundan birkaç yıl sonra artık
kullanılmayan bir araç haline
gelebilir.
19. WEB TASARIMI – GENEL İLKELER
Büyük Düşünün:
▸Büyük resim, az metin.
Multimedya Deneyimi:
▸ Zengin medya içeriği.
▸ HTML Canvas ile animasyon
eklenebilir. Canlı ve sıkıcılıktan
uzak sayfalar.
20. WEB TASARIMI – PARALAKS ETKİSİ
▸Son yıllarda moda olmuştur.
▸Temel prensip tüm içeriği tek sayfada toplamak.
▸Küçük çaplı sitelerde başarılı sonuçlar verir (şahsi
portfolyo ya da şirket tanıtımı gibi)
▸Hedef aşağı-yukarı mouse hareketidir. Tık değildir.
Mouse oynatıldığında 3D derinlik kazandırır.
▸https://www.youtube.com/watch?v=tb_Bk00NKnE
21. WEB TASARIMI – GENEL İLKELER
Sade ve Zarif Tasarım:
▸Eskiden çok fazla efekt
kullanılırdı.
▸İnsanlar artık siteye
girdiklerinde içeriği anında
görmek istiyorlar.
▸Gölgeli, çerçeveli butonlar
yoruyor.
22. Responsive Design
Duyarlı Tasarım / Esnek Tasarım
Geniş ekran, dar ekran, mobile ekranda
farklı görünüm: Tüm ekranlarda sorunsuz
çalışma.
26. KAYNAKLAR?
▸ Farklı kaynaklardan pratik
yapılması çok önemli
▸ Kod yazarken öğrendiğimizi
zannederiz ama kullanmadıkça
unuturuz.
▸Rubber duck debugging