Baştan Sona Bir Web Sitesi UI Tasarımı ve HTML/CSS Eğitimi.

Photoshop ve Dreamweaver İle Web Sitesi UI (Kullanıcı Arayüz) Tasarımı ve Arayüz Kodlama (HTML/CSS) Eğitimi.

Language: turkish

Note: 4.5/5 (113 notes) 1,508 students

Instructor(s): Ali Tokalak

Last update: 2022-08-26

What you’ll learn

Photoshop’un arayüzünü genel hatlarıyla tanıyıp, temel tasarım araçlarını öğrenmiş olacaksınız.
Kurs boyunca uygulamalı olarak yapacağımız bir web sitesi tasarımını göreceksiniz.
Adobe Creative Cloud, Adobe Color ve Typkit Font’u uygulamalı olarak kullanıp tecrübe edineceksiniz.
Bir web sitesinin Temelleri, disiplinleri ve web sitesi yapılırken nelere dikkat edilmesi gerektiğini öğreneceksiniz.
Kursu bitirdiğinizde rahatlıkla Photoshop’u kullanarak bir web sayfası tasarımını yapabiliyor olacaksınız.
Bir web sitesi arayüzü kodlamayı (HTML/CSS) öğreneceksiniz.
Tasarladığımız web sitesini bir web tarayıcısında nasıl çalışır hale getiririz.

Requirements

Mac veya Windows işletim sistemli bir bilgisayara sahip olmaları gerekli.
Photoshop’u daha önce kullanmış olmanız gerekmez.

Description

Bu kursu oluştururken sadece Photoshop ile bir web sitesini başından sonuna tasarlamayı anlatmak istemiştim. Fakat kursuma katılan öğrencilerimin bir kısmı photoshop da yaptığımız bu tasarımın bir web tarayıcısında nasıl çalışacağını sormuş. Ben de öğrencilerimin sorularına çözüm bulmak amacıyla yaklaşık 1 yıldır üzerinde çalıştığım HTML / CSS ile web sitesi arayüz kodlama kursumu bu kursa dahil ederek sizlere hediye ediyorum.

Bu kurs ile beraber hiç bir tecrübeniz olmasa bile bir web sitesini başından sonuna tasarlayacak ve bunu bir web tarayıcısında çalışır hale gelmesi için gerekli öğrenimleri bu kursta alacaksınız.

Photoshop, Web Tasarım, Grafik tasarım ve Fotoğrafçıların uzun yıllardır kullandığı, gelişmiş araçları ve sağladığı bir çok kolaylık sayesinde hala kullanılmakta olan popüler bir grafik tasarım programıdır. Bu kursta Adobe Photoshop programının temellerini, arayüzünü, fotoğraf düzenlemelerini, renklerle çalışmayı öğrenecek ve Photoshop’da bir web sitesi tasarımı nasıl yapılır uygulamalı olarak göreceksiniz. Bu kurs boyunca Adobe Creative Cloud uygulamasın bir parçası olan “Typekit Font”u ve “Adobe Color” nasıl kullanabileceğimizi de göreceksiniz. Photoshop’da web sitemizi tasarlarken internetteki yardımcı kaynaklardan nasıl faydalanacağımızı görecek ve bazı örnek görseller indirerek tasarımlarımızda kullanacağız. Daha önce hiç Photoshop‘u kullanmamış ya da program hakkında az bir bilgiye sahip kursiyerler bu kursun sonunda Photoshop’u rahatlıkla kullanmaya başlayıp ileri düzey tasarım prensiplerine hakim olacaklardır.

Bu kursu diğer eğitimlerden ayıran en önemli yanı, Photoshop’da yapabileceğiniz konuları parça parça anlatmak yerine bir web sitesi tasarımını başından sonuna uygulamalı olarak anlatması ve katılımcıları iyi bir Web UI (User Interface) Tasarımcısı olmasını sağlamasıdır.

Kurs süresince sormak istediğiniz her türlü soruyu “Soru Cevap” bölümünden bana sorabilirsiniz. Kursu değerlendirirken 5 yıldızdan düşük bir puan vermek isterseniz lütfen bunun nedenini benimle paylaşın. Kursun eksiklerini, hatalarını ve beğenmediğiniz diğer noktalarını benimle paylaşmanız kursu tekrar gözden geçirip düzeltmeme imkan tanıyacaktır. Bu sayede sizin de katkılarınızla kursa katılan diğer kursiyerlerimize daha kaliteli ve etkili bir kurs sunmuş oluruz.

