WEB TASARIMI VE ORGANİZASYONU

AMAÇ VE KAPSAM
 

  • Temel Kavramlar, Web bileşenleri,

  • Web organizasyonu, içeriğe uygun tasarım şablonu seçme

  • Temel HTML bilgisi, HTML komutları, komut yazarak  web sayfası tasarımı

  • Web sayfası biçimlendirme ve görsel  efektler

  • CSS (Sayfa Sitil Şablonu) kullanarak web sayfası biçimlendirme

  • FrontPage HTML Editör Programı ile web sayfaları tasarlamak, FrontPage Editörünün tüm özelliklerinin kullanımı

  • Çerçeveli ve satır içi çerçeveli sayfalar oluşturmak(frame ve iframe)

  • Photoshop araçlarının tanıtılması, kullanımı ve örnek çalışmalar, Web sitesinin ana yapısının oluşturulması, dilimlenmesi ve link verilmesi, buttonlar, arkaplan desenlerinin oluşturulması, ve kullanılacak fotoğrafların web ortamına hazırlanması. Photoshop’ ta yapılan çalışmaların web için kayıt edilmesi

  • Macromedia Dreamweaver ile daha gelişmiş ve profesyonel tasarımlar yapmak için uygulamalı eğitimler.

  • Diğer tasarım teknikleri ve örnek uygulamalar…

Detaylı İçerik

WEB ORGANİZASYONU
Web organizasyonu, içeriğe uygun tasarım şablonu seçme, renk ve tasarım seçimi, site haritasının ve içeriğin oluşturulması ve site ile ilgili fizibiliteler.

HTML
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ı, Müzik Ekleme, Form ve Form Elemanları, Çerçeveler ve Çerçeveli sayfa yapılarının anlatılması

CSS
CSS (Sayfa Sitil Şablonu) kullanarak web sayfası biçimlendirme, class tanımlama, tüm siteyi tek css den biçimlendirme, değişen yazılar, css ile site şablonu oluşturma, metin efektleri, üzerine gelince değişen bağlantı efektleri ve diğer CSS teknikleri

FRONTPAGE
FrontPage HTML Editör Programı ile web sayfaları tasarlamak programın temel mantığının anlatılması. Site tanımlamak, Sayfa ayarlarının yapılması, Sayfadaki yazıların biçimlerinin belirlenmesi, Yazılara başlık özelliği vermek, Linkler ve Link Yapıları, Mouse üzerine gelince değişen yazı resim ve linkler, Üzerine gelince değişen buttonlar, Kayan Yazılar, Sayfaya Resim eklemek, Resme ve Resmin değişik noktalarına Link vermek, Tablolar, Çerçeveler ve Çerçeveli sayfalar, Formlar, Sıra ile değişen resimler

PHOTOSHOP
Photoshop araçlarının tanıtılması, kullanımı ve örnek çalışmalar, Web sitesinin ana yapısının oluşturulması, dilimlenmesi ve Link verilmesi, buttonlar, arkaplan desenlerinin oluşturulması, ve kullanılacak fotoğrafların web ortamına hazırlanması. Photoshop'ta yapılan çalışmaların web için kayıt edilmesi

DREAMWEAVER
Daha gelişmiş ve profesyonel tasarımlar yapmak için yardımcı programların dreamweaver ile etkileşimi hakkında uygulamalı eğitimler. Site tanımlamak, Sayfa ayarlarının yapılması, Dreamweaver'ı Türkçelemek, Linkler, Sayfa görünümüne yönelik esnek ve kullanışlı stil şablonlarının oluşturulması ve kullanımı. Tablolar, Resimler ve Layerlar'ın anlatılması, örnek uygulamalar yapılması, Çerçeve, Şablon ve Kütüphane kullanımı, Hızlı ulaşım menüsü, Üzerine gelince değişen button oluşturmak, Formlar, Resimleri kullanarak açılan menüler oluşturma, Linklere veya sayfaya bağlı mesaj veya pencere açılması, Durum çubuğunda çıkan mesajlar oluşturma, Değişen resimler oluşturma, Dreamweaver içerisinden FTP yapma

FTP
Sitenin Güncellenmesi, upload ve download işlemleri, sitenin adrese aktarılması