• New
• Open
• Save
• Save As

• Undo, Step Backward
• Cut, Copy, Paste
• Free Transform Path, Transform Path

• Image Size, Canvas Size, Image Rotate, Trim, Duplicatez
• Adjustments > Contrast, Levels, Vibrance

• Rulers, Guide

• Move Tool
• Marquee Tools grubu
• Quick Selection Tool, Magic Wand Tool
• Crop Tool
• Brush Tool
• Eraser Tool
• Paint Bucket Tool
• Pen Tool
• Type Tool
• Rectangle Tools
• Zoom

• Layer (Yeni oluşturma, isimlendirme, taşıma, kopyalama, katman stilleri)
• Grup Oluşturma
• Layer Position düzenlemeler
• Mask

• Metinlerle Çalışma (Font Ailesi seçimi, font büyüklüğü, font stilleri)
• Font Ailesi Yükleme

• Web temel kavramları (Sayfa yapısı, header, content, footer)
• Web standartlarına uygun çalışma alanın oluşturulması
• Örnek Arayüz Çalışması

• Genel Bakış
• HTML5’in Temel Yapısı
• DOCTYPE Bildirimi
• Character Set Bildirimi
• HTML5 Söz Dizimi Kuralları
• Tarayıcı Görüntüleme Motoru (Layout Engine) ve
• JavaScript Motoru (JavaScript Engine)
• Firefox
• Opera
• Internet Explorer
• Safari
• Chrome
• HTML5 için Tarayıcı Desteği

• accesskey
• class
• contenteditable [HTML5]
• contextmenu [HTML5]
• dir
• draggable [HTML5]
• dropzone [HTML5]
• id
• lang
• spellcheck [HTML5]
• style
• tabindex

• title
• hidden [HTML5]
• HTML5 Etiketleri
• head
• title
• base
• link
• meta
• style
• script
• noscript
• body
• section [HTML5]
• nav [HTML5]
• article [HTML5]
• aside [HTML5]
• h1, h2 … h6
• hgroup [HTML5]
• header [HTML5]
• footer [HTML5]
• address

• p
• hr
• br
• pre
• blockquote
• ol
• ul
• li
• dl
• dt, dd
• figure, figcaption [HTML5]
• div

• a
• em
• strong
• small
• s
• cite
• q
• dfn
• abbr
• time [HTML5]
• code
• var
• samp
• kbd
• sub
• sup
• i, b, u
• mark [HTML5]
• ruby, rt, rp [HTML5]
• bdi [HTML5]
• bdo
• span
• Edits
• ins
• del
• Embedded Content
• img
• map
• area
• iframe
• embed [HTM5]
• object
• param
• video, audio, source, track, canvas
• Tables
• table
• caption
• colgroup
• col
• thead
• tbody
• tfoot
• tr
• td
• th

• Interactive Elements
• details [HTML5]
• summary [HTML5]
• command [HTML5]
• menu

• querySelector() Metodu
• querySelectorAll() Metodu
• getElementsByClassName() Metodu
• matchesSelector() Metodu
• classList Özelliği
• JQuery JavaScript Kütüphanesi
• JQuery Seçicileri ile Çalışmak

• Type Selectors
• Universal Selector (*)
• ID Selectors (#)
• Class Selectors (.)
• Descendant Selectors ()
• Child Selectors ()
• Adjacent Sibling Selector
• General Sibling Selectors
• Attribute Selectors
• [ns | attribute]
• ::after
• ::before
• ::first-letter
• ::first-line
• ::selection
• :link, :visited
• :active
• :focus
• :hover
• :target
• Negation pseudo-class :not
• :checked
• :enabled, :disabled
• :default
• :invalid
• :optional
• :required
• :first, :left, :right
• :nth-child()
• :nth-of-type()
• :nth-last-child()
• :nth-last-of-type()
• :first-child, :last-child
• :first-of-type, :last-of-type
• :only-child, :only-of-type, :root, :empty

• form
• fieldset
• legend
• label
• select
• option
• optgroup
• textarea
• datalist [HTML5]
• output [HTML5]
• keygen [HTML5]
• input
• autocomplete Özelliği
• list Özelliği
• pattern Özelliği
• placeholder Özelliği
• required Özelliği
• button
• checkbox
• password
• radio
• image
• submit
• text
• reset
• file
• hidden
• email [HTML5]
• search, url, tel [HTML5]
• number [HTML5]
• range [HTML5]
• color [HTML5]
• date, month, week, time, datetime-local, datetime [HTML5]
• button
• progress [HTML5]
• meter [HTML5]

• audio
• src Özelliği
• controls Özelliği
• autoplay Özelliği
• preload Özelliği
• loop Özelliği
• video Elemanı
• source Elemanı
• HTMLMediaElement Arayüzü
• Metotlar
• Olaylar

• Domain whois bilgilerinin kontrol edilmesi
• Hosting seçimi
• Domain ve Hosting alınması
• Hosting yönetimi (FTP, Mail gibi uygulamalar)
• Web sitesinin yayınlanması

Alınan dersler sonunda sertifika almaya hak kazanabilmek için bitirme projesi verilir. Projeden geçerli not alan katılımcılar sertifika almaya hak kazanırlar.

webtasarim.cubited.org