Who this course is for

Daha önce Adobe Photoshop programını kullanmış yada sıfırdan öğrenmek isteyen kullanıcılar.
Photoshop’da Web tasarımı yapmak isteyen öğrenciler.
Grafik Tasarım ve UI Tasarımı öğrenmek isteyenler
HTM / CSS Öğrenmek isteyen öğrenciler.
Html ve css kullanarak web arayüzü geliştirmek isteyenler.

Course content

Giriş
- Photoshop CC İle Baştan Sona Bir Web Sitesi (UI) Tasarımı
Kurulum ve Photoshop’u Kullanmaya Başlamak
- Intro
- Photoshop Kurulumu
- Photoshop Giriş Ekranı
- Arayüz ve Araçları Tanıyalım
Header Alanı ve Menü Tasarımı
- Tasarıma Başlama ve Header Alanı Tasarımı
- Menü Tasarımı ve İcon Kullanımı
- Zengin Font Kütüphanesi Adobe Typekit Font’u Kullanmak
Banner Alanı Tasarımı
- Banner Alanı Tasarımı
- Slogan ve Button Tasarımı
- Adobe Color’u Kullanarak Etkili ve Uyumlu Renk Kombinasyonlarını Kullanmak.
- Resmine Filtreler Uygulamak
- Alt Menü Tasarımı
Ana Sayfamızda Yeni Alt Sayfalar Tasarlamak
- “Ödül Logosu (amblem)” Tasarımı
- Ödül Sayfası İçin Slogan, Button Tasarımı ve Vektör Nesneler Kullanmak
- Tabak Görseli Dekupe ve Tasarımda Kullanma
- Yemek Menüsü Galeri Sayfası Tasarımı
- Yorum Sayfası Tasarımı
- Video Play Sayfası Tasarımı
- Footer (alt kısım) Tasarımı
Açılır Ana Menü Tasarımı
- Açılır Menü Tasarımı
Alt İçerik Sayfalarını Oluşturmak
- Hakkımızda sayfası tasarımı
- İletişim Sayfası Tasarımı
Yaptığımız Tasarımın Dışarıya Aktarılması (Export)
- Tasarımı Bütün Olarak Dışarıya aktarmak
- Tasarımda Kullanılan Nesnelerin Parçalar Halinde Dışarıya Aktarılması
Kapanış
- Hoşçakalın
HTML / CSS GİRİŞ
- HTML / CSS GİRİŞ
Bir CSS Dosyası Oluşturma ve Kullanma.
- Bir CSS Dosyası Oluşturma ve Kullanma.
Logo ve Menü Alanı
- Logo ve Menü Alanı
Menü Yapısı
- Menü Yapısı
Menü İconları
- Menü iconları oluşturmak
Web İçin Harici Font’lar Kullanmak
- Harici Font Dosyaları Kullanma
Açılır Menü
- Açılır menü yapılışı
Banner Alanı
- Banner alanı kodlaması
Slogan ve Button Alanı
- Slogan ve Button kodlaması
Ödül Sayfası
- Ödül sayfası
Galeri Sayfası Kodlaması
- Galeri sayfası kodlaması
Galeri Safası Ok Butonları
- Ok buttonları eklemek
Yorum Sayfası Kodlaması
- Yorum sayfası kodlaması
Yorum Sayfası Ok Buttonları Kodlaması
- Yorum sayfası “Ok” buttonları
Video Sayfası Kodlaması
- Video Sayfası Kodlaması
Video Sayfası için LightBox Kullanmak
- JavaScrip kullanarak LightBox yapmak
Footer Sayfası Kodlaması
- Footer Sayfası Kodlaması
Footer Sayfası Sosyal Medya İconlarını Eklemek
- Sosyal medya iconları eklemek
Sidebar Menü Kodlaması
- Sidebar Menü Kodlaması
Sidebar Menü Açıp/Kapatma Etkileşimi
- Sidebar Menü Açıp/Kapatma Etkileşimi
Kapanış
- Kapanış konuşması

Time remaining or 212 enrolls left

100% OFF COUPON
~~$24.99~~ (212 LEFT)

Don’t miss any coupons by joining our Telegram group