Web Tasarım Kursu Eğitim İçeriği
Kısa Sürede Web Tasarım programlarını öğrenip web tasarımcısı olmak isteyenler: HTML, CSS, Seo Teknikleri, Dreamweaver, Photoshop, Jquery ve Animasyon Programları ile Web Tasarım kursumuz tam size göre. Web Tasarım Kursumuzda bir internet sitesi şablonunun tasarlanıp resimlerinin dışarıya aktarılması, HTML ve CSS kullanarak yerleştirilmesi, Animasyonlarının hazırlanması, Menülerinin tasarlanması, Web Sitesine Fotograf galerisi ekleme, Jquery Uygulamaları ekleme, web sitesinin internet ortamında yayınlanması dahil tüm aşamaları öğrenebilirsiniz. Ayrıca Web Tasarım Kursu içerisinde Web Sitesinin Arama Motoruna nasıl kayıt ettirileceği, Seo Teknikleri, Google'da üst sıralara çıkma, Responsive Web Site Tasarımı, Domain, Hosting İşlemleri, DNS güncellemesi, FTP işlemleri de uygulamalı olarak gösterilir.
Web Sitesi Tasarlarken Dikkat edilecek Konular
- Web Sitesi için klasör oluşturmak
- Site klasörü içinde kullanılacak alt klasör yapısı.
- Dosya ve Klasör adlarında dikkat edilecek konular.
- Web sayfalarında kullanılabilecek dosyalar ve uzantıları
- Web Sitesinin ilk sayfası, anasayfası, giriş sayfası ne olmalı.
Web Kursu - Sublime Text Editörü
- Sublime Text Editörünü bilgisayarımıza indirip Kurulumunu yapmak
- Package Control Kurulumu
- Emmet Kurulumu
- AutoFileName Kurulumu
- Sidebar Enhancements Kurulumu
- Sublime için gerekli farklı bileşenleri yükleyip kullanabilmek
- Sublime Text Programının Detaylı Kullanımı
- Sublime Text ile Hızlı Kod yazma teknikleri
Web Tasarım Kursu - HTML Eğitimi
- HTML nedir?
- Temel HTML bilgisi ve yapısı
- Web sitelerinde html, head, title ve body taglarının kullanımı
- Html de Parağraf ve satır oluşturma etiketleri
- HTML ile yazıları Kalın, İtalik, Altsimge, Üstsimge, Üstü Çizgili yazmak
- HTML de yazılara Başlık özelliği vermek.
- Web sitelerinde Order ve Unorder List kullanımı ve örnekler
- Web sitelerine resim eklemek ve resimlerde dikkat edilecek konular.
- HTML ile Link vermek, Yazılara, Resimlere, Email Adreslerine, Telefona, Whatsapp Linkleri vermek
- HTML ile Tablo oluşturmak
- Web sitelerinde Form ve Form elemanları kullanımı
- Div kullanımı ve Divler ile Kutu Modelleme
- HTML5 Elemanları ve kullanımları
Web Tasarım Kursu - Meta Tagları ve Kullanımları
- Site meta tagları nedir? ne işe yararlar?
- Meta description ve kullanımı
- Meta Keywords ve kullanımı
- Meta charset kullanımı
- Meta language kullanımı
- Meta author kullanımı
- Meta robots kullanımı
- Meta copyright kullanımı
- Meta viewport kullanımı
- Responsive için gerekli Meta Etiketi
Web Tasarım Kursu - CSS Eğitimi
- CSS nedir? Ne işe yarar? Avantajları nelerdir?
- CSS Kursu Dahili ve Harici CSS dosyası nasıl oluşturulur
- CSS'de Kodlama ve kod yazma şekli
- CSS kodları içine açıklamalar eklemek
- CSS de Renk bilgisi ve renk tanımlama
- Class seçiciler, id seçiciler, iç içe seçiciler, tag seçicileri
- CSS Kursu Font Komutu, font-weight, font-family, font-size, line-height kullanımları
- Background Komutu, background-color, background-image, background-repeat, background-attachment, background-position Kullanımları
- Border Komutu ve Kullanımı
- Margin ve Padding nedir? Kullanımları
- CSS Kursu List Komutu ve Kullanımı
- Metin (Text) Komutu ve Kullanımları, Text-align, text-indent, text-transform, text-decoration, text-shadow
- Div (Kutu) Modellemede width, height, float ve Clear Kullanımı, box-shadow kullanımı
- CSS de Konumlandırmalar, position:relative, position:absolute, position:fixed
- CSS de z-index kullanımı
- :before ve :after kullanımları
- :first-child ve :last-child kullanımı
- CSS ile (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, Tip 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ı
- Linkler için çoklu stil tanımlamak
- CSS ile Heading, Başlık Stillerinin Şekillendirilmesi
- Border Radius ile kutulara ovallik vermek
- Box Shadow ile kutulara gölge vermek
- CSS Kursu Text Shadow ile yazılara gölge vermek
- CSS ile transition geçis efektleri kullanma
- Responsive Web Siteleri için gerekli CSS tanımları
Web Tasarım Kursu - Dreamweaver Eğitimi
- Dreamweaver Programının arayüzünün anlatımı
- Dreamweaver programında web sitesinin tanıtılması
- Dreamweaver'da Türkçeleştirme ayarının yapılması
- Dreamweaver'da sayfaları HTML5 yapmak
- Dreamweaver Kursu Genel Dreamweaver Özellikleri
- Başlık Stilleri
- Dreamweaver Kursu Kalın, İtalik yazmak
- Web Sitelerinde Madde İşareti ve numara (Order, Unorder List) kullanımı
- Web Sitelerinde resim kullanımı
- Dreamweaver Kursu Web Sitelerinde Linkler ve Link verme yöntemleri
- Web sitelerinde Tablolar ve tablo kullanımı
- Dreamweaver 'da Form ve form elemanları
- Dreamweaver 'da Harici CSS dosyası oluşturmak
- Sayfa görünümüne yönelik esnek ve kullanışlı stil şablonlarının oluşturulması ve kullanımı
- Dreamweaverda Web Sitesini Div ve CSS ile oluşturma, Proje Uygulaması
- Kutu modelleme ile iç içe divler oluşturarak web sitesi yapma
- Ana iskeleti container, header, nav, slider, content, footer şeklinde oluşturma
- Web Sitesini mobil uyumlu (Responsive) yapma
- Web sitesinin ana iskeletini hazırladıktan sonra alt sayfaları oluşturmak
- Alt sayfalara içerik koymak
- İletişim sayfasına Google Maps (Google Haritası) koymak
- Web siteleri için İsim almak (Domain Tescil)
- Web siteleri için Alan kiralamak (Hosting)
- Web sitesini İnternete atıp test etmek (FTP)
Web Tasarım Kursu - PHOTOSHOP Eğitimi
- Photoshop Programının Arayüzünün anlatımı
- Photoshop Kursu Bir fotografın Web'e uygun halde kayıt edilmesi
- İnternet sitesinde kullanılacak resmleri Photoshop programında düzenleme, arka planlarını yok etme, transparan resimler oluşturma
- Photoshopta Seçim Araçları ve Kullanımları
- Resimleri Kırpma, Kesme ve Döndürme
- Photoshop Kursu Layer Konusu ve kullanımı
- Layerlere stil uygulamak
- Taşıma ve Montaj Yöntemleri
- Photoshop'ta web siteleri için Banner ve Buton oluşturmak
- Photoshop Kursu Web Siteleri için Harketli Resimler (gif) oluşturmak
- Photoshop Rötuş araçlarının kullanımı
- Photoshop'ta Sivilce, Ben, İz, Kırışıklık, Leke yoketmek
- Photoshop 'da Kırmızı göz düzeltme
- Photoshop'ta Mühürleme - Clonlama
- Photoshop Kursu Göz rengi değiştirme
- Photoshop 'da Fotoğrafların rengini, ışığını, kontrastını ayarlama yöntemleri
- Photoshop'ta Yazı yazma ve yazı efektleri
- Photoshopta tasarlanan şablonun birebir aynısını Dreamweaverda Div ve CSS kullanarak tasarlama, alt sayfalarını oluşturup içine içerik koyma işlemleri kursiyerler ile uygulamalı olarak yapılacaktır.
Web Tasarım Kursu - Jquery Eğitimi
- Web sitesi için Fotoğraf galerileri oluşturmak - JQuery Lightbox
- Web Sitesinde Slider Kullanımı - JQuery Slider
- Toogle Menü (Responsive Menü) Kullanımı
- Scroll to Top Kullanımı
- JQuery ile Kayan Haberler
Web Tasarım Kursu - SEO Eğitimi
- SEO Kursu Web Sitelerinde Dosya ve Klasör isimlerinin SEO ya etkileri
- Seo açısından Title uzunluğu ne olmalıdır
- Web Sitelerinde Keywords, Description tanımları nasıl olmalıdır
- SEO Kursu Keywords ve Description tanımlarının SEO ya etkileri nedir?
- Resimlerde SEO için dikkat edilmesi gerekenler.
- Web sitelerinin aramalarda üstlerde çıkabilmesi için en önemli SEO kuralları nelerdir?
- SEO Kursu H etiketlerinin (h1 h2 h3 h4 h5 h6) kullanımları ve SEO ya katkıları nelerdir.
- Web sitemizin SEO uyumluluğunu nasıl test ederiz. Eksiklerimizi nasıl görebiliriz
-
Web Tasarım Eğitimi - Proje Uygulamaları
Eğitimlerimiz örnek projeler üzerinden bire bir uygulamalı olarak verilmektedir. Farklı sektörlere ait en son teknolojiye göre hazırlanmış proje örneklerimiz üzerinden derslerimiz anlatılmakta ve uygulanmaktadır
- 1. Proje : Sublime Text Editörünü kullanarak HTML ve CSS kodları ile Kurumsal Eğitim Sitesi tasarımı
- 2. Proje : Adobe Dreamweaver Programının Design bölümünü kullarak hiç kod yazmadan Turizm Sitesi tasarımı
- 3. Proje : Adobe Dreamweaver Programının Kod bölümünü kullarak HTML5, CSS3 ve Jquery Kodları ile Responsive Hastane Sitesi Tasarımı
- 4. Proje : Sublime Text Editörünü kullanarak HTML5 ,CSS3 ve Jquery kodları ile Kurumsal Mobil Uyumlu Hosting Sitesi Tasarımı
Web Tasarım Kursu - Web Sitesini Yayına Vermek
- Domain uzantıları ve en çok tercik edilen domainler
- Domain Satın Almak
- Hosting seçimi ve Hosting Satın alma
- SSL nedir? SSL satın alma
- FTP ile sitenin sunucuya yüklenmesi
- Email hesaplarının oluşturulması