Web Tasarım Uzmanlığı Eğitimi

İzmir’deki en detaylı içeriğe sahip web tasarım kursu ile sizi, tam donanımlı “Web Tasarım Uzmanı” yapıyoruz!
“Web Tasarım Uzmanlığı” eğitimine katılan kursiyerler uygulamalı çalışarak web sayfaları geliştirmekte ve web tasarımcıların ana özelliği olan yaratıcılık gücünü keşfetmesi için çalışmalar yapılmaktadır.  “Web Tasarım Uzmanlığı Eğitimi” ile ilgili bilgi almak için hemen formu doldurun.

Eğitimin sonunda Milli Eğitim Bakanlığı Web Tasarım Sertifikasına sahip olabilirsiniz. Bu eğitimi KOSGEB desteği ile alabilirsiniz.

Daha detaylı bilgilendirme ister misiniz? Anında dönüş yapalım!

eyJpZCI6IjE0IiwibGFiZWwiOiJrdXJzIiwiYWN0aXZlIjoiMSIsIm9yaWdpbmFsX2lkIjoiMSIsInVuaXF1ZV9pZCI6IndlZmoyIiwicGFyYW1zIjp7ImVuYWJsZUZvck1lbWJlcnNoaXAiOiIwIiwidHBsIjp7IndpZHRoIjoiMTAwIiwid2lkdGhfbWVhc3VyZSI6IiUiLCJiZ190eXBlXzAiOiJub25lIiwiYmdfaW1nXzAiOiIiLCJiZ19jb2xvcl8wIjoiIzgxZDc0MiIsImJnX3R5cGVfMSI6ImNvbG9yIiwiYmdfaW1nXzEiOiIiLCJiZ19jb2xvcl8xIjoiIzMzMzMzMyIsImJnX3R5cGVfMiI6ImNvbG9yIiwiYmdfaW1nXzIiOiIiLCJiZ19jb2xvcl8yIjoiIzFmNTdjNiIsImJnX3R5cGVfMyI6ImNvbG9yIiwiYmdfaW1nXzMiOiIiLCJiZ19jb2xvcl8zIjoiIzMzMzMzMyIsImZpZWxkX2Vycm9yX2ludmFsaWQiOiJMXHUwMGZjdGZlbiBkXHUwMGZjemVsdGluLiIsImZvcm1fc2VudF9tc2ciOiJUZVx1MDE1ZmVra1x1MDBmY3JsZXIsIGtcdTAxMzFzYSB6YW1hbmRhIHNpemkgYmlsZ2lsZW5kaXJlY2VcdTAxMWZpei4iLCJmb3JtX3NlbnRfbXNnX2NvbG9yIjoiIzRhZThlYSIsImhpZGVfb25fc3VibWl0IjoiMSIsInJlZGlyZWN0X29uX3N1Ym1pdCI6Imh0dHA6XC9cL3d3dy5pYWthZGVtaS5jb21cL3Rlc2Vra3VybGVyXC8iLCJ0ZXN0X2VtYWlsIjoiaWFrYWRlbWl3ZWJAaWFrYWRlbWkuY29tIiwic2F2ZV9jb250YWN0cyI6IjEiLCJleHBfZGVsaW0iOiI7IiwiZmJfY29udmVydF9iYXNlIjoiIiwicHViX3Bvc3RfdHlwZSI6InBvc3QiLCJwdWJfcG9zdF9zdGF0dXMiOiJwdWJsaXNoIiwicmVnX3dwX2NyZWF0ZV91c2VyX3JvbGUiOiJzdWJzY3JpYmVyIiwiZmllbGRfd3JhcHBlciI6IjxkaXYgW2ZpZWxkX3NoZWxsX2NsYXNzZXNdIFtmaWVsZF9zaGVsbF9zdHlsZXNdPltmaWVsZF08XC9kaXY+In0sImZpZWxkcyI6W3siYnNfY2xhc3NfaWQiOiIxMiIsIm5hbWUiOiJmaXJzdF9uYW1lIiwibGFiZWwiOiIiLCJwbGFjZWhvbGRlciI6Ilx1MDEzMHNpbSBTb3lpc2ltIiwidmFsdWUiOiIiLCJ2YWx1ZV9wcmVzZXQiOiIiLCJodG1sIjoidGV4dCIsIm1hbmRhdG9yeSI6IjEiLCJtaW5fc2l6ZSI6IiIsIm1heF9zaXplIjoiIiwiYWRkX2NsYXNzZXMiOiIiLCJhZGRfc3R5bGVzIjoiIiwiYWRkX2F0dHIiOiIiLCJ2bl9vbmx5X251bWJlciI6IjAiLCJ2bl9vbmx5X2xldHRlcnMiOiIwIiwidm5fcGF0dGVybiI6IjAiLCJ2bl9lcXVhbCI6IiJ9LHsiYnNfY2xhc3NfaWQiOiI2IiwibmFtZSI6ImVtYWlsIiwibGFiZWwiOiIiLCJwbGFjZWhvbGRlciI6IkVtYWlsIiwidmFsdWUiOiIiLCJodG1sIjoiZW1haWwiLCJtYW5kYXRvcnkiOiIxIiwibWluX3NpemUiOiIiLCJtYXhfc2l6ZSI6IiIsImFkZF9jbGFzc2VzIjoiIiwiYWRkX3N0eWxlcyI6IiIsImFkZF9hdHRyIjoiIiwidm5fb25seV9udW1iZXIiOiIwIiwidm5fb25seV9sZXR0ZXJzIjoiMCIsInZuX3BhdHRlcm4iOiIwIn0seyJic19jbGFzc19pZCI6IjYiLCJuYW1lIjoieW91cl9waG9uZSIsImxhYmVsIjoiIiwicGxhY2Vob2xkZXIiOiJUZWxlZm9uIE51bWFyYW5cdTAxMzF6IiwidmFsdWUiOiIiLCJ2YWx1ZV9wcmVzZXQiOiIiLCJodG1sIjoidGV4dCIsIm1hbmRhdG9yeSI6IjEiLCJtaW5fc2l6ZSI6IiIsIm1heF9zaXplIjoiIiwiYWRkX2NsYXNzZXMiOiIiLCJhZGRfc3R5bGVzIjoiIiwiYWRkX2F0dHIiOiIiLCJ2bl9vbmx5X251bWJlciI6IjAiLCJ2bl9vbmx5X2xldHRlcnMiOiIwIiwidm5fcGF0dGVybiI6IiIsInZuX2VxdWFsIjoiIn0seyJic19jbGFzc19pZCI6IjEyIiwibmFtZSI6InN1YmplY3QiLCJsYWJlbCI6IiIsInBsYWNlaG9sZGVyIjoiSGFuZ2kgRVx1MDExZml0aW0/IiwidmFsdWUiOiIiLCJ2YWx1ZV9wcmVzZXQiOiIiLCJodG1sIjoidGV4dCIsIm1hbmRhdG9yeSI6IjEiLCJtaW5fc2l6ZSI6IiIsIm1heF9zaXplIjoiIiwiYWRkX2NsYXNzZXMiOiIiLCJhZGRfc3R5bGVzIjoiIiwiYWRkX2F0dHIiOiIiLCJ2bl9vbmx5X251bWJlciI6IjAiLCJ2bl9vbmx5X2xldHRlcnMiOiIwIiwidm5fcGF0dGVybiI6IjAiLCJ2bl9lcXVhbCI6IiJ9LHsiYnNfY2xhc3NfaWQiOiIxMiIsIm5hbWUiOiJzZW5kIiwibGFiZWwiOiJCaWxnaSBcdTAxMzBzdGUiLCJodG1sIjoic3VibWl0IiwiYWRkX2NsYXNzZXMiOiIiLCJhZGRfc3R5bGVzIjoiIiwiYWRkX2F0dHIiOiIifV0sIm9wdHNfYXR0cnMiOnsiYmdfbnVtYmVyIjoiNCJ9fSwiaW1nX3ByZXZpZXciOiJiYXNlLWNvbnRhY3QuanBnIiwidmlld3MiOiIxMzA5MTciLCJ1bmlxdWVfdmlld3MiOiI2NDU3OCIsImFjdGlvbnMiOiI0MzAiLCJzb3J0X29yZGVyIjoiMTAiLCJpc19wcm8iOiIwIiwiYWJfaWQiOiIwIiwiZGF0ZV9jcmVhdGVkIjoiMjAxNi0wNS0wMyAxNTowMTowMyIsImltZ19wcmV2aWV3X3VybCI6Imh0dHA6XC9cL3N1cHN5c3RpYy00MmQ3Lmt4Y2RuLmNvbVwvX2Fzc2V0c1wvZm9ybXNcL2ltZ1wvcHJldmlld1wvYmFzZS1jb250YWN0LmpwZyIsInZpZXdfaWQiOiIxNF84OTQ2NDYiLCJ2aWV3X2h0bWxfaWQiOiJjc3BGb3JtU2hlbGxfMTRfODk0NjQ2IiwiY29ubmVjdF9oYXNoIjoiYzgyZTMyNzQ2MDJiZGNhNDRiYzRhNjlkYzhkMzc3YzIifQ==

