Yazılım Eğitimleri

Web Tasarım Eğitimi

Web Tasarım Eğitimi, sıfırdan web sitesi geliştirmeyi öğrenmek isteyenler için hazırlanmış uygulamalı bir eğitim programıdır. Eğitimde HTML, CSS, JavaScript, responsive tasarım ve gerçek proje geliştirme süreçleri öğretilerek katılımcıların modern, kullanıcı dostu ve mobil uyumlu web siteleri hazırlayabilmesi hedeflenir.

Eğitmen: Furkan Morova
Süre: 30 Saat
Seviye: Başlangıç
Web Tasarım Eğitimi

Eğitim Hakkında

Web Tasarım Eğitimi

Web Tasarım Eğitimi, web sitesi geliştirmeyi sıfırdan öğrenmek ve modern internet siteleri hazırlamak isteyen katılımcılar için hazırlanmış kapsamlı ve uygulamalı bir eğitim programıdır. Başarısoft tarafından sunulan eğitimde katılımcılar, web teknolojilerinin temelini oluşturan HTML, CSS ve JavaScript kullanarak kullanıcı dostu, görsel açıdan düzenli ve mobil cihazlarla uyumlu web siteleri geliştirmeyi öğrenir.

Günümüzde işletmelerden kişisel markalara, e-ticaret projelerinden eğitim platformlarına kadar hemen hemen her alanda profesyonel bir web sitesine ihtiyaç duyulmaktadır. Bu nedenle web tasarım ve front-end geliştirme becerileri, dijital dünyada önemli bir teknik yetkinlik haline gelmiştir.

Web Tasarım Eğitimi sayesinde katılımcılar yalnızca hazır sistemleri kullanmak yerine bir web sayfasının nasıl oluşturulduğunu, tasarımın nasıl şekillendirildiğini ve kullanıcı etkileşimlerinin nasıl geliştirildiğini öğrenir.

Sıfırdan Web Tasarım Öğrenin

Eğitim programı, daha önce web tasarım veya kodlama bilgisi olmayan katılımcıların da rahatlıkla takip edebileceği şekilde temel seviyeden başlamaktadır.

İlk aşamada internetin ve web sitelerinin çalışma mantığı ele alınır. Ardından HTML kullanılarak web sayfasının yapısı oluşturulur, CSS ile sayfanın görsel tasarımı geliştirilir ve JavaScript ile web sayfalarına temel etkileşim özellikleri kazandırılır.

Eğitim boyunca öğrenilen konular uygulamalarla desteklenerek katılımcıların yalnızca teorik bilgi edinmesi değil, kendi web projelerini geliştirebilmesi hedeflenir.

HTML ile Web Sayfalarının Temelini Oluşturun

HTML (HyperText Markup Language), web sayfalarının temel yapısını oluşturmak için kullanılan işaretleme dilidir. Bir web sitesindeki başlıklar, paragraflar, bağlantılar, görseller, listeler, tablolar ve formlar HTML sayesinde sayfaya eklenir.

Web Tasarım Eğitimi kapsamında katılımcılar HTML etiketlerinin çalışma mantığını öğrenerek düzenli ve anlamlı web sayfaları oluşturur.

HTML eğitimi sırasında yalnızca etiket kullanımı değil, sayfanın doğru şekilde yapılandırılması ve farklı içerik türlerinin uygun HTML elemanlarıyla oluşturulması üzerinde de durulur.

CSS ile Modern Web Tasarımları Hazırlayın

HTML ile oluşturulan web sayfasının görsel görünümü CSS (Cascading Style Sheets) kullanılarak düzenlenir. CSS sayesinde renkler, yazı tipleri, boşluklar, kenarlıklar, boyutlar ve sayfa içerisindeki elemanların konumları kontrol edilebilir.

Katılımcılar CSS kullanarak sade HTML sayfalarını daha profesyonel ve kullanıcı dostu tasarımlara dönüştürmeyi öğrenir.

Eğitimde temel CSS özelliklerinin yanı sıra sayfa yerleşimi, kutu modeli, hizalama işlemleri ve modern web tasarımında kullanılan düzen teknikleri üzerinde uygulamalar gerçekleştirilir.

Responsive Tasarım ile Mobil Uyumlu Web Siteleri Geliştirin

