Web Tasarımı ve Programlama Eğitimi ( HTML, CSS, Adobe DreamWeaver, Adobe Fireworks )

 Toplam eğitim süresi: 60 saat

 Max sınıf mevcudu: 8 kişi

 

Eğitim Programının Amacı:

Web projeleri geliştirmek isteyen ya da freelance tasarım yapmak isteyenler için gerekli olan tasarım
bilgilerini vermek; HTML, CSS, Dreamweaver, Fireworks gibi programları öğretmektir.
Web tasarımı ve programlama eğitiminin sonunda kişisel web siteleri, tanıtım amaçlı web siteleri vb.
gibi statik web sitelerini kendinize özgün olarak (tasarlayıp kodlayabileceksiniz) oluşturabileceksiniz.
Web tasarım ve kodlama işinde olmazsa olmaz temelleri size iyi bir biçimde kavratmaya çalışırken
mümkün olduğunca çok pratik ve uygulama deneyimi yaşatarak en verimli biçimde eğitim sürecini
tamamlamanızı hedeflemektedir.

Eğitime Kimler Katılmalıdır?

• Web tasarımı ve programcılığını öğrenmek isteyenler,
• Kişisel ve kurumsal web siteleri yapmak isteyenler,
• Görsel tasarım tekniklerini öğrenmek isteyenler,
• Web tasarımcı olmak isteyenler,
• Bilişim sektöründe çalışmak isteyenler,
• Freelance web tasarımı yapmak isteyenler,
• Liselerin Bilişim bölümlerinde eğitim görenler,
• Üniversitelerin Bilgisayar bölümlerinde eğitim görenler,
• Temel bilgisayar bilgisine sahip olanlar ve kendini geliştirmek isteyenler.

Eğitime Katılım İçin Gerekli Ön Bilgi

Web tasarımı ve programlama eğitimine katılım için pratik bilgisayar kullanımı tecrübesine sahip olmak
yeterlidir. Örneğin: Klasör oluşturma, dosya oluşturma; internetten fotoğraf, metin vb. gibi dosyaları
indirme ve görüntüleme gibi temel işlemleri yapabiliyor olmanız yeterlidir.

Eğitim İçeriği

Web Tasarımı ve Programlamaya giriş.
• Genel kavramlar ve terminolojiler
• Tarayıcılar, domain adı, hosting, ftp kavramları
• Web sayfalarının tasarım planlaması
• Web sitesi tasarlarken dikkat edilecek kurallar
• Web sitelerinde dosya ve klasörleme mantığı
• Kullanıcı arayüz tasarımı işlemleri için Fireworks programı

HTML
• Temel Html Bilgisi Ve Yapısı
• Web Sitelerinde Html, Head, Title, Keywords, Description Ve Body Taglarının Kullanımı Ve
Özellikleri
• Html'de Türkçe karakter desteği için gerekli tanımların yapılması
• Meta Tag kullanımları
• BR, P , B, I , U Html kodlarının kullanımı
• Web sitelerindeki metinleri formatlama ve biçimlendirme
• Web tasarımında başlıkların (h1,h2 ... h6) kullanımıve önemi
• Sayfanın arka plan rengini, arka plan resmini, yazı rengini, kenar boşluklarını, link ayarlarının
yapılması ve tüm öğelerin biçimlendirilmesi
• Web sayfasına resim ve video ekleme
• Web sayfasında linkler ve kullanım şekilleri
• Tablolar (Table, Tr, Td Kodları) Ve Tabloların Web Sitesindeki Önemi
• Web Sitelerinde Form Ve Form Elemenlarının Kullanımları
CSS
• Css nedir?
• Dahili ve harici css dosyası oluşturma
• Css kodlama
• Kodları içine açıklamalar eklemek
• Css de renk bilgisi ve renk tanımlama
• Class seçiciler, id seçiciler
• Font Komutu, Fontweight, Fontfamily, Fontsize, Lineheight kullanımları
• Background Komutu, Backgroundcolor, Backgroundimage, Backgroundrepeat,
Backgroundattachment, Backgroundposition kullanımları
• Border kullanımı
• Margin Ve Padding kullanımları
• List kullanımı
• Metin (Text) komutu ve kullanımları, Textalign, Textindent, Texttransform, Textdecoration,
Textshadow
• Div (Kutu) modellemede Width, Height, Float Ve Clear Kullanımı, Boxshadow Kullanımı
• Css de konumlandırmalar, Position:Relative, Position:Absolute, Position:Fixed
• Css İle (Ul, Li Kullanarak) yatay menü, dikey ve açılır menüler oluşturmak
• Sayfa görünümüne yönelik esnek ve kullanışlı stil şablonlarının oluşturulması ve kullanımı
• Css ile yazılara renk, boyut, biçim vermek
• Sayfa özelliklerinin css ile ayarlanması
• Css ile sayfaya arka plan resmi eklemek

• Css ile sayfanın kenar boşluklarını ayarlamak
• Link özelliklerinin css ile ayarlanması
• Div kullanımı
• İç içe divler oluşturmak
• Css kullanımında id ve class mantığı ve uygulaması
• Css de position ayarlama işlemleri

 

DREAMWEAVER

• Dreamweaver programının arayüzünün tanıtılması
• Dreamweaver’da web sitesinin tanıtılması
• Genel Dreamweaver Özellikleri
• Web sitelerinde linkler ve link verme yöntemleri
• Web sitelerinde tablolar ve tablo kullanımı
• Dreamweaver 'da form ve form elemanları
• Web sitesine video eklemek
• Web sitesine resim eklemek
• Dreamweaver 'da Css kullanımı
• Dreamweaver 'da Div kullanımı
• Web Siteleri İçin İsim Almak (Domain Tescil)
• Web Siteleri İçin Alan Kiralamak (Hosting)
• Web Sitesini İnternete Atıp Test Etmek (Ftp)
JQuery Javascript Frameworku Temel İşlemler
• javascript özellikleri
• html kodlarına js gömülmesi
• jquery ve çeşitleri
• html kodlarına jquery gömülmesi