Bu programımıza temel düzey bilgisayar kullanabilen, tercihen lise mezunu, konuyla ilgili, meraklı ve istekli olan, web alanında kendini sürekli geliştirmek isteyen, bunu bir para kazanma aracı veya kariyer hedefi olarak gören herkes katılabilir.

Web Tasarım Uzmanlığı Eğitimi’ni başarı ile bitiren adaylarımız; Web tasarım ofislerinde, reklam ajansları, tasarım stüdyoları, şirketlerin web tasarım birimlerinde, pazarlama birimleri ve e-öğrenme birimlerinde çalışma imkanı bulabilirler. Sadece bir şirkette çalışmak değil, istenildiğinde ve belli bir tecrübe kazanıldığında adaylar kendi ofislerinde çalışabilecekleri gibi serbest olarak da çalışabilir.

  • Web Tasarım Uzmanı
  • Photoshop Uzmanı
  • Fireworks Uzmanı
  • HTML-CSS Uzmanı
  • Dreamweaver Uzmanı
  • HTML5 Hareketli Banner Tasarımcı
  • UX Designer ve UI Designer

Sertifikasyonlar;

  • İ-Akademi Web Tasarım Uzmanlığı Sertifikası
  • Milli Eğitim Bakanlığı MEB Web Tasarım Uzmanlığı Sertifikası
  • Microsoft Technology Associate (MTA)
  • Microsoft Certified Solutions Associate (MCSA): SQL Database Development