Günümüzde web siteleri yalnızca masaüstü bilgisayarlardan görüntülenmemektedir. Akıllı telefonlar ve tabletler internet kullanımının önemli bir bölümünü oluşturmaktadır. Bu nedenle geliştirilen web sitelerinin farklı ekran boyutlarına uyum sağlayabilmesi gerekir.

Responsive web tasarım teknikleri sayesinde hazırlanan sayfalar masaüstü, tablet ve mobil cihazlara göre kendisini uyarlayabilir.

Eğitim kapsamında katılımcılar esnek tasarım mantığını, farklı ekran boyutlarına göre düzen oluşturmayı ve mobil uyumlu web sayfaları geliştirmeyi öğrenir.

JavaScript ile Web Sayfalarına Etkileşim Kazandırın

JavaScript, web sayfalarına dinamik ve etkileşimli özellikler kazandırmak için kullanılan temel web teknolojilerinden biridir.

JavaScript sayesinde kullanıcı işlemlerine tepki veren butonlar, form kontrolleri, içerik değişiklikleri ve farklı etkileşimler oluşturulabilir.

Web Tasarım Eğitimi kapsamında JavaScript'in temel programlama yapıları ve web sayfaları üzerindeki kullanımı uygulamalı olarak ele alınır. Böylece katılımcılar statik web sayfalarını daha etkileşimli hale getirebilecek bir temel kazanır.

Web Tasarım Eğitiminde Neler Öğreneceksiniz?

Eğitim sürecinde katılımcılar;

  • Web sitelerinin temel çalışma mantığını,
  • HTML ile web sayfası oluşturmayı,
  • Başlık, paragraf, liste ve bağlantı gibi HTML elemanlarını kullanmayı,
  • Web sayfalarına görsel ve medya içerikleri eklemeyi,
  • HTML tabloları ve formları oluşturmayı,
  • CSS ile sayfaların tasarımını düzenlemeyi,
  • Renk, yazı tipi, kenarlık ve boşluk ayarlarını kullanmayı,
  • Web sayfası yerleşimleri oluşturmayı,
  • Responsive ve mobil uyumlu tasarım tekniklerini,
  • JavaScript'in temel programlama mantığını,
  • JavaScript ile kullanıcı etkileşimleri oluşturmayı,
  • Web projelerini planlama ve geliştirme süreçlerini

uygulamalı çalışmalar üzerinden öğrenir.

Mobil Uyumlu ve Kullanıcı Dostu Tasarımın Önemi

Başarılı bir web sitesi yalnızca görsel olarak güzel görünmemelidir. Kullanıcıların ihtiyaç duydukları bilgiye kolayca ulaşabilmesi, sayfaların anlaşılır olması ve farklı cihazlarda sorunsuz görüntülenmesi de önemlidir.

Eğitim sürecinde katılımcılara web sayfalarını hazırlarken kullanıcı deneyimini dikkate almaları ve içerikleri daha anlaşılır şekilde sunmaları konusunda temel tasarım prensipleri aktarılır.

Bu sayede katılımcılar masaüstü ve mobil cihazlarda kullanılabilecek daha düzenli, modern ve işlevsel web arayüzleri hazırlamayı öğrenir.

Web Tasarım Kursuna Kimler Katılabilir?

Web Tasarım Kursu, web sitesi geliştirmeyi öğrenmek isteyen başlangıç seviyesindeki katılımcılardan mevcut bilgisini geliştirmek isteyen öğrencilere kadar geniş bir katılımcı kitlesine uygundur.

Özellikle;

  • Web tasarım öğrenmeye sıfırdan başlamak isteyenler,
  • HTML, CSS ve JavaScript öğrenmek isteyenler,
  • Kendi web sitesini geliştirmek isteyenler,
  • Yazılım ve web sektöründe kariyer hedefleyenler,
  • Front-end geliştirme alanına giriş yapmak isteyenler,
  • Freelance web tasarım hizmeti vermek isteyenler,
  • Öğrenciler ve yeni mezunlar,
  • Dijital becerilerini geliştirmek isteyenler

eğitim programına katılabilir. Eğitime başlamak için daha önce web tasarım veya programlama bilgisine sahip olmak gerekmez.

Web Tasarım ile Kariyer Fırsatlarınızı Geliştirin

Web tasarım bilgisi, katılımcılara hem kendi projelerini geliştirme hem de profesyonel iş hayatında farklı çalışma alanlarına yönelme imkânı sağlayabilir.

