Bilgi Teknolojileri Eğitim Merkezi
İstanbul / Şişli / 19.May
Büyükdere Cad. No:14 D:9 Şişli / İst.

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
Yazılımcılar için Blockchain Teknolojisi Geliştirmek
ücretsiz
23 Kasım - 19:00
Impact Hub Istanbul
Bilişim
5599
Toplantı
PlusClouds Developer Talks '10/17 w/ CODELA
ücretsiz
24 Kasım - 19:30
KWORKS Entrepreneurship Research Center
Bilişim
5599
Seminer
8. Finans ve Yazılım Günleri
ücretsiz
29 Kasım - 30 Kasım - 10:00 - 17:00
Ytü Davutpaşa Kongre Ve Kültür Merkezi
Kariyer
5928
Eğitim
Online Bilişim Eğitimleri
30 Kasım - 1 Aralık - 23:50
Univerist® Education Company
Bilişim
5599
Kongre
Öne Çıkan
10. Bilişim Teknolojileri Zirvesi (BTZ)
1 Aralık - 2 Aralık - 10:00 - 17:30
Bilim Teknoloji
7159
Zirve
Dijital Health Summit 2017
21 Aralık - 09:30 - 18:30
Tamirane - Uniq İstanbul
Bilişim
5599
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 2391 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!