Web Tasarım Kursu

  • Web Sitesi ve Web Sayfaları
  • İnternet Kavramları (https, ftp, www, domain hosting...)
  • Sunucu ve İstemci Kavramları

  • Photoshop Arayüzü Tanıtımı
  • Menüler ve Araçlar
  • Resim Düzenleme İşlemleri
  • Katmanlar
  • Metinler
  • Düğme Oluşturma ve Kullanma
  • Maske Kavramı
  • Web Banner Tasarımı
  • Web'e ve Instagram'a Görsel Hazırlama
  • Web Sitesi Arayüz Tasarımı Yapma
  • Tasarımların web için optimize edilerek kaydedilmesi

  • HTML Temelleri
  • Çok Kullanılan HTML Tag'leri
  • HTML Link Yapıları
  • Listlerle Çalışma Yapmak
  • Head, meta tag kavramları
  • HTML ile Multimedya çalışmaları
  • HTML 5.2 Yenilikleri
  • Web 3.0 Teknolojisi ve Semantik Programlama
  • Responsive Tasarım Tekniği
  • Adaptive Tasarım Tekniği
  • HTML'i Mobil Uyumlu Kullanabilmek
  • HTML 5'de API ile çalışmalar yapmak

  • CSS 3 Temelleri
  • CSS Kullanım Yerleri
  • Metinler ile Çalışmak ve Tipografi
  • CSS'de Efektler
  • Çizgi ve Kutu Özellikleri
  • Bitmap Resimlerle Çalışmak
  • Animasyonlar
  • CSS'de SEO Kriterleri
  • İleri CSS Kullanımı
  • Bootstrap Kullanımı

  • JavaScript Temelleri (JavaScript Sözdizimi)
  • JavaScript Kodlama Standartları
  • JavaScript ile Neler yapılabilir?
  • Değişkenler ve Veri Türleri
  • Operatörler
  • Döngüler (for, do while)
  • Koşullu İfadeler (If Else)
  • Nesne Yönelimli Programlama Tekniği
  • Hata Yönetimi
  • Java Script ile Asenkron Programlama
  • JavaScript ile MVC Design Pattern
  • JavaScript ile Olay Tabanlı Programlama
  • JSON Kullanımı
  • AJAX Teknolojisi

  • JQuery Programlama'ya Giriş
  • Sayfa'da JQuery Tanımlama
  • Temel Kod Yapısı
  • Nesne Seçimi ve Seçim Fonksiyonu
  • Filtre
  • Normal ve Olay Fonksiyonları
  • Geçiş Efektleri ve Animasyon
  • AJAX Metodları
  • XML Dosyadan Okuma
  • JQuery ile Veri Ekleme, Güncelleme ve Silme İşlemleri
  • JQuery ile Veri Sorgulama İşlemleri
  • JQuery ile Stillerle Çalışmak

  • PHP Programlama Diline Giriş
  • PHP Söz Dizimi ve Kodlama Kuralları
  • Değişkenler ve Veri Türleri
  • Diziler ve Matrisler
  • String İşlemleri
  • Döngüler ve Dizi içine veri yazma
  • IF - ELSE Koşullu Yapılar
  • Fonksiyonlar
  • Form Verileri ile İşlemler
  • PHP Tarih - Saat İşlemleri
  • Dosyalama İşlemleri
  • Veritabanı Bağlantı İşlemleri
  • SESSION İşlemleri
  • Cookie İşlemleri
  • Laravel Giriş

  • MySQL Veritabanına Giriş
  • Tablo ve Sütun Kavrfamları
  • Veritabanı Haritası Çıkarma
  • Veritabanı İlişki Yönetimi
  • Veritabanı Güvenliği (MD5,SHA1)
  • SQL Sorgulama Dili Yapısı
  • SELECT, INSERT, UPDATE, DELETE İşlemleri
  • İleri SQL Sorgulama İşlemleri
  • XAMPP Kullanımı
  • Apache Server Kurulumu ve Yönetimi

  • Domain ve Hosting İşlemleri
  • Sunucuyu Yapılandırma
  • Web Sitesi Yayınalma Hazırlıkları (DNS, SSL vs...)
  • Web Sitesini Sunucuya Taşıma ve Yayınlama
  • Web Sitesi yönetim paneli kurulumu
  • Yönetim Paneli Yapılandırması
  • Yönetim için izinlerin verilmesi

  • Web Sitesi Analizi Yapma ve SEO Sorunlarını Çıkarma
  • Web Sitesi Anahtar Kelime Yer Tespiti Yapma
  • Web Sitesinin İçerik ve Hedef Kitle Analizi
  • Arama Motorlarının Indexleme Algoritmaları
  • Dizinler, Backlink DMOZ Faktörleri
  • Shema.org Kullanımı
  • Yapılandırılmış verilerle web sitesi yapma
  • Öne çıkan snippet gösterimi

BURAYA TASARIM YAPILMAMIŞ, TASARIMI YAPILACAK

Bir web sitesi yapmak için aşağıdaki adımların takip edilmesi gerekir.

  • Photoshop veya farklı bir grafik tasarım programı ile Web sitesi tasarımını çizin. .
  • Söz konusu tasarımı HTML olarak dışarı çıkarın.
  • Web sitesi tasarımında kullandığınız her türlü görseli CSS kodları ile yapılandırın.
  • JavaScript kodları ile web sitenize dinamiklik kazandırın.
  • JQuery ile slider, takvim gibi etkileşimli uygulamaları web sitenize dâhil edin. 
  • Bilgilerin kaydedileceği bir veritabanı oluşurarak PHP ile web sitenize bağlantı verin. Veritabanı olarak MySQL kullanmanız tavsiye edilir.
  • Sitenize ait domain ve hosting satın alın.
  • Veritabanını ve web sitesinin dosyalarını satın aldığınız hosting'in içinde ilgili yerlere atın

Web sitenizi arama motorlarında üst sıralara çıkarmak için SEO uygulamaları hakkında bilgi sahibi olmanız gerekmektedir. Bunun için Google makalelerden yararlanabilirsiniz. Bu şekilde sitenizi üst sıralara taşıyacak olan anahtar kelimelere kolaylıkla ulaşabileceksiniz.

Photoshop, Dreamweaver veya Notpad++, Visual Studio (Seçenekli) programları web sitesi yapmak için kullanacağınız programlardır.

  • Photoshop
  • Dreamweaver veya Notpad++
  • Visual Studio (Seçenekli)
Bilgi İstek Formu

Başarı Hikayesi

Vektörel Bilişim

Öğrenci Çalışmaları

Vektörel Bilişim Hakkımızda
Resim Açıklama