Reszponzív weboldal készítés

Miért tanuljon meg reszponzív weboldalt készíteni?

Ha gondolkodtál már olyan weboldalak készítésén, amelyek nemcsak PC-n vagy notebookon, hanem okostelefonon és tableten is kiválóan működnek, a legjobb helyen jársz! A reszponzív webdesignt (RWD) éppen erre találták ki. Lényege, hogy egyetlen sitebuild segítségével mindhárom megjelenítőn (PC-notebook képernyő, tablet és okostelefon kijelző) rugalmasan működő webdizájnt kölcsönözhetünk egy weboldalnak.

A mindennapokban óriási mennyiségű tartalmat érünk el okostelefonjaink segítségével. Senki sem szereti, amikor egy weboldal megtekintése nehézkes, a rajta található tartalom rosszul van tördelve, és a szöveges részek nehezen olvashatók. Ezt a problémát hivatottak megoldani a reszponzív weboldalak. A képernyőkön/kijelzőkön minden optimális méretben,- helyen,- tördeléssel jelenik meg, ami sokkal kényelmesebbé teszi utunkat a világhálón.  A reszponzív weboldal készítés tanfolyam hozzásegít, hogy Te legyél az, aki nagy szakértelemmel készítheti ezeket a weboldalakat, akár nagyobb vállalatoknak is.

 

Reszponzív weboldal készítés

A reszponzív webdesignt illetően két fő szemlélet létezik:

A Mobile first metódus, melynek lényege, hogy a mobil felületeket helyezi előtérbe, nem pedig a monitoron való megjelenést. Először mobil felületre kezdődik meg a weblap készítése, majd ezután jönnek a tabletek és monitorok.

A másik elterjedt módszer a Content first nevet viseli. Ennek alapelve a progressive enhancement. Ezt magyarul úgy mondhatnánk, hogy folyamatos növelés. A weboldal megnyitásakor mindig a legfontosabb közölni kívánt tartalom jelenik meg az adott eszközön, minden más weboldalelem pedig mellékes. Ahogy növekednek az erőforrások (nagyobb kijelző, nagyobb sávszélesség), úgy jelenik meg egyre több elem a megnyitott oldalon.

A RWD egy virágzó szakma számos lehetőséggel, hogy hasznát vedd kreativitásodnak. Ha érdekel mindez, várunk Téged reszponzív weboldal készítés kurzusunkon!

Előfeltétel

  • Érettségi
  • Alapfokú angol nyelvtudás

Indulással kapcsolatos adatok

Indulás:

2017.09.05.

Oktatási napok - időpontok:

kedd - csütörtök |  17.30 - 20.45

Időtartam - óraszám:

2 hónap - 80 óra

Összköltség - részletfizetés:

80 000 Ft +Áfa (101 600 Ft) | 2 x 40 000 Ft +Áfa (50 800 Ft)

Igazoló dokumentum:

Tanúsítvány

A tanfolyam tematikája

Belépés a HTML világába – Mi is a HTML? Az FTP és a dokumentum struktúra alapján
  • A HTML megismerése. Hogyan néz ki egy HTML dokumentum
  • A HTML dokumentum formátum és szabályok megértése. Szerepe, fontossága
  • A META címkék használata és szerepe. Kiemelt figyelemmel a SEO szempontokra.
  • FTP (File Transfer Protokoll) segéd programok szerepe, fontossága és
Szövegek, linkek, listák
  • Az alapvető tartalmi és formátum kódolásának megértése
  • Hogyan működnek hyperlinkek
  • Hyperlinkek készítésének elsajátítása
  • Hogyan készítünk horgonyt?
  • A listák működésének megértése. Hogyan használjuk ezeket egy weboldalon
    • Rendezett listák - ’Ordered list’
    • Nem rendezett listák - ’Unordered list’
    • Egymásba ágyazott listák
  • A speciális karakterek szerepének megértése és használata egy HTML dokumentumban.
  • Táblázatok, képek, használhatóság, elérhetőség
    • Táblázat létrehozása, sorok, oszlopok
    • Mikor előnyös egy táblázat alkalmazása és mikor válasszunk más megoldást (A responzívitás elvének szem előtt tartásával)
    • Egy kép beillesztése a weboldalba
      • Méretek, felbontás és a ’title’, ’alt’ tag jelentősége.
    • Hozzáférhetőség
      • Hivatkozások (teljes és relatív forma)
      • Megírt kód ellenőrzés
      • Kód validálás
    Űrlapok
    • Űrlapok felépítésének elemei
    • Az űrlap struktúra megértése és használata
    • Űrlapok készítésének elsajátítása.
    • Válaszüzenetek generálása
    Alap CSS tudomány és fontossága a mobilbarát weboldalak készítése szempontjából
    • Hogyan készítsünk CSS osztályokat és azonosítókat (id)
    • CSS használata weboldalon (@media screen alkalmazása)
    • Bootstrep keretrendszer megismerése, alkalmazása.
    • Stílus lap kapcsolatának létrehozása a weblappal
    Projekt
    A korábban tanultak alapján egy reszponzív weboldal elkészítése