Sınavlar;

  • Microsoft Exam 70-480: Programming in HTML5 with JavaScript and CSS3
  • Microsoft Exam 70-762: Developing SQL Databases
  • Microsoft Exam 98-364: Database Fundamentals
  • Microsoft Exam 98-375: HTML5 Application Development Fundamentals
  • Microsoft Exam 98-382: Introduction to Programming Using JavaScript
  • Microsoft Exam 98-383: Introduction to Programming Using HTML and CSS

Bu programımızı bitiren katılımcılarımız, uzmanlaşmak istedikleri bu alanda ileri eğitimlere katılarak kendilerini geliştirebilirler. Web Tasarım Uzmanlığı Eğitimi’ni bitiren Web Uzmanları aşağıdaki ileri eğitimlere katılabilirler;

  • .NET Developer – Yazılım ve Veritabanı Uzmanlığı
  • PHP Developer – Web Programlama Uzmanlığı
  • SQL Veritabanı Geliştirme ve Transact-SQL İle Veri Sorgulama
  • Java ile Android Programlama

  • Aklens
  • Aydem Enerji
  • CMS Jant
  • Datahan
  • Vestel Elektronik
  • Ege Pen
  • Ege Tekstil
  • Esbaş
  • Intranet
  • Weber
  • Moy Bilgisayar
  • Öğutalan
  • Pehlivanoğlu Marketler
  • Sanem Plastik
  • Teknolojik Bilgisayar
  • THYKE Lojistik
  • Tüdemsaş
  • Üstün Ambalaj

Eğitimin Amacı

Web tasarım eğitimi öğrencileri kursu başarıyla tamamladıklarında, optimizasyon edilmiş ve performanslı çalışan web sitelerinin programlaması, veritabanı yönetimi, HTML5CSS3, JavaScript, jQuery ve Bootstrap bilgisi, website tasarımı, logo tasarımı, domain, hosting bilgisi, UI Design & UX Design, sitelerin arama motorlarıyla uyumlu çalışması için gereken temel SEO teknikleri ve Wordpress içerik yönetim sistemi hakkında her şeyi A’dan Z’ye öğreneceklerdir. Ayrıca Adobe Photoshop, Illustrator, Dreamweaver, Fireworks ve Google Web Designer programlarında uygulamalı çalışarak projeler geliştireceklerdir.

 

WEB TASARIM UZMANLIĞI EĞİTİM İÇERİĞİ

