Web Tasarım Kursu

Web Tasarım Kursu Tanımı

Web Tasarım Kursu

Web Tasarım Kursu : Web siteleri, hergün, ihtiyaç duyduğumuz ürün ve servisleri sunmaktadır. Gündelik hayatımızın vazgeçilmez parçası haline gelmiştir. Web tasarım kavramı günümüzde oldukça yaygın bir biçimde bilinen ve kullanılan bir kavramdır. Birçok yazılım ve site sayesinde web sayfalarına sahip olmak oldukça kolay bir hal almıştır. Bu yaygınlık aynı zamanda rekabeti de yanında getirmektedir. Rekabet ortamında avantaj sağlayabilmenin ilk koşulu fark yaratmaktır. Web tasarımlarınızda fark yaratmak için tasarımı bilinçli bir şekilde yapmak gerekir.

Web Tasarım Kursu kapsamında sadece yazılım kullanılarak tasarımlar oluşturulmayacaktır. Web tasarımı kavramı yakından incelenerek, mantıksal kavrama kapsanacak ve neden – sonuç ilgileriyle kalıcı bir eğitim sağlanacaktır. Hedef kitle belirlenmesinden, eskiz çalışmalarına kadar çeşitli aşamalar üzerinde durularak; yer yer bir ekip çalışması havası yaratılarak, gelecek planlamasında bireysel / takım çalışmalarına ayak uydurmaya yönelik bir esneklik kazandırılmaya çalışılacaktır.
Eğitim dört aşamadan oluşmaktadır.

Web Tasarım Kursu İçeriği

1. WEB TASARIMINA GİRİŞ
Genel Kavramlar ve Terminolojiler
- İnternet, Web ve tasarım kavramları
- Tarayıcılar, domain adı, hosting, ftp, güncelleme
- Web Standartları
Ön Tasarım Aşaması
- Hedef kitlenin belirlenmesi
- Web sayfalarının tasarım planlaması
- Akış şemaları oluşturma
- Arayüz tasarımı
- Kullanılacak tekniklerin belirlenmesi
- Eskiz hazırlama

2. GRAFİK ARAYÜZ OLUŞTURMA
Adobe Photoshop
- Photoshop mantığı ve temel kavramları
- Photoshop kullanarak eskizlerin grafik hale dönüştürülmesi
- Grafiklerin düzenlenmesi ve webe hazır hale getirilmesi
Adobe ImageReady
- Animasyon grafikleri Photoshop’tan ithal etme
- Hareketli grafik hazırlama
- Banner, Animated GIF, Frame based SWF dosyaları hazırlama
Macromedia Flash
- Flash mantığı ve temel kavramları
- Timeline ve animasyon kavramları
- Sahne mantığını anlama
- Banner, buton, hareketli vektör grafikler
- Photoshop ile entegrasyon
- DreamWeaver ile entegrasyon
- Navigasyon oluşturma, ithal etme
- Macromedia Fireworks
- Fireworks mantığı ve temel kavramları

3. WEB SAYFALARINI OLUŞTURMA HTML
- HTML kavramı ve tarihçesi
- HTML mantığı ve yapısı
- Temel HTML kodları kullanarak basit sayfa tasarımları yapma
Macromedia Dreamweaver
- Dreamweaver arayüzünü tanıma
- Site tanımlama ve yönetme
- Etkin frame ve table kullanımı
- Grafik – metin entegrasyonu
- Animasyon çağırma ve yönetme
- Katmanlar ile çalışma
- Davranış tanımlama
- Form oluşturma
- Java Script ve Applet ithal ederek sayfaya uyarlama
- CSS temellerine giriş

4. ALT BÖLÜMLERİN İÇERİĞİ
Photoshop konuları
. Photoshop Tanıyalım
. Paletler
. Status
. İçerik Mönüleri
. Araç Kutusu
. Renk Paletini Kullanma
. Fırça
. Kalem
. Çizgi
. Geometrik Nesneler
. Istampa
. Doku Istampası
. Healing Brush
. Patch
. Boyama Kovası
. Degrade Atmak
. Metin Biçimlendirme
. Silme Araçları
. Rötuş Araçları
. İzleme Araçları
. Seçim Araçlarını Kullanma
. Düzenleme Araçlarını Kullanma
. Renk Ayarlarını Yapmak
. Katmanlarla Çalışmak
. Patikalarla Çalışmak
. Renk Kanalları
. Filtreler

Flash konuları

Araçlar Paneli
Dolgular ve Kenar Çizgileri
Grafik Oluşturma
Maskeler
Text Aracının Kullanılması
Semboller
Animasyonlar
Motion Tween
Shape Tween
Movie Clip
Buton
Graphic
Banner Hazırlanması

HTML konuları

Temel HTML bilgisi
Yapısı
En sık kullanılan HTML etiketleri
Başlıklar
Kayan Yazılar
Metin Formatlama
Link verme
Sayfanın Türkçelenmesi ve Meta Tagleri
Resim Eklemek
Tablo ve Tablo Yapıları
Form ve Form Elemanları
Çerçeveler ve Çerçeveli sayfa yapılarının anlatılması

CSS konuları

CSS’e Giriş
CSS İmlası
CSS Kullanımı
CSS’de Geri Plan
CSS’de Yazı
CSS’de Font
CSS’de Çerceve
CSS’de Marginler
CSS’de Padleme
CSS’de Listeler