Egy weboldal létrehozása 3 egyszerű lépésben

Bevezetés

• Weboldal létrehozása még sosem volt ilyen egyszerű. Ez a cikk megfelelő azok számára, akik most kezdik és online jelenlétet szeretnének, de nincs fejlett IT tudásuk. Legyen szó blogról, egy étterem bemutató oldaláról vagy egy hírportálról, mindent megkapsz, amire szükséged van egy modern és optimalizált weboldalhoz minden eszközön.

Követelmények

• Egy Hostico tárhely csomag
• Egy aktív domain

Weboldal telepítése

• A cikk címében tett ígéretnek megfelelően mindössze 3 lépésben jutunk el egy frissen megvásárolt szolgáltatástól egy elérhető weboldalig, amely sok tapasztalt fejlesztő által készített webhellyel is versenyezhet.
• A további konfiguráció érdekében, mind a tartalom, mind a dizájn szempontjából, a következő bekezdésekben foglalkozunk.

Lépés 1 - A SiteBuilder (SitePad) elérése

• Hozzá kell férnünk a webhosztolási vezérlőpulthoz, ahol telepíteni fogjuk a weboldalunk szükséges fájljait. Ezt a webhosztolási szolgáltatások megvásárlásakor kapott e-mail segítségével fogjuk megtenni (Webhosztolás adminisztrációs adatai)

• A négy vezérlőpult cím egyikét meg kell nyitni egy választott böngészőben (ajánlott Chrome vagy Firefox), hasonlóan egy normál weboldalhoz. A megnyitás után egy olyan oldal jelenik meg, amely lehetővé teszi a felhasználónév és a jelszó megadását. Ezeket az adatokat az előzőleg említett e-mailből vesszük, majd a Bejelentkezés gombbal befejezzük a hitelesítést.

• Miután csatlakoztunk a cPanelhez, átmegyünk az oldal aljára, és elérjük a SitePad Weboldal Készítő ikont a Szoftver kategóriában

2. lépés - A téma kiválasztása

•  A SitePad elérését követően a cPanel-ből átkerülünk arra az oldalra, ahol lehetséges a weboldal telepítése. Itt a új webhely létrehozása szövegre kattintunk, majd a következő oldalon rákattintunk a Kezdés gombra.

                                                                                                                                         

• A "nehéz" rész most következik! Olyan katalógust fogunk kapni, amely több mint 535 grafikai témát tartalmaz, különböző tevékenységi területekről. A téma kiválasztásának befejezéséhez semmi egyszerűbb, mint rákattintani a zöld gombra Választ

3. lépés - A telepítés befejezése

• A legutolsó rész a weboldalunkkal kapcsolatos részletek kitöltéséből áll, amely a következő:
  
  1. Weboldal címe - Itt választhatják ki a domaint, amelyre telepíteni kívánjuk a weboldalt, a könyvtárat, ahol telepítjük, és a biztonsági protokollokat. Ajánlásunk, hogy minden weboldalt HTTPS verzióval telepítsenek, és a könyvtár mezőt hagyják üresen (ha nem kívánnak alapértelmezett mappát meghatározni), így minden weboldal a predefinált mappába lesz telepítve.
  
  2. Admin E-mail - Ez az e-mail cím a SitePad panelbe való bejelentkezéshez lesz használva. Használhatnak nyilvános címeket (gmail, yahoo), vagy a weboldalukhoz tartozó e-mail címet.
  
  3. Weboldal címe - A főoldalon megjelenő cím. Lényegtelen, mit írunk, mivel később módosítható.
  
  4. Leírás - A weboldal általános leírása. A címhez hasonlóan bármilyen információt beírhatunk, mivel később módosítható.
  
  5. Weboldal nyelve - A weboldalunk az installálás után mely nyelven fog megjelenni.

 

• Jobb oldalon a kapcsolattartási adatok opcionálisan kitölthetők. Miután megbizonyosodtunk arról, hogy az összes adat helyesen van megadva, rákattintunk a Tovább a telepítéshez gombra

• Ha az összes lépést sikeresen követtük, egy megerősítő üzenetet fogunk kapni, hogy a webhely telepítése befejeződött, és a testreszabás elkezdhető a következő linkre lépve: Kattintson ide a webhely bejelentkezéséhez és a szerkesztés megkezdéséhez

