Kodda Web Siteleri Oluşturmada Uzmanlaşma

Kurs özeti

• U 1: İlham Almak

  • giriiş

  • Etkiler | Juan Mora

  • Etkiler | Filip Felbar

  • Etkiler | Jan Losert

  • Etkiler | Mónica Durán

  • Etkiler | Isa Macías

• U 2: Açılış Sayfaları için UX Kullanıcı Arayüzü Tasarımı: Özgün Bir Hikaye Anlatın

  • Açılış sayfası türleri

  • İyi bir açılış sayfası nedir?

  • İçerikte hiyerarşi nedir?

  • Kontrast, görsel denge ve 3 saniye kuralı

  • Özet ve nasıl araştırılacağı

  • Açılış sayfasının içerik yapısı

  • Bir ruh hali panosu nasıl yapılır

  • Doğru tipografi

  • Tarih oluşturma

  • Tüm malzemeyi tuvalin üzerine koyun!

  • Açılış sayfanız için ihtiyaç duyduğunuz varlıkları oluşturun

  • Tasarım tanımı

  • Tasarımınızı güzelleştirin: geri bildirim

  • Müşteri sunumu

• U 3: Figma kullanarak Web Siteleri için Tasarım Sistemleri

  • Tasarım Sistemlerine Giriş

  • Tasarım Sistemleri İş Akışınızı Hızlandırmanıza Nasıl Yardımcı Olabilir?

  • Projeye Giriş ve Yaklaşım

  • Figma Dosyasının Kurulumu ve İlk Araştırmalara Başlamak 1

  • Figma Dosyasını Kurmak ve İlk Araştırmalara Başlamak 2

  • Keşif ve Tasarım Sisteminin Genişletilmesi 1

  • Keşif ve Tasarım Sisteminin Genişletilmesi 2

  • Tasarım Sistemi Sayfalarının Düzenlenmesi 1

  • Tasarım Sistemi Sayfalarının Düzenlenmesi 2

  • Bileşenleri Oluştururken Değişkenleri Keşfetmek

  • Tasarım Sisteminin Birleştirilmiş Bir Şekilde Geliştirilmesi Sayfa 1

  • Tasarım Sisteminin Montajlı Bir Şekilde Geliştirilmesi Sayfa 2

  • Tasarım Sisteminin Montajlı Bir Şekilde Geliştirilmesi Sayfa 3

  • Eksiksiz Tasarım Sistemiyle Yeni Sayfalar Oluşturma 1

  • Eksiksiz Tasarım Sistemi 2 ile Yeni Sayfalar Oluşturma

  • Eksiksiz Tasarım Sistemi 3 ile Yeni Sayfalar Oluşturma

  • Tasarım Sistemine İlişkin Dokümantasyon Oluşturmaya Nasıl Yaklaşılmalı?

  • Otomatik Düzeni Temizleme ve Kullanma

  • Tasarımın Diğer Marka Unsurlarında Kullanılması

  • Son düşünceler

• U 4: Webflow ile Web Sitesi Oluşturma: Kod Kullanmadan Site Oluşturma

  • No-Code'a Giriş

  • Web Akışı Temel Özellikleri

  • Tasarım

  • Stil rehberi

  • Stil Kılavuzu Oluşturma 1

  • Stil Kılavuzu Oluşturma 2

  • Kahraman Bölümü

  • Navigasyon

  • Vaka Çalışması Bölümleri 1

  • Örnek Olay İncelemesi Bölüm 2

  • Kolaj Bölüm 1

  • Kolaj Bölüm 2

  • Müşteriler Bölümü ve Basit Bülten Formu

  • Altbilgi

  • Tablet Görünümü

  • Mobil Yatay ve Portre Görünümü

  • Test Formları

  • Etkileşimler

  • SEO Optimizasyonu ve Barındırma

  • Bakım, Editör ve Varlıklar Paneli

  • CMS'yi keşfedin

• U 5: Squarespace'de Web Sitesi Oluşturma

  • Web sitemizin amacını ve yapısını tanımlamak P1

  • Web sitemizin amacını ve yapısını tanımlamak P2

  • Sitemizin genel tarzı

  • Grafik dosyalarının oluşturulması, düzenlenmesi ve hazırlanması

  • Squarespace içerik bloğu arayüzünde yapılan değişiklikler

  • Web siteniz için şablon nasıl seçilir

  • Squarespace'teki başlangıç ayarları

  • Squarespace'te Sayfa Oluşturma: Özellikleri ve Ayarları

  • Squarespace'teki İçerik Blokları

  • Squarespace'deki Sayfa Bölümleri

  • Ev, Hizmetler, Hakkımda ve İletişim sayfalarının tasarımı ve yapılandırılması P1

  • Ev, Hizmetler, Hakkımda ve İletişim sayfalarının tasarımı ve yapılandırılması P2

  • Ev, Hizmetler, Hakkımda ve İletişim sayfalarının tasarımı ve yapılandırılması P3

  • P1 Portföy Sayfası Ayarları

  • P2 Portföy Sayfası Ayarları

  • P1 Blog Yapılandırması

  • P2 Blog Yapılandırması

  • P3 Blog Yapılandırması

  • Altbilginin oluşturulması ve ana gezinmede ayarlamalar

  • P1 sitesi yazı tipi ve renk yapılandırması

  • P2 sitesi yazı tipi ve renk yapılandırması

  • Görüntü ayarları ve diğer ayarlar

  • Bonus: Squarespace 7.0'daki Web Sitesi Stilleri

  • Pazarlama düzenlemeleri

  • Genel gizlilik ayarları

  • Siteyi herkese açık hale getirelim P1

  • Siteyi herkese açık hale getirelim P2

  • Site Analizi Takibi

• U 6: Elementor ve Wordpress ile Kodsuz Web Tasarımı

  • Görsel referanslar: ilham almak için nereye bakmalı

  • Site haritası ve stil kılavuzu

  • Tasarım teklifinin hazırlanması 1

  • Tasarım teklifinin hazırlanması 2

  • WordPress'e başlarken

  • Elementor'u yükleyin

  • Elementor 1'i tanıma

  • Elementor 2'yi tanıma

  • Üstbilgi ve altbilgi 1

  • Üstbilgi ve altbilgi 2

  • Ana sayfa

  • Projeler için şablon 1

  • Projeler için şablon 2

  • Proje arşivi

  • "Hakkında" ve "İletişim"

  • İkincil sayfalar: gizlilik, 404 ve bakım

  • Web sitesini test edin ve başlatın

  • Site güncellemesi

• Bitirme projesi

  • Kodsuz Web Sitesi Oluşturma Uzmanlığı

Son Projeler