HTML, CSS ve JavaScript bilgisine sahip kişiler zaman içerisinde web tasarım, front-end geliştirme, kullanıcı arayüzü geliştirme ve freelance web projeleri gibi alanlarda kendilerini geliştirebilir.

Eğitim sırasında kazanılan temel bilgi, daha ileri web teknolojilerinin öğrenilmesi için de önemli bir altyapı oluşturur.

Gerçek Projeler ile Web Tasarım Öğrenin

Web tasarım öğrenmenin en etkili yollarından biri, öğrenilen teknikleri gerçek projelerde uygulamaktır. Bu nedenle eğitim boyunca farklı web sayfası çalışmalarının yanı sıra kapsamlı proje uygulamaları gerçekleştirilir.

Katılımcılar HTML ile sayfa yapısını oluşturur, CSS ile tasarımı geliştirir, responsive özellikler ekler ve JavaScript kullanarak temel etkileşimler oluşturur.

Bu süreç sayesinde web sitesinin planlama aşamasından son haline kadar geçen geliştirme süreci uygulamalı olarak deneyimlenir.

Web Tasarım Eğitimi Size Ne Kazandırır?

Eğitim sonunda katılımcıların sıfırdan bir web sayfası oluşturabilmesi, sayfanın görünümünü CSS ile şekillendirebilmesi, farklı cihazlara uyumlu tasarımlar hazırlayabilmesi ve JavaScript kullanarak temel kullanıcı etkileşimleri geliştirebilmesi hedeflenmektedir.

Eğitim sonunda katılımcılar;

  • HTML kullanarak web sayfaları oluşturabilir,
  • CSS ile modern web tasarımları hazırlayabilir,
  • Sayfa düzenlerini ve içerikleri profesyonel şekilde yapılandırabilir,
  • Mobil uyumlu responsive web sayfaları geliştirebilir,
  • JavaScript'in temel yapılarını kullanabilir,
  • Web sayfalarına temel kullanıcı etkileşimleri ekleyebilir,
  • Kendi kişisel veya kurumsal web projelerini geliştirebilir,
  • Gerçek proje geliştirmenin temel aşamalarını uygulayabilir,
  • Daha ileri front-end teknolojilerini öğrenmek için güçlü bir temel oluşturabilir.

Başarısoft Web Tasarım Eğitimi, HTML, CSS ve JavaScript teknolojilerini sıfırdan öğrenerek modern ve mobil uyumlu web siteleri geliştirmek isteyen katılımcılar için uygulama ve proje odaklı bir eğitim programı sunar.

Eğitim İçeriği ve Müfredat

Web Tasarım Eğitimi Müfredatı

Modül 1 – Web Tasarıma Giriş

  • Web Tasarım Nedir?
  • Web Sitesi Nasıl Çalışır?
  • İnternet, Web ve Tarayıcı Kavramları
  • Web Sitesi ve Web Sayfası Arasındaki Fark
  • Front-End Geliştirme Kavramı
  • HTML, CSS ve JavaScript'in Görevleri
  • Web Geliştirme Ortamının Hazırlanması

Modül 2 – HTML Temelleri

  • HTML Nedir?
  • HTML Belge Yapısı
  • HTML Etiketlerinin Kullanımı
  • Başlık Etiketleri
  • Paragraf ve Metin Etiketleri
  • Satır ve Bölüm Yapıları
  • Yorum Satırları

Modül 3 – Bağlantılar, Listeler ve Görseller

  • Bağlantı Oluşturma
  • Sayfalar Arasında Geçiş Yapma
  • Sıralı Listeler
  • Sırasız Listeler
  • Web Sayfasına Görsel Ekleme
  • Görsel Boyutlandırma
  • Alternatif Metin Kullanımı

Modül 4 – HTML Tabloları ve Formlar

  • HTML Tablosu Oluşturma
  • Satır ve Sütun Yapıları
  • Tablo Başlıkları
  • HTML Formlarının Temel Yapısı
  • Metin Kutuları
  • Butonlar
  • Seçim Alanları
  • Form Elemanlarının Kullanımı

Modül 5 – Semantik HTML Yapısı

  • Semantik HTML Nedir?
  • Header Kullanımı
  • Nav Kullanımı
  • Main Kullanımı
  • Section ve Article Yapıları
  • Footer Kullanımı
  • Düzenli Web Sayfası Yapısı Oluşturma

Modül 6 – CSS Temelleri

  • CSS Nedir?
  • HTML ve CSS Bağlantısı
  • CSS Seçicileri
  • Class ve ID Kullanımı
  • Renk İşlemleri
  • Arka Plan Özellikleri
  • Yazı Tipi ve Metin Biçimlendirme

