­čç╣­čçĚ Ba┼čtan Sona Bir Web Sitesi UI Tasar─▒m─▒ ve HTML/CSS E─čitimi.

  • Post category:design / Udemy
­čç╣­čçĚ Ba┼čtan Sona Bir Web Sitesi UI Tasar─▒m─▒ ve HTML/CSS E─čitimi.

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─▒

 

­čç╣­čçĚ Ba┼čtan Sona Bir Web Sitesi UI Tasar─▒m─▒ ve HTML/CSS E─čitimi.­čç╣­čçĚ Ba┼čtan Sona Bir Web Sitesi UI Tasar─▒m─▒ ve HTML/CSS E─čitimi.

Time remaining or 212 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate