Web Tasarım Eğitimi

Kısa Sürede Web Tasarım programlarını öğrenip web tasarımcısı olmak isteyenler: HTML, CSS, Seo Teknikleri, Dreamweaver, Photoshop, Flash, Jquery ve Animasyon Programları ile Web Tasarım kursumuz tam size göre.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 Tasarım Kursu -

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 ve İtalik yazma

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

HTML ile Tablo oluşturmak

Web sitelerinde Form ve Form elemanları kullanımı

Div kullanımı

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ı

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

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ı

Web Tasarım Kursu - SEO Eğitimi

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