HTML5 ile profesyonel düzeyde web siteleri oluşturabilir ve hazırladığınız projenizi CSS ile daha ilgi çekici hale getirebilirsiniz. Kurumsal web sitesi, portfolio siteleri, kişisel web sitesi gibi bir çok alanda iddialı ve profesyonel tasarımlar hazırlayabilirsiniz.

Dersler

  • Introduction / Giriş
  • Understanding & using HTML / HTML’i anlama ve kullanma
  • Coding / Kodlama
  • The Structure of a Webpage / Bir web sayfasının yapısı
  • Header Tags / Başlık Etiketleri
  • HTML Comment / HTML Yorum
  • Paragraph Tags / Paragraf Etiketleri
  • Formatting Text / Metin Düzenlemek
  • Images / Görseller
  • HTML Line Breaks & Rules / HTML Satır Sonları & Kuralları
  • Fonts / Yazı Tipleri
  • Block Level Elements / Blok Düzeyi Öğeler
  • Inline Elements / Satır içi Öğeler
  • Hyperlinks / Köprüler
  • List Tags / Liste Etiketleri
  • Tables / Tablolar
  • Semantic HTML5 Elements / Anlamsal HTML5 Öğeleri
  • IFrame / IFrame
  • Multimedia / Multimedya
  • HTML Forms / HTML Formları
  • DOCTYPE
  • HTML Entities / HTML Varlıkları
  • Head Section & Metadata / Head Bölümü ve Metadata
  • Scripts / Scriptler
  • DOM Hierarchy / DOM Hierachy
  • Complete webpage / Tam Web Sayfası
  • Setting Up FTP / FTP Kurulumu
  • Firefox Versions / Firefox Versiyonları
  • Setting Up a Free Hosting / Ücretsiz bir Hosting Kurulumu
  • Project / Proje

HTML5 ve CSS ile profesyonel düzeyde web siteleri oluşturabilir ve hazırladığınız projenizi CSS3 ile daha ilgi çekici hale getirebilirsiniz. Kurumsal web sitesi, portfolio siteleri, kişisel web sitesi gibi bir çok alanda iddialı ve profesyonel tasarımlar hazırlayabilirsiniz.

Dersler

  • Introduction to CSS3 / CSS3’e Giriş
  • Understanding & using CSS3 / CSS3’ü anlama ve kullanma
  • Syntax / Sözdizimi
  • Inline CSS / Satı içi CSS
  • Internal CSS / Dahili CSS
  • Classes / Sınıflar
  • IDs / ID’ler
  • Divisions / Bölümler
  • Spans / Span’ler
  • Color / Renk
  • Floating /
  • Positioning / Pozisyonlama
  • Margins / Kenar Boşlukları
  • Padding
  • Text Properties / Metin Özellikleri
  • Aligning Text / Metin Hizalama
  • Links / Linkler
  • Backgrounds / Arka Planlar
  • Borders / Kenarlıklar
  • Lists / Listeler
  • Width and Height Properties / Genişlik ve Yükseklik Özellikleri
  • Rotate & Resize / Döndürme & Yeniden Boyutlandırma
  • Classification / Sınıflandırma
  • External CSS / Harici CSS
  • Advanced Selector / İleri Seçiciler
  • Pseudo Classes / Pseudo Sınıfları
  • Gradients & Shadows / Gradyenler ve Gölgeler
  • Transformations & Animations / Dönüşümler & Animasyonlar
  • Layout & Calculations / Düzen & Hesaplamalar
  • Project / Proje

JavaScript, yaygın olarak web tarayıcılarında kullanılmakta olan dinamik bir script dilidir. JavaScript ile etkileşimli ve dinamik web siteleri oluşturmak mümkündür. JavaScript dilini öğrenerek tasarladığınız web sitesini dinamik hale getirebilir, istemci taraflı çalışan ve sayfayı hareketlendirecek objeler eklemek için kod yazabilirsiniz.