• Jelenleg, ha egy böngészőben megnyitjuk a domain-t, amelyre a weboldalt telepítettük, akkor az általunk korábban választott felülettel fogunk találkozni.
  

Weboldal konfigurálása

• Ha eljutottunk ehhez a lépéshez, az azt jelenti, hogy sikeresen telepítettük új weboldalunkat. Még ha azt is gondoljuk, hogy a munka befejeződött, csak most kezdődik a tervezés és a befejezés része.
• A következőkben áttekintjük az összes olyan szempontot, amelyet módosítani kell a végső weboldal elkészítéséhez és a meghatározott célközönség hatékony megnyeréséhez.

Szövegek

• Minden előre definiált téma lorem ipsum szövegeket tartalmaz (a szövegdobozok szimulálására és egy weboldal dizájnjának értékelésének megkönnyítésére használt standard szöveg), ezeket ki kell cserélni.
• Ez a dolog egy egyszerű dupla kattintással elvégezhető a szövegdobozra. A méret, szín, betűtípus és egyéb tervezési elemek a jobb oldalon, a Cím szerkesztése
  szakaszban módosíthatók.

Képek

• Nem hiba, ha megtartjuk az eredeti képeket, mivel ezeknek nincsenek külön szerzői jogaik, de hogy elkerüljük, hogy az oldalunk azonos legyen más 1.000 felhasználóval, ajánlott (ha rendelkezünk jó minőségű képekkel), hogy cseréljük le őket.
• A ehhez helyezd az egeret a kicserélni kívánt kép fölé, majd kattints a kék ceruzára

• Itt a jobb oldalon gondoskodunk arról, hogy a Háttérstílus beállításon legyünk. Ha nem feltétlenül szeretnénk képet hozzáadni, választhatunk egy egyszínű vagy árnyékolási lehetőséget is, de ajánlott képeket használni a színek helyett.

A gombok

• Úgy hiszem, már megértetted az ötletet, bármilyen módosítás nagyon könnyen elvégezhető, és a gombok frissítése sem kivétel. Az images-hez hasonlóan a gombokat a kék ceruza módosítja, amely akkor jelenik meg, amikor az egérrel az elem fölé húzod, vagy jobb gombbal kattintva és kiválasztva az Kép doboz szerkesztése opciót

• Újra, a jobbra megjelenített menü segít nekünk megérteni azokat a szempontokat, amelyeket választás szerint meg lehet valósítani vagy el lehet távolítani. Nem fogunk minden elemet külön-külön végigmenni, mivel a kifejezések egyértelműek.

 

Oldalak

• Tegyük fel, hogy további oldalakat szeretnénk hozzáadni a weboldal tetejére, amelyek különböző szakaszokhoz vezetnek. Oldal hozzáadásához egyszerűen lépjen a Oldalak menüpontra, majd válassza a Új létrehozása lehetőséget

• A kezdeti telepítéstől fogva több oldal lesz, amelyek nevei valószínűleg nem lesznek alkalmazhatóak a projektünkre, és ezeket módosítani vagy eltávolítani kell. Ezeket a műveleteket a megfelelő oldal beállításaiból fogják végrehajtani, amelyek a SitePad logó mellett találhatók a tetején.

                                                                                                                                                                                                                                               

• A new oldal új nevét megadva, vagy egy meglévő oldal törlésével győződjünk meg róla, hogy elmentettük a módosításokat, különben, amikor elhagyjuk az oldalt, azok nem maradnak meg.

 

Widgetek

• Több mint 40 Widget használható az oldal testreszabásához. Függetlenül attól, hogy Google Térképekről, Naptárról, Táblázatokról vagy másokról van szó, egy egyszerű "kattints és húzz" művelettel bármilyen elemet nagyon könnyedén elhelyezhetünk. Ezeket az elemeket újra megtalálhatjuk az oldal jobb oldalán a Widgetek szakasz alatt

Hiperhivatkozások

• A biztosan lesznek olyan helyzetek, amikor egy másik oldalra szeretnénk hivatkozni a weboldalunkon, de nem feltétlenül gombon keresztül, hanem szövegen keresztül. Ezt hiperhivatkozások segítségével érhetjük el.
• A hiperhivatkozás hozzáadásához a szövegünkhöz ki kell választanunk a kívánt szöveget, majd jobb gombbal kell kattintanunk a Gazdag szöveg szerkesztése opcióra.

