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

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ı

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
Seminer
Hubberspective - Veriyi Doğru Yorumlamak ve Geleceği Modellemek
ücretsiz
24 Ocak - 19:30
Impact Hub Istanbul
Bilişim
1527
Eğitim
Netcad Yol Projelendirme Sertifika Programı
27 Ocak - 29 Ocak - 09:30 - 16:30
Bilkent Cyberpark
Bilişim
1527
Eğitim
7
Mühendislik
6
Yazılım ve Uygulamalar
16
Eğitim
Microsoft Project 2016 Eğitimi (Orta Seviye)
ücretsiz
28 Ocak - 29 Ocak - 09:00 - 16:00
Wissen Akademie
Bilişim
1527
Eğitim
SQL ve Performans Tuning
ücretsiz
28 Ocak - 13:30
TMMOB Bilgisayar Mühendisleri Odası İzmir Temsilciliği
Bilişim
1527
Seminer
Fintech, Fraud Chargeback ve Bilişim Hukuku
ücretsiz
28 Ocak - 14:00 - 17:00
Üsküdar Fikir Sanat Merkezi
Bilişim
1527
Finans-Ekonomi
936
Eğitim
Güvenlik Kamerası Kursu
28 Ocak - 26 Şubat - 15:00 - 18:00
Bilgi Teknolojileri Eğitim Merkezi
Bilişim
1527
Toplantı
MaestroPanel Drink-Up 2017 İzmir
ücretsiz
28 Ocak - 17:00 - 23:30
Originn Coworking
Bilişim
1527
Kamp
Havelsan Siber Güvenlik Kış Okulu
ücretsiz
30 Ocak - 10 Şubat - 09:00 - 18:00
HAVELSAN HAVA ELEKTRONİK SANAYİ ve TİCARET A.Ş.
Bilişim
1527
Siber Güvenlik
6
Seminer
Digitalzone Meetups: Aylık SEO Kafe Toplantıları
ücretsiz
31 Ocak - 19:00 - 22:00
KWORKS Girişimcilik ve Araştırma Merkezi
Bilişim
1527
Girişimcilik
1548
Pazarlama
849
Eğitim
Online Bilişim Eğitimleri
31 Ocak - 1 Şubat - 23:59
Univerist® Education Company
Bilişim
1527
Fuar
Gaming İstanbul Dijital Eğlence ve Oyun Fuarı
ücretsiz
2 Şubat - 5 Şubat - 09:00 - 18:00
İstanbul Kongre Merkezi
Bilim Teknoloji
1883
Bilişim
1527
Elektrik-Elektronik
5
Ev Elektroniği
1
Telekomünikasyon
8
Eğitim
Unity Certification Event: Unity Certified Developer Exam (Istanbul)
2 Şubat - 18:00
Bahçeşehir Üniversitesi Galata Yerleşkesi
Bilişim
1527
Etkinlik.io Android Uygulama

Neden üye olmalıyım?

Haberdar ol: Şehrinde gerçekleşen 20 kategoride etkinlik mailine gelsin.

Kişiselleştirilmiş etkinlik önerileri: Etkinlikler arasında kaybolma. Şehrini ve ilgi alanlarını seç, beğendiğin kişi ve markaları takip et. Sana özel etkinlik önerileri al.

Profesyonel etkinlikler: Linkedin ile üye olarak ağırlıklı profesyonel etkinliklerden haberdar olabilirsin.

Özel indirimler: Harika deneyimleri daha ucuza yaşamak için bizi takip et.

Etkinlik.io

Etkinlikler tek bir yerde: Biletix, mybilet, eventbrite ve daha fazlası

Binlerce etkinlik: Şu anda keşfedebileceğin 2932 etkinlik

Pratik filtreleme: Aradığını kolayca bulabileceğin etkinlik filtresi

Organizatörle etkileşim: Etkinlik organizatörüne doğrudan ulaşabilme

Etkinlikler Sosyal Medya'da

Etkinlikleri ilgi alanınıza göre Facebook, Twitter ve Linkedin üzerinden de takip edin.

Sosyal Medya'da Takip Et
Etkinlik.io Android Uygulama
Etkinlik.io'yu Kişiselleştir!