Modül 7 – CSS Kutu Modeli

  • CSS Box Model Mantığı
  • Width ve Height Kullanımı
  • Padding İşlemleri
  • Margin İşlemleri
  • Border Kullanımı
  • Elemanların Boyutlandırılması

Modül 8 – Web Sayfası Yerleşimi

  • Web Sayfasında Yerleşim Mantığı
  • Display Özelliği
  • Block ve Inline Elemanlar
  • Elemanların Hizalanması
  • Sayfa Bölümlerinin Oluşturulması
  • Menü ve İçerik Alanı Tasarımı
  • Kart Yapıları Oluşturma

Modül 9 – Flexbox ile Modern Sayfa Düzeni

  • Flexbox Nedir?
  • Flex Container Yapısı
  • Yatay Hizalama
  • Dikey Hizalama
  • Elemanlar Arası Boşluk Oluşturma
  • Esnek Sayfa Düzenleri Hazırlama

Modül 10 – Responsive Web Tasarım

  • Responsive Tasarım Nedir?
  • Mobil Uyumlu Tasarım Mantığı
  • Farklı Ekran Boyutları ile Çalışma
  • Media Query Kullanımı
  • Mobil Menü Düzenleri
  • Responsive Görseller
  • Masaüstü, Tablet ve Mobil Görünümlerin Düzenlenmesi

Modül 11 – JavaScript'e Giriş

  • JavaScript Nedir?
  • JavaScript'in Web Sitelerindeki Rolü
  • JavaScript Kodlarının HTML'e Eklenmesi
  • Değişkenler
  • Veri Tipleri
  • Operatörler
  • Temel Çıktı İşlemleri

Modül 12 – JavaScript Karar Yapıları ve Döngüler

  • if Yapısı
  • if - else Kullanımı
  • Birden Fazla Koşulla Çalışma
  • Karşılaştırma Operatörleri
  • Mantıksal Operatörler
  • for Döngüsüne Giriş
  • while Döngüsüne Giriş

Modül 13 – JavaScript Fonksiyonları

  • Fonksiyon Nedir?
  • Fonksiyon Oluşturma
  • Fonksiyon Çağırma
  • Parametre Kullanımı
  • Geriye Değer Döndürme
  • Fonksiyonlarla Tekrarlanan İşlemleri Düzenleme

Modül 14 – JavaScript ile Web Sayfası Etkileşimleri

  • HTML Elemanlarına JavaScript ile Erişim
  • Buton Tıklama Olayları
  • Metin ve İçerik Değiştirme
  • CSS Özelliklerini JavaScript ile Değiştirme
  • Form Verilerini Kontrol Etme
  • Temel Kullanıcı Etkileşimleri Oluşturma

Modül 15 – Kullanıcı Dostu Web Tasarımı

  • Kullanıcı Deneyimine Giriş
  • Okunabilir Web Sayfaları Hazırlama
  • Renk ve Yazı Tipi Uyumu
  • İçerik Hiyerarşisi Oluşturma
  • Menü ve Navigasyon Düzeni
  • Mobil Kullanıcı Deneyimi

Modül 16 – Uygulamalı Web Sayfası Çalışmaları

  • Kişisel Tanıtım Sayfası Hazırlama
  • Kurumsal Web Sayfası Tasarımı
  • Ürün veya Hizmet Tanıtım Sayfası Oluşturma
  • İletişim Formu Tasarlama
  • Responsive Sayfa Uygulamaları
  • JavaScript Etkileşimlerinin Eklenmesi

Modül 17 – Web Tasarım Projesi

  • Proje Konusunun Belirlenmesi
  • Web Sitesi Sayfa Yapısının Planlanması
  • HTML Kodlarının Oluşturulması
  • CSS ile Tasarımın Hazırlanması
  • Mobil Uyumluluğun Sağlanması
  • JavaScript Etkileşimlerinin Eklenmesi
  • Sayfaların Test Edilmesi
  • Hataların Düzeltilmesi
  • Projenin Son Halinin Hazırlanması
F

Eğitmen: Furkan Morova

Yazılımcı/Yazılım Eğitmeni

Kayıt Olunabilecek Gruplar

Şu an için planlanmış aktif bir sınıf bulunmuyor.

Özel Ders / Bilgi Al
Destek Hattı