Webszerkesztő-webgrafikus
tanfolyam - Debrecen

CSS3 - Webszerkesztő tanfolyam modul

• CSS ismertetése
• CSS szintaxisa
• Szelektorok
• Képek úsztatása
• Doboz modell
• Osztályok és azonosítók CSS-ben
• DOM
• Elemek elrendezése
  • block, inline, flex, grid
• Elemek pozicionálása
  • static, fixed, absolute, relative, sticky
• Reszponzív megjelenés
• Mobile First szemlélet
• Media query-k
• Nyomtatási kép
• Áttűnések és animációk

Adobe Dreamweaver - Webszerkesztő tanfolyam modul

Bevezetés

• Weblap típusok ismertetése
• Statikus weboldalak és a leíró nyelvek szerepe
• W3C szerepe a nyelvek kialakulásában
• DTD alapfogalmak
• XHTML alapok
• CSS alapok

A program kezelése

• A kezelő felület ismertetése
• Objektum paletta ismertetése
• Properties paletta ismertetése
• Egyéb paletták ismertetése
• Munkafelület használata és egyedi munkafelület kialakítás (saját menü létrehozása az objektumpalettán)

Site kezelés

• Új site létrehozása
• Site beállítások
• Site management
• Site export és import
• Távoli szerver konfigurációs lehetőségek

Weboldal beállítások

• Page properties ablak bemutatása
  • Háttér, margók
  • Betűtípusok, színek
  • Link beállítások
  • DTD és karakterkészlet beállítások
  • Modellkép beállítása

Tartalomkezelés

• Táblázatok
• DIV-ek (Rétegek)
• Linkek létrehozása
• Szöveg formázások
• Tördelés

Képi objektumok

• Kép helyfoglalók (Image Placeholders)
• Képek
• Hotspotok
• Rollover Image

Média objektumok

• Flash animáció beágyazása
• Flash videó beillesztése
• ActiveX objektumok
• Java obejktumok
• Hang beillesztések

Űrlapok létrehozása

• Űrlap elemek
• Űrlap érvényesítések

Viselkedések

• Aktív Javascript objektumok bemutatása
• Réteg Effektek
• Tulajdonság manipuláció
• Felugró ablakok
• Pozíció manipuláció

Bővítmények

• Bővítménykezelő bemutatása
• Telepítés
• Eltávolítás
• Lelőhelyek áttekintése

Adobe Photoshop - Webszerkesztő tanfolyam modul

• Kezelő felület
• Eszközök
• Paletták
• A munkaterületek kezelése, egyedi munkakörnyezet kialakítás
• Gyorsbillentyűk konfigurálása

Dokumentum és képkezelés

• Dokumentum típusok
• Új dokumentum beállításai, sablonok létrehozása
• Nézetek és nagyítások, képernyőmódok (normal, quickmask)
• Műveletek képekkel
  • Kép méret
  • Vászon méret
  • Elforgatás, tükrözés
  • Transzformáció
  • Színmód váltás

Eszközkezelés

• Transzformáció
• Kijelölő eszközök
• Webes eszközök

Rétegkezelés

• Réteg típusok áttekintése
• Rétegsorrendek
• Rétegek csoportosítása
• Új réteg létrehozása
• Láthatóság és lezárás

Web tools:

• Slice eszköz (Képek szeletelése webre)
• Webre optimalizálás
• Komplett webdesign létrehozása

Bootstrap responsive weboldal framework - Webszerkesztő tanfolyam modul

• • Keretrendszer fogalma
  • Bootstrap használata
  • Rácsrendszer
  o Reszponzív megjelenés
  • Szövegformázások
  • Bootstrap elemek
  o Kártyák
  o Táblázatok
  o Képek
  o Listák
  o Jumbotron-ok
  o Alert és egyéb üzenetek
  o Betöltőjelzők
  o Képváltók
  o Rácsok
  o Legördülőmenük
  o Navigációk
  o Modális ablakok

Animate - banner - és animáció készítés - Webszerkesztő tanfolyam modul

Bevezetés

• Az animáció alapfogalmai (TimeLine, KeyFrame, Frame, Frame Rate)
• A vektorgrafikai alapelvei
• Animate formátumok áttekintése

• Munkaterület bemutatása
• TimeLine paletta bemutatása
• Eszköztárak
• Egyéb paletták áttekintése
• Nagyítási beállítások, vonalzók, rácsok

• Kijelölések
• Transzformációk
• Színátmenet transzformációk
• Alakzatok
• Ecsetek és ceruzák
• Bélyegzők használata
• Kitöltések
• Színátmenetek

• Frame by Frame
• Shape tweening
• Motion tweening
• Motion Guide
• Maszkolás

• Graphic
• Movie Clip
• Button
• Library paletta használata
• Library export-import lehetőségek