GİRİŞ
- Sıınıfla tanışma ve eğitmenin tanıtımı
- Rehberlik, bina, bilgi işlem departmanlarının tanıtımı ve genel bilgilendirme
- Ders işlenişinin anlatımı
- Müfredat
- Soru cevap
WEB TASARIM KURSU EĞİTİMİ TEKNİK İÇERİK:
- -Web Tasarım Nedir ?
- -Web Kavramı
- -İnternet ve Terminoloji - Web Tasarımcının Kültürü
- (internet gezgini (internet explorer), modem, hız, alan, domain, html, ...)
WEB TASARIM KURSU EĞİTİMİ PHOTOSHOP
Web Tasarım;Dünyanın en ünlü programlarından biri olan Adobe Photoshop, bitmap – piksel tabanlı bir program olup, bir fotoğraf modifikasyon yazılımıdır. Aynı zamanda web siteleri ve projelerinin arayüz tasarımlarında da yoğun olarak kullanılmaktadır.sayfalarda bulunan butonlar, arkaplan, kutular, alanlar, bannerlar (reklam alanları) ve her türlü görsel elemanlar photoshop ile tasarlanabilir, ve siteniz için fark yaratacak tasarımlara imza atabilirsiniz.
- -Photoshop ve Web Tasarım
- Web sektöründe kullanım alanları
- -Arayüz Mantığı ve Kültürü
- -Photoshop'ta Web için Döküman Oluşturmak
- -Web sayfası boyutu - çözünürlük kavramları
- -Photoshop ile sayfa arkaplanı oluşturmak
- -Renk ile arka plan
- -Desen ile arka plan (Pattern)
- -Renk geçişi (Gradient) ile arka plan
- -Resim ile arka plan
- -Photoshop ve seçimler
- Seçim (selection) mantığı
- Seçim araçları ve kullanımları
- -Photoshop'ta katmanlarla çalışmak (Layers)
- Katman mantığı ve webde kullanımı
- -Photoshop'ta şekiller ile çalışmak (Shapes)
- Şekilleri birleştirmek, çıkarmak, kesiştirmek
- Şekillerle sayfa tasarımı yapmak
- Dolgu, desen, çerçeve ve efektler
- -Photoshop'ta buton yapmak
- -Photoshop'ta bir web sayfası arayüzü oluşturmak
- Arayüz elemanları
- Göze hitap eden arayüz tasarlayabilmek
- -Dilimleme (Slice) mantığı / Dilimleme aracı
- Sayfayı kodlamaya hazır hale getirmek
- "Save for web" ( Web için kaydetmek)
- Optimizasyon ayarları
- -Resimleri Photoshop'tan web sayfası için dışarıya almak (Save for Web)
- Photoshop ve Optimizasyon (Boyut / Kalite Ayarlaması)
- -HTML
- -Html Nedir ?
- -xHtml - Html
- -Html Etiket Mantığı
- Etiket yazmak
- Doğru yazım kuralları
- -Özellikler (Attribute)
- -Bilinen Yapısal Etiketler
- -Başlıklar
- -Paragraflar
- -Linkler ve Çapalar (Anchors)
- Resimler
- Resme link vermek
- Listeler
- Tablolar
- -Html ile sadece kod yazarak bir sayfa örneği çalışması
- -CSS
- -Css Nedir ? Ne işe yarar ?
- -Css anatomisi
- -Seçiciler (Seçici türleri)
- -Özellikler
- -Değerler
- -Css kullanarak html etiketlerinin stillerini - görünümlerini düzenlemek / değiştirmek
- -Css kullanarak sayfanın genel yapısını belirlemek (Arka plan, siteyi ortalama...)
- -Css kullanarak resim kullanmadan sayfayı photoshop tasarımına ulaştırmak