Dersler

  • Introduction to JavaScript / JavaScript’e Giriş
  • Basics of JavaScript / JavaScript’in Temelleri
  • Internal JavaScript / Dahili JavaScript
  • Accessing Elements / Öğelere Erişme
  • Types & Objects / Tipler ve Objeler
  • Variables / Değişkenler
  • Arrays / Diziler
  • Conditional Statements / Koşullu İfadeler
  • Loops / Döngüler
  • Functions / Fonksiyonlar
  • DOM (Document Object Model)
  • Events & Listeners / Olaylar ve Dinleyiciler
  • Manipulating Content with JavaScript / JavaScript ile İçeriği Değiştirme
  • Manipulating Styles with JavaScript / JavaScript ile Stilleri Değiştirme
  • Debugging JavaScript / JavaScript’te Hata Ayıklama
  • Application of JavaScript / JavaScript’in Uygulanması
  • External JavaScript / Harici JavaScript
  • Modules / Modüller
  • JavaScript Libraries / JavaScript Kütüphaneleri
  • Project / Proje

jQuery, kod yazma işlemlerini minimuma indirerek kısa zamanda daha efektif, hızlı ve daha çok işi yapmamızı sağlayan bir JavaScript kütüphanesidir. Bu teknoloji ile animasyonlar, slaytlar, foto galerileri, tab menüler gibi göz alıcı tasarımlar yapmak oldukça kolaydır.

Dersler

  • Introduction to jQuery / jQuery’ye Giriş
  • Basics of jQuery / jQuery’nin Temelleri
  • Using jQuery in Webpages / Web sayfalarında jQuery Kullanma
  • Detecting Events / Olayları Farketmek
  • Manipulating Content with jQuery / jQuery ile İçeriği Değiştirme
  • Manipulating Styles with jQuery / JQuery ile Stilleri Değiştirme
  • Fading Content / İçeriği Soldurma
  • Animating Content / İçeriği Hareketlendirme
  • AJAX
  • Regular Expressions / Düzenli İfadeler
  • Form Validation / Form Doğrulama
  • Introduction to jQuery UI / jQuery UI’a Giriş
  • Draggables & Resizables / Sürüklenebilirler & Boyutlandırılabilirler
  • Droppables / Silinebilirler
  • Accordion & Sortables / Akordiyon & Sıralanabilirler
  • Project / Proje

Bootstrap ile ekstra bir ayar gerektirmeden web sitelerinizi; cep telefonu, tablet, laptop, masaüstü bilgisayar ekranlarına uyumlu (responsive) hale getirebilir, kullanıcılara daha iyi bir deneyim yaşatabilirsiniz. Bootstrap açık kaynak kodlu ve ücretsiz olması nedeni ile kolaylıkla elde edilip web uygulamaları içerisine entegre edilebilmektedir.

Dersler

  • Introduction to Boostrap 4 / Boostrap 4’e Giriş
  • Basics of Boostrap 4/ Boostrap 4’ün Temelleri
  • Responsive Design with Bootstrap / Bootstrap ile Responsive Tasarım
  • The Grid System / Izgara Sistemi
  • Introducing Navbars / Gezinti Çubuğu Tanıtımı
  • Forms & Tables / Formlar ve Tablolar
  • Bootstrap Components / Bootstrap Bileşenleri
  • Modals, Popovers & Tooltips
  • ScrollSpy
  • Free Bootstrap Themes / Ücretis Boostrap Temaları
  • Project / Proje

Bilgisayarımıza kurulan ekstra programların sayesinde, bilgisayarımızı bir sunucu gibi kullanmamızı sağladığımız işleme Localhost denir. Eğitimin bu modülünde uygulamalı olarak Localhost kurulumu yapmayı öğrenecek ve Localhost’ta çalışarak işlemler yapmayı öğreneceksiniz.

Dersler

  • XAMPP Kurulumu, Localhost Nedir ve Dizin Oluşturma
  • Hazırlanan Web Site Projesinin Online Yayına Alınması
  • Compress Tekniği İle Web Sayfasını Hızlandırma
  • FTP Bağlantısı, Veri Transferi ve Web Sitesini Test Etme, Site Yedekleme ve Taşıma

5 Saat (Tek Ders Olarak Katılım Gösterebilirsiniz)

Hızla gelişen internet sektörü büyüdükçe farklı uzmanlık alanları ortaya çıkmakta. Bu alanların başında User Interface (UI) ve User Experience (UX) yer almaktadır. UX ve UI sayesinde projeniz içerisinde gezinen kullanıcılara eksiksiz ve benzersiz bir deneyim yaşatmak mümkün.

Dersler

  • UX ve UI Nedir?
  • Kullanıcı Algısı
  • Kullanılabilirlik
  • UX, Kullanıcı Gözünden Site Tasarımı
  • Mantıksal Akışlar Taslakları & Wirefram
  • Wireframe Araçlarının Kullanımı
  • Prototip Testi

