Web Tasarım Dersi

Web Tasarım Dersi Tanımı

Web Tasarım Dersi

Web Tasarım Dersi : 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 Dersi 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 Dersi İçeriği

Web Tasarım Dersi - 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

Web Tasarım Dersi - 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ı

Web Tasarım Dersi - 3. WEB SAYFALARINI OLUŞTURMAHTML

-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ş

Web Tasarım Dersi - 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

Web Tasarım Dersi - 5. FLASH KONULARI

-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ı

Web Tasarım Dersi - 6. HTML KONULARI

-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ı

Web Tasarım Dersi - 7. CSS KONULARI

-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