• A már ismert menüből kiválasztjuk a Link ikont, és beillesztjük a linket arra az oldalra, ahová szeretnénk, hogy a szöveg eljuttasson minket. A másik két mező, a Cím és a Cél szintén ajánlott kitölteni SEO okokból (további információ a következő bekezdésben)

SEO

• Egy ismerős fogalom, mégis a weboldal tulajdonosok jelentős része félreérti. Röviden, ezek olyan azonosítók sorozatai, amelyek megkülönböztetik weboldalunkat a többi weboldaltól az interneten, és előnyt biztosítanak a versenytársakkal szemben. Minél jobb az ezeknek az azonosítóknak az optimalizálása, annál magasabb lesz a helyezés a keresőmotorokban, és ennek következtében a látogatók száma növekedni fog.
• A weboldalunkhoz SEO optimalizálása különböző módszereken keresztül érhető el, de a legegyszerűbb módja a Site Builder által biztosított gombon keresztül történik

• A kifejezések általánosabbak, annál nagyobb lesz a verseny, és az esély, hogy az Ön webhelye a legjobb keresések között legyen, csupán ezen mezők beállításával csökkenni fog.
• Ha a kifejezések szokatlanabbak, akkor a pozicionálás jobb lesz, azonban az ezekre a szavakra keresők száma alacsonyabb lesz. Az SEO optimalizálás szempontjából megfelelő egyensúlyt kell találni.

• Ha a MetaTag-ek nincsenek beillesztve, akkor automatikusan kiosztásra kerülnek, és a valószínűsége, hogy megfelelnek az Ön webhelyének, kicsi lesz.
• Figyelembe kell venned, hogy az SEO optimalizálás egy változatos spektrum, amely folyamatos munkát igényel, és a legtöbb esetben a koncepció mélyebb megértése szükséges a jelentős eredmények eléréséhez.

 

• A változtatások megtekintéséhez szükséges újra hozzáférni a Frissítés gombhoz, amelyet korábban bemutattunk, és rákattintani a Előnézet lehetőségre. Webhelyünk a legutóbbi munkamenetben végrehajtott frissítésekkel lesz betöltve.

• Lehetőség van rá, hogy egyszer hibáztunk, vagy egyszerűen csak nem tetszik a választott dizájn, mit tegyünk, kezdjük el elölről a weboldalt? Nem. Az összes korábbi verzió megtekinthető a Történelem és Javítások szekcióban, így biztos lehet benne, hogy mindig van lehetőségünk visszatérni egy "régebbi" verzióhoz.
  

  

 

• Elkezdtem a cikket azzal, hogy azt mondtuk, hogy egy weboldal létrehozása "soha nem volt könnyebb", és hiszem, hogy Ön is így véli, most hogy a weboldala sikeresen elkészült.
  Vannak más szempontok is, amelyeket még meg kell valósítani ahhoz, hogy a weboldal "jól megvalósított" legyen, de egy kezdeti jelenlétnek ez egy sikeres start.
  A folyamat során meg fogja ismerni a weboldal készítőt, és bizonyos szempontok jobban érthetővé válnak, és könnyebben megvalósíthatóak lesznek.

Megjegyzés

• Ez a weboldal készítő egy harmadik fél által biztosított program, amelyet egy beszállítón keresztül érhet el, és nem közvetlenül a Hostico csapata fejlesztette ki.
• A webhely telepítése több domain-re is megvalósítható, még akkor is, ha azok ugyanahhoz a tárhelycsomaghoz vannak hozzáadva
• Az SSL biztonsági tanúsítványokat automatikusan generálja a cPanel, amikor az oldal telepítve van a hoszton, és nincs szükség további manuális konfigurációra
• A SitePad alkalmazás elsősorban olyan emberek számára készült, akik egyszerű weboldalt keresnek, amelyhez nem feltétlenül szükséges egy fejlesztő bevonása
• A Site Builder nem használható eCommerce típusú weboldalakhoz. Ehhez más CMS platformokat ajánlunk, mint például a Prestashop, Magento, Wordpress + Woocommerce , amelyek kifejezetten erre a célra készültek.
• Az alkalmazás nem rendelkezik előre definiált adatbázis-kezelő felülettel. Minden rekordot közvetlenül a PHPMyAdminban készítenek, és minden új bejegyzést vagy lekérdezést közvetlenül a cPanelből kell végrehajtani.