Adobe Photoshop öğreneceğiniz bu derste, çalışmalarınızı piksel tabanlı platformda yapmayı öğreneceksiniz. Photoshop web araçlarını ayrıntılı olarak kullanacağınız bu eğitimde, layerlar ile çalışmayı ve layer efektlerini de detaylı bir şekilde öğreneceksiniz. Ardından yapılan bu çalışmalar üzerinde çeşitli efektler vermeyi öğreneceksiniz. Sıfırdan web sitesi arayüz tasarımı oluşturduktan sonra, tasarımları nasıl responsive (duyarlı)  hale getirmeniz gerektiğini ve kullanıcı odaklı web site tasarımının nasıl yapılması gerektiğini öğreneceksiniz.

Dersler

  • Introduction to Adobe Photoshop CC / Adobe Photoshop CC’ye Giriş
  • Basics of Adobe Photoshop CC / Adobe Photoshop CC Temelleri
  • Color Management / Renk Yönetimi
  • Artboards
  • Wireframes
  • Imagery & Stock Photos
  • Custom Graphics
  • Alignment Tools
  • Symmetry, proper spacing and white space
  • Layer Styles & Panel
  • Contrast
  • Eraser, Gradient & Paint Bucket
  • The Brush Tool & Layer Masks
  • The Magic Wand & Quick Selection Tool
  • Pen Tool
  • Shapes and Selections
  • Typography / Tipografi
  • Blending modes
  • Main Menu
  • Layout, Content, Header & Footer
  • Hero Area
  • Buttons
  • Clipping Mask
  • Smart Objects
  • Adobe Generator
  • Layer Comps
  • Glyphs
  • Responsive Web Design / Responsive Web Tasarımı
  • Import & Export / İçe ve Dışa Aktarma

Adobe Illustrator vektörel çalışmalarınızda ve ilüstrasyon çalışmalarınızda iyi çözüm sunabilen, dünya genelinde kendini kanıtlamış vektörel bir çizim programıdır. Bu eğitimde programın kullanımı için gereken araçları öğrendikten sonra çeşitli efektler ile çalışmalarınızı daha tasarımsal güzellikte yapmayı öğreneceksiniz. Illustrator Programı ile; çok yönlü çizim araçları ile farklı web objeleri yaratmayı öğrenirken, aynı zamanda hayal gücünüzün sınırlarını zorlayacaksınız.

Dersler

  • Introduction to Adobe Illustrator CC / Adobe Illustrator CC’ye Giriş
  • Basics of Adobe Illustrator CC / Adobe Illustrator CC Temelleri
  • Artboard / Çalışma Yüzeyi
  • Navigation / Gezinti
  • Working with Vectors / Vektörlerle Çalışma
  • Properties Panel / Özellikler Paneli
  • Creating Basic Forms / Basit Formlar Oluşturma
  • Creating Basic Documents / Basit Belgeler Oluşturma
  • Toolbar Fundamentals / Araç Çubuğu Temelleri
  • Working with Objects / Nesnelerle Çalışma
  • Appearance of Objects / Nesnelerin Görünümü
  • Drawing / Çizim
  • Coloring / Renklendirme
  • Brushes / Fırçalar
  • Images / Görseller
  • Typography / Tipografi
  • Understanding Logos Basics / Logo Temellerini Anlama
  • Color Physhology / Renk Psikolojisi
  • Refine Logo Ideas / Logo Fikirlerini İyileştirme
  • Developing Sketches / Skeç Geliştirme
  • Work Area / Çalışma Alanı
  • Qualities of Effective Logo Design / Etkin Logo Tasarımının Nitelikleri
  • Logo Design Principles / Logo Tasarım Prensipleri
  • Advanced Techniques / İleri Teknikler
  • Export and Integration / Dışa Aktarma ve Entegrasyon

Dreamweaver bir HTML Editörüdür. Bu editör bize görsel bir çalışma ortam sunar, yaptığımız her projeyi arka planda HTML’e çevrilir ve web sayfası görünümü ile sayfaları oluşturmamızı sağlar. Eğitimin bu bölümünde, Dreamweaver kullanmayı öğrenmekle beraber görsel ve kod editöründe uygulamalı çalışarak sıfırdan web site tasarımı yapmayı öğreneceksiniz.

