Barion Pixel

Weboldalkészítés

Mit mivel?

Bevált eszköz-szoftver-szolgáltató lista

Mit milyen sorrendben?

Elvégzendő feladatok listája sorrendben

Szabó Orsi

Oktató, Digitális Iskola

A szerzőről

6 éve online oktató vagyok, a Digitális Iskola elindítója és a tanfolyamok készítője.
Nagyon sok weboldalam volt és van, másoknak is készítettem már különféle weboldalakat.

Az évek során, nagyon sok kísérletezés, próbálgatás során mára már bevált, kialakult eszközlistával és felépített feladatlistával dolgozom egy-egy új weboldal elkészítésekor.

A sok éves tesztelést, próbálgatást spórolhatod most meg ezzel a listával.

Bevezetés

Ma már programozási tudás nélkül is nagyon sokféle lehetőség van arra, hogy bárki weboldalt készíthessen magának.

De az is igaz, hogy sokszor éppen ez a na-gyon sokféle választási lehetőség akadá-lyozza meg, hogy weboldalad legyen.

Mert annyi rengeteg az elérhető informá-ció, olyan sok a választási lehetőség az egyes területeken, hogy egyszerűen nem tudod eldönteni, melyik lenne jó, melyiket kellene megtanulni. A bőség zavara…

De az is gyakori probléma, hogy hiába a sok ingyenesen is elérhető információ, amiket innen-onnan összeszedsz, ha azok nincse-nek rendszerbe szervezve, ha épp az alapok nincsenek meg hozzá, ha pont azt nem tudod, hogy hol is kellene elkezdeni az egészet, és mit milyen sorrendben kellene elvégezned – akkor nem vagy sokkal előrébb.

Az elején, pont úgy, mint te, én is úgy kezdtem, hogy mindenhová feliratkoztam, mindenhol olvastam a témában – aztán teljesen elborítottak az információk, mégsem álltak össze kerek egésszé.

Nem volt egy olyan sorvezető, ami mentén végig tudtam volna menni lépésről lépésre – így hosszú évekbe tellett, mire mindezeket magamnak kikísérleteztem. Te most megspórolhatod ezt a sok időt.

Ami nekem bevált, azokból készítettem neked egy eszköz-szoftver-szolgáltató listát, és egy lépésről lépésre vezető, elvégzendő feladatok listáját.

Természetesen nem csak ezen az egyféle módon lehet elkészíteni egy weboldalt, nem csak az ajánlott eszközökkel és szolgáltatókkal.

Ezek azok az eszközök, szolgáltatók, amik nekem hosszas kísérletezgetés, próbálgatás, tesztelgetés után a legjobban beváltak.

Ha eddig téged is épp a bőség zavara tartott vissza attól, hogy elkezdd a weboldal készítést, és jól jönne egy „sorvezető”, hogy mit mivel hogyan és milyen sorrendben kellene tenned, hogy elkészüljön az oldalad – akkor kövesd bátran ezt a listát.

Milyen eszközök kellenek egy weboldalhoz?

DOMAIN NÉV ÉS TÁRHELY

Egy tárhelynél fontos az elérhetőség, gyorsaság, és nagyon-nagyon fontos az ügyfélszolgálat milyensége is: hogy mennyire gyorsan reagálnak, ha problémád van (mert lesz), milyen gyorsan oldják azt meg, és mennyire segítőkészek. És persze az ár sem mellékes.

Tizenéve készítek magamnak weboldalakat, ez idő alatt több tárhelyet kipróbáltam.

A saját (szubjektív) szempontjaim és a tapasztalataim alapján akiket minden szempontból szívből ajánlok: a MikroVPS.

Itt pl. egy 5 GB-os, cPaneles, SSD tárhely éves díja 10 ezer Ft alatt van, ekkora tárhely már nagyon sok mindenre elég lehet (de ettől kisebb tárhelyük is van).

Domain név is vásárolható itt, ami azért is jó, mert egy helyen kezelheted a tárhelyed és a domain neved, így kevesebb plusz beállítást igényel.

Nekem legutóbb elég spéci problémáim adódtak a tárhelyemen egy másik szolgáltatóval kapcsolatban, ami feladta a leckét mindkét félnek, de maximális segítőkészséget tapasztaltam a MikroVPS szakembereitől, türelmesen, segítőkészen állnak a felmerülő problémákhoz, és hamar megoldják.

(Ezzel szemben voltam már olyan tárhelyszolgáltatónál, ahol sokszor előfordult, hogy napokig, sőt hetekig többszöri emailre sem kaptam válasz, nemhogy megoldást…)

WEBOLDAL PLATFORM

Ha programozni nem tudsz, mindenképpen szükséged lesz olyan alkalmazásra, amiben el tudod készíteni a weboldaladat.

Létezik sokféle ingyenesen használható weboldal szerkesztő, de ezeknél előbb-utóbb mindig elő szokott jönni valami hiányosság, épp az nincs benne, amire pont szükségünk lenne. Korlátozottak a használati lehetőségeik.

Sokféle weboldal készítő kipróbálása után nálam a WordPress lett a favorit.

A WordPress egy világszerte nagy nép-szerűségnek örvendő tartalomkezelő rendszer, neves cégek is előszeretettel használják.

Szinte bármi megoldható vele, rengeteg bővítmény van hozzá, amik egészen extrém funkciókat is megoldanak.

A WordPress maga ingyenes, csak kell hogy legyen hozzá saját tárhelyed (lásd előző pont).

Nagyon sok kiegészítő is ingyenesen elérhető, vagy van ingyenes része, vagy a fizetős kiegészítőknek előbb utóbb akad ingyenes alternatívája.

Folyamatosan fejlesztik, frissítik, újítják, így tulajdonképpen ha WordPress oldalad van, olyan, mintha lenne egy saját fejlesztőcsapatod is.

Nyílt forráskódú, ami azt jelenti, hogy bárki, aki ért a programozáshoz, tud hozzá fejleszteni újabb és újabb kiegészítőket, így akár arra is van lehetőség, hogy egyedi  fejlesztésekkel is kiegészíthesd, ha van rá igényed és lehetőséged.

WEBOLDAL ÉPÍTŐ

Bár a WordPress önmagában is használható a weboldal felépítésére, nekem mégis sokkal inkább bevált az Elementorral való oldal építés.

Az Elementor is egy kiegészítője a WordPressnek, és annyi rengeteg pluszt ad hozzá, hogy vétek kihagyni.

A segítségével igazán profi weboldalakat legózhatunk össze magunknak – szó szerint. Az Elementorban ugyanis kész blokkokból rakhatjuk össze kedvünk szerint a weboldalunkat, mint amikor legóból építünk házat.

Az Elementornak van ingyenes és fizetős verziója is – nagyon sok mindenre elég az ingyenes is, de a fizetős változata is megfizethető.

És ha ez még mind nem lenne elég: az Elementorhoz is számtalan kiegészítő található, így igazán óriási a felhasználható elemek, kivitelezhető funkciók száma.

Az Elementor kezelőfelülete magyar, nagyon felhasználóbarát, könnyen elsajátítható a felépítése, logikája, és nagyon nagy mértékben testre szabhatóak az elemei.

Így óriási szabadságunk van a weboldalunk profi szintű felépítésében – még programozói tudás nélkül is.

WEBOLDAL GRAFIKÁK

Ha weboldalt készítünk, ahhoz kelleni fognak különféle grafikák:

  • Logó
  • Weboldal ikon
  • Illusztrációk, képek
  • Ikonok
  • Hirdetések
  • Plakátok, szórólapok

És az sem árt, ha kisebb videók is feldobják az oldalunkat, színesítik a tartalmat, mondanivalót.

Mindezek elkészítéséhez tökéletes eszköz számunkra a Canva.

A Canva egy professzionális online grafikai szerkesztő program, aminek a segítségével szinte bármilyen grafikai anyagot elkészíthetünk, amire szükségünk van – profi minőségben.

Van ingyenes és fizetős verziója is, az ingyenes is nagyon sok mindent tud, a fizetősnek sem túl drága a havi díja.

Számtalan grafikai típushoz találunk itt rengeteg kész sablont, amiben csak átírjuk a szöveget, vagy megváltoztatjuk a színeket, estleg kicseréljük a képet – és máris kész a saját grafikai anyagunk.

Videó készítésre is van lehetőségünk a Canvában: könnyen, gyorsan készíthetünk kisebb reklám vagy tájékoztató videókat, de akár prezentációkat is.

Sőt, még akár az is lehetséges, hogy az elkészített grafikáinkat nyomtatásban is kérjük, különböző formákban (könyv, névjegy, póló, bögre, stb.)

Roppant sokoldalú szoftver, és ezt is folyamatosan fejlesztik mindig vannak újdonságok.

Milyen lépésekkel építhető fel egy weboldal?

WEBOLDAL FELÉPÍTÉS LÉPÉSEI

Én az alábbi lépések szerint szoktam végighaladni a weboldal építés folyamatán.

  1. Domain és tárhely megvásárlása
  2. WordPress telepítése a tárhelyre
  3. SSL tanúsítvány beállítása
  4. Saját domaines email cím létrehozása
  5. Szükséges pluginok telepítése, beállításai
  6. Elementor telepítése, beállításai
  7. Weboldal sablon kiválasztása, beállításai
  8. Kötelező és alap aloldalak szerkezeti elkészítése
  9. Menü elkészítése
  10. Weboldal grafikák elkészítése (logó, ikon)
  11. Weboldal szövegek megírása
  12. Weboldal illusztrációk, képek, videók elkészítése
  13. Tartalom összeállítása
  14. Űrlapok integrálása
  15. Funkciók tesztelése, linkek ellenőrzése

Ha ezt a sorvezetőt követed, könnyebb lesz rákeresned az egyes feladatok megoldási módjára, ha már tudod, hogy éppen aktuálisan mit kell megoldani.

Esetleg ennél is több segítségre, részletesebb, a kivitelezés hogyanját is lépésről-lépésre megmutató segítségre van szükséged?

WordPress weboldal készítés tanfolyam

MEGNÉZEM!

Ezzel az online kurzuscsomaggal teljesen a nulláról kezdve is felépítheted a saját WordPress weboldaladat.

Apró lépésekre szétbontott leckékben, rövid videókkal, leírásokkal, képes magyarázatokkal illusztrálva haladhatsz végig a weboldalkészítés útján, a domain és tárhelyvásárlástól kezdve egészen a kész weboldalig.

Az összes teendőn végigmegyünk, azokat apró részfeladatokra bontva mutatom meg, egyszerűen megérthető és könnyen lemásolható formában.

Ha naponta fél órát rá tudsz szánni, megnézed, elolvasod a leckéket, és meg is valósítod a benne látottakat – kevesebb mint egy hónap alatt elkészülhetsz a saját WordPress weboldaladdal.

Összesen 64 leckében kapsz egy nagyon átfogó, könnyen kereshető tartalmú tudásanyagot, amihez bármikor visszatérhetsz, ha valamit elfelejtenél.

TARTALOM:

  • TÁRHELY ÉS DOMAIN
    Domain név kiválasztása, ellenőrzése, megvásárlása
    Tárhely (+domain) regisztráció és vásárlás
    Domain összekapcsolása tárhellyel
    cPanel tárhely beállításai
  • WORDPRESS WEBOLDAL
    WordPress telepítése, sablon kiválasztása
    Alap oldalszerkezet elkészítése
    Menü elkészítése
    Legfontosabb pluginok, telepítésük
    Sablon beállításai
    Biztonsági mentés beállítása
    Weboldal lementése, költöztetése többféleképpen
  • GDPR
  • ELEMENTOR WEBOLDAL ÉPÍTŐ
    Elementor telepítése, legfontosabb beállításai
    Elementor szerkesztőfelület megismerése
    Elementor elemek
    Elementor sablonok készítése, exportálása, importálása
    Oldalak tartalmának összeállítása, tartalomfeltöltés
  • WEBOLDAL DIZÁJN
    Weboldal kinézete, dizájnja
    Színpaletták, betűtípus választás
    Szabadon használható képek
    Képszerkesztés Canva-val

Üzemeltető: Digitális Iskola, Szabó Orsolya e.v., Cím: Balmazújváros, Bem József u. 15/a Adószám: 66893633129
E-mail: info@digitaliskola.hu  | ÁSZF | Impresszum | Adatkezelési nyilatkozat