web sitesi nasıl hazırlanır? // sanalkurs 8. bilişim seminerleri // siraceddin el
TRANSCRIPT
![Page 1: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/1.jpg)
8. BİLİŞİM SEMİNERLERİ
WEB SİTESİ NASIL HAZIRLANIR?
SİRACEDDİN EL
![Page 2: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/2.jpg)
Bir Tasarımın Hikayesi
![Page 3: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/3.jpg)
![Page 4: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/4.jpg)
![Page 5: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/5.jpg)
![Page 6: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/6.jpg)
![Page 7: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/7.jpg)
![Page 8: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/8.jpg)
![Page 9: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/9.jpg)
![Page 10: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/10.jpg)
![Page 11: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/11.jpg)
Web Siteleri
Kurumsal
E-Ticaret Bilgi-Paylaşım
Kişisel
TÜRLER
![Page 12: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/12.jpg)
Yapım Aşaması
WEB TASARIM NEDİR?
![Page 13: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/13.jpg)
Yapım Aşaması
Planlama Aşaması
WEB TASARIM NEDİR?
![Page 14: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/14.jpg)
PLANLAMA
Sen Müşteri Kullanıcı
![Page 15: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/15.jpg)
İLK SORULAR
• Sitenin amacı nedir? • Bu siteyi kim kullanacak? • Hangi yaş gurubuna hitap ediyor? • Hangi kitle? • Hangi cinsiyet? • Ziyaret edenler ne beklemeli?
PLANLAMA
![Page 16: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/16.jpg)
İLHAM ALINACAK SİTELER
• Awwwards.com • Creattica.com • Dribbble.com • Behance.net • DeviantArt.com • PremiumPixels.com
KONSEPT
![Page 17: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/17.jpg)
STİL
• Flat • Minimalist • Hatırlanabilir • Renk, doku, tipografi, resimler ve yerleşim • Uzun ömürlü • Bütün cihazlar için uyumlu
KONSEPT
![Page 18: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/18.jpg)
KONSEPT
TASLAK
• Gliffy.com • Cacoo.com • Framebox.org • Fluidia.org • Mockflow.com • Balsamiq.com
![Page 19: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/19.jpg)
KONSEPT
TASARIM
• 960 Grid System • Bootstrap • Semantic UI •
![Page 20: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/20.jpg)
TASARIM
NAVİGASYON
![Page 21: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/21.jpg)
TASARIM
TİPOGRAFİ (FONT)
![Page 22: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/22.jpg)
TASARIM
İKONLAR • Fontawesome.io
![Page 23: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/23.jpg)
TASARIM
MUTLAKA OLMALI
• İletişim Bilgileri • İletişim Formu • Hakkımızda • Sosyal Medya • SEO • Temiz Kodlama ve CSS
![Page 24: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/24.jpg)
TASARIM
TARAYICI TESTLERİ
![Page 25: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/25.jpg)
SONUÇ
İŞ BİTİRME ANLAYIŞI
![Page 26: Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL](https://reader034.vdocuments.net/reader034/viewer/2022050802/55b7d1b3bb61eb143f8b4626/html5/thumbnails/26.jpg)
SİRACEDDİN EL • Twitter.com/siracel • Facebook.com/siracel • www.siracel.com • [email protected]
İLETİŞİM