Dersler

  • Introduction to Adobe Dreamweaver CC / Adobe Dreamweaver CC’ye Giriş
  • Basics of Adobe Dreamweaver CC / Adobe Dreamweaver CC Temelleri
  • Creating a New Website in Dreamweaver / Dreamweaver’da Yeni bir Web sitesi Oluşturma
  • Preview Website / Web sitesi Önizleme
  • Moving Tags Around in Dreamweaver / Dreamweaer’da Etiketleri Dolaştırma
  • Create & Edit CSS / CSS Oluşturma & Düzenleme
  • Container Using / Container Kullanımı
  • Responsive Websites / Responsive Web siteleri
  • Make a website change for mobile cell phones & tablets / Telefon ve tablette değişen Web sitesi yapımı
  • Test Dreamweaver website on a mobile phone or tablet / Dreamweaver web sitesini mobil veya tablette test etme
  • Mobile Navigation Menu using JQuery / JQuery kullanarak Mobil Navigation Menu Yapma
  • Adding Content / İçerik Ekleme
  • Using HTML5 with Dreamweaver / HTML5 ile Dreamweaver Kullanımı
  • Templates in Dreamweaver / Dreamweaver’da Şablonlar
  • Responsive Content / Responsive İçerik
  • Upload a website to the internet hosting via Dreamweaver / Dreamweaver kullanarak web sitesini internet hostinge yükleme

Bu modülü tamamladıktan sonra şunları yapabilirsiniz:

  • Dreamweaver’da şablonları etkin olarak kullanabilme,
  • Web sitesinin mobil, tablet ve masaüstü sürümlerini oluşturabilme,
  • Burger menüyle kendi özel duyarlı navigasyonun menünüzü oluşturabilme,
  • Web sitenizi yayınlama,
  • Tasarımlarınızda güzel web yazı tipleri kullanma,
  • Illustrator’dan nasıl bir tasarım içe aktaracağınızı bilme ve profesyonel bir web sitesi oluşturma.

Eğitimin bu modülünde Fireworks arayüzünü öğrenmekle beraber, JavaScript menüler oluşturma, animasyonlu resimler, butonlar, ikonlar yapmayı öğreneceksiniz. Bunların yanı sır projelerinizi web sayfası olarak kaydetmek için gereken ayarları da detaylı bir şekilde göreceksiniz.

Dersler

  • Introduction to Adobe Fireworks CS6 / Adobe Fireworks CS6’ya Giriş
  • Basics of Adobe Fireworks Cs6 / Adobe Fireworks CS6 Temelleri
  • Slicing Techniques / Slicing Teknikleri
  • HTML & CSS Export / HTML & CSS Dışa Aktarma
  • Fireworks Extensions / Fireworks Uzantıları
  • Lorem Ipsum Extension / Lorem Ipsum Uzantısı
  • Working With the The Common Library / Common Library ile Çalışma
  • Building a Web Page in PNG Format / PNG Formatında Web Sitesi Yapma
  • Fireworks Export Features / Fireworks Dışa Aktarma Özellikleri
  • 3 Slice Technique / 3 Slice Tekniği
  • Optimizing Images / Görsel Optimizasyonu
  • Create & Edit CSS / CSS Oluşturma & Düzenleme
  • Preparing a PNG File for Export / Bir PNG Dosyasını Dışa Aktarmaya Hazırlama
  • The Pages Panel / Sayfa Paneli
  • Creating a Master Page / Master Page Oluşturma

Bu modülü tamamladıktan sonra şunları yapabilirsiniz:

  • Fireworks’un nasıl çalıştığını anlama,
  • Bir web sayfasındaki HTML ve CSS’nin temellerini anlama,
  • Bir Fireworks web sayfası tasarımını bir HTML ve CSS web sayfasına dönüştürme,
  • Web sayfasını oluşturmak için tasarımınızı doğru bir şekilde dilimlemenin önemini anlama,
  • Fireworks içindeki CSS Export özelliğini anlama,
  • Fireworks uygulamasının yeteneklerini, uzantıları kullanarak temel programın ötesine taşıyabilme,

Web sayfasını oluşturmak için tasarımınızı doğru bir şekilde dilimleyebilme.

8 Saat (Tek Ders Olarak Katılım Gösterebilirsiniz)

Bu modülde Google Web Designer programının tasarım ve kod görünümünü kullanarak, çizim araçları, metin ve 3D nesneler ile içerik oluşturma, nesneleri ve etkinlikleri bir zaman çizelgesinde canlandırarak hareketli banner ve reklam materyalleri oluşturmayı öğreneceksiniz.

Dersler

  • Farklı Boyutlarda Hareketli Banner Tasarımları Yapma
  • Kalem Aracı ve Şekil Araçları ile alışma
  • HTML Kod Görünümünde Tasarımları Düzenleme
  • Bannerleri Farklı Cihazlara ve Gereksinimlere Göre Düzenleme
  • Nesneleri 3D Görünüme Çevirme
  • Akış Düzeni ile Nesneleri Hizalama
  • Animasyon Hazırlama
  • Nesneleri Gruplama ve Sarmalama
  • Banner Reklam, Geçiş Reklam ve Dinamik Reklamlar

15 Saat (Tek Ders Olarak Katılım Gösterebilirsiniz)

WordPress, açık kaynak kodlu içerik yönetim sistemidir. WordPress ile çok hızlı ve güvenli bir şekilde web sitesi oluşturabilir ve site içi SEO kurallarını yerine getirerek arama motorları sorgu sonuçlarında üst sıralarda yerinizi alabilirsiniz.

Eğitimin bu modülünde uygulamalı olarak kurumsal web sitesi oluşturma ve oluşturduğumuz internet sitesini Google arama motorunun beklediği kritelere göre optimize etmeyi öğreneceksiniz.

Dersler

  • Domain ve Hosting İlişkisi
  • WordPress Sistemine Giriş
  • WordPress Kurulumu, Yönetimi ve Ayarları
  • Sektöre Göre Tema Seçimi, Ayarları ve Özelleştirme
  • Doğru Eklenti Seçimi, Eklentilerin Avantaj ve Dezavantajları
  • Uygulamalı Kurumsal Site Kurulumu ve Online Olarak Yayınlama
  • Site Yedekleme ve Taşıma
  • Cpanel ve FTP ile Hosting Bağlantısı Kurma ve Site Üzerinde Değişiklikler Yapma
  • Site İçi Temel (On-Page) SEO Teknikleri
  • Site İçi SEO Ayarlarının Doğru Şekilde Yapılandırılması (Title, Description, Keywords, Sitemap, Robots Ayarları)
  • Arama Motorları Tarafından Hızlı İndex Alma Yöntemleri
  • Sitenin Arama Motorları Sıralamalarındaki Konumunu Yükseltme Teknikleri
  • Site Hızlandırma ve Optimizasyon Çalışmaları; Css, JavaScript, Resim, HTML, Cache (Önbellekleme), Minify (Sıkıştırma)
  • Araçlar; Google My Business, Google Analytics, Search Console (Webmaster Tools),Yandex Metrica Hakkında Bilgiler
  • İnternet Reklamcılığı: Google Adsense ve Adwords Hakkında Bilgilendirme
  • Arama Motorları Üzerinde Otoriterlik Kazanma Teknikleri ve Google Cezalarının Nedenleri.
  • Bitirme Projesi

Bu modülü tamamladıktan sonra şunları yapabilirsiniz:

  • WordPress sitesi oluşturma,
  • Google ve diğer arama motorlarında daha üst sıralarda yer almak için WordPress sitenizi optimize etme,
  • Arama motorlarının nasıl çalıştığını ve ne aradıklarını anlama,
  • Arama motorlarının tam olarak ne sunduğunuzu anlamalarına yardımcı olmak için web sitenizin temel kodunu ve meta verilerini optimize etme,
  • SEO dostu bir WordPress teması seçme ve şablon ayarlarını doğru şekilde yapılandırma,
  • Sitenizin hızını ve performansını artırma (Google bunu bir sıralama sinyali olarak kullanır),
  • Herhangi bir konuda yüksek dereceli içerik hedeflemek ve oluşturmak için doğru anahtar kelimeleri seçme.

Web Tasarım Uzmanlığı Dokümanları

pdf-icon

Web Tasarım Uzmanlığı

Kurs No 020
Ders Süresi 95 Saat
Günler (Hafta Sonu) Cumartesi, Pazar
09:00 - 13:45 / 14:00-19:00
Günler (Hafta İçi) Salı, Perşembe
19:00 - 21:45

Hemen Bilgi Alın!

Formu Doldurun, Sizi Bilgilendirelim