HTML & CSS kezdőknek

HTML és CSS kezdőknek (48. rész): Az oldal megjelenik online

A bemutató összes videója HTML & CSS kezdőknek

Általában a weboldalt helyileg fejlesztik ki. Ehhez megfelelő könyvtárstruktúrát hoznak létre - amint azt már többször is bemutatták.

HTML és CSS kezdőknek (48. rész): A weboldal online megy.


Ez a struktúra végül is az, amelyet online is közzétesznek. (Itt egy statikus HTML-webhelyről beszélek. De még akkor is, ha például PHP és MySQL alapú dinamikus webhelyeket fejlesztetek, ezeket először lokálisan is elvégezhetitek. Az egyik varázsszó ilyenkor például az XAMPP). Mindenképpen ügyeljetek arra, hogy a könyvtár- és fájlneveitekben ne legyenek szóközök vagy különleges karakterek. Ezen kívül javaslom, hogy ezekben a nevekben konzekvensen kisbetűket használjatok.

Teszteljétek a webhelyeteket lokálisan alaposan. Az valóban legtöbb esetben hibamentesen kell működnie.


A megfelelő szolgáltató

Hogy egyáltalán online közzétehessétek a webhelyeteket, szükségetek van megfelelő webszolgáltatásra. (Itt abból indulok ki, hogy nem saját szerveren szeretnétek üzemeltetni, hanem webszolgáltatást bérelni egy szolgáltatónál).

Először is szükségetek lesz tárhelyre egy szolgáltatónál. Ugyanez vonatkozik a domainre is, amely végül az a cím lesz, amelyen a webhely később elérhető lesz. Mára számtalan szolgáltató van, ahol olcsón lehet webszolgáltatást bérelni. A szolgáltató és a webszolgáltatási csomag kiválasztásakor ügyeljetek a következőkre:

• Legalább 1,5 gigabájt tárhely

• Egy .de domainet tartalmazva

• Általában legalább PHP-t kell támogatnia.

• Egy MySQL adatbázisnak kell rendelkezésre állnia.

• Mindenképpen ügyeljetek a korlátlan adatforgalomra.

Különösen az utolsó pont döntő fontosságú, mivel az adatforgalomnál sokszor valódi költséglehetőségek rejlenek.

Természetesen ezek a felsorolt dolgok csak az igazi minimális követelmények a kis webhelyek számára. Aki sűrűn látogatott oldalt üzemeltet, annak természetesen tovább kell lépnie. Azonban egy kis webszolgáltatási csomagról egy nagyobbra történő laterálás általában mindig problémamentes. Kérdés esetén előzetesen érdeklődj a szolgáltatónál.

A http://www.webhostlist.de/webhosting/vergleich/ oldalon megtalálhatjátok a számotokra megfelelő szolgáltatót.

HTML & CSS kezdőknek (48. rész): A weboldal online megy



A szolgáltatóválasztás számos különböző szempont alapján kezdhető meg.

Miután kiválasztottátok a szolgáltatót, és kiválasztottátok a csomagot, valamint regisztráltátok a kívánt domainet, elkezdhetitek. A szolgáltatótól az összes releváns információt, például FTP-hozzáférést, e-mailben küldik meg nektek.

A adatok átvitele

Amint rendelkezésre állnak a szükséges adatok, átvihetitek a helyi fájlokat a weboldalra. Azonban előtte ellenőrizzétek újra a fájlokat és azokban szereplő szintaktikákat. Különösen az alábbi pontok fontosak:

• Ellenőrizzétek, hogy minden hiperhivatkozás és képpálya helyes-e. (Különösen, ha az HTML oldalakat WYSIWYG szerkesztővel hoztátok létre, előfordulhat, hogy itt helyi elérési utakat használtatok, ami online már nem stimmel).

• Ellenőrizzétek a fájl- és könyvtárneveket szóközök és speciális karakterek szempontjából.

Mindennek rendben van? Akkor most közzétehetitek az oldalakat online. Ehhez FTP kapcsolatot kell létesítenetek a webszolgáltatóval. Erről bármely FTP eszközzel lehet gondoskodni. Az egyik legjobb és ehhez még ingyenesen hozzáférhető ilyen típusú eszköz a FileZilla, amit a http://www.filezilla.de/ oldalról tölthettek le.

HTML és CSS kezdőknek (48. rész): Az oldal elérhetővé válik online.

Amikor letöltöttétek és elindítottátok a FileZilla-t, válasszátok a Fájl>Kiszolgálókezelő lehetőséget. Az ezután megnyíló párbeszédpanelen kattintsatok az Új szerver opcióra.

HTML & CSS kezdőknek (48. rész): A weboldal online megy.

A jobb ablaktartományban ki kell tölteni az FTP adatokat, amelyeket a szolgáltatótól kaptatok. Ez például így nézhet ki:

Szerver = www.saját-felhasználónév.de

Szerver típusa = FTP-File Transfer Protocol

Kapcsolat típusa = Normál

Felhasználó = ftp_sdfsdfsfd@saját-felhasználónév.de

Jelszó = A jelszavatok

Itt az FTP adatokat kell megadni. Ha szükséges, kérdezzétek meg újra a szolgáltatót.

Az Csatlakozás gombbal létrejön az FTP kapcsolat a szerverrel.

Itt az egyszerűség kedvéért azon az állásponton vagyok, hogy a weboldalt közvetlenül a weboldal gyökérkönyvtárába másoljátok. A gyökérkönyvtár azzal a perjellel kezdődik.

HTML & CSS kezdőknek (48. rész): A weboldal online megy.

Ennek a közvetlen módnak az előnye: Nincs szükség további beállításokra, az oldal akkor is elérhető lesz a http://www.te-domained.de/ címen. Tehát nem kell átirányítást és hasonlókat beállítani.

Sok szolgáltatónál a gyökérkönyvtárban alapértelmezés szerint már szerepelnek a cgi-data és cgi-bin nevű könyvtárak. És pont ezekre a szintekre kell másolni az összes könyvtárat és fájlt a helyi környezetből. Ehhez a FileZilla bal felső ablakán keresztül keressétek meg a helyi fájlokat.

Válasszátok ki a fájlokat és könyvtárakat, amelyekben a helyi adatok találhatók.

Most csak meg kell jelölni a fájlokat és könyvtárakat, amelyek az alsó ablakban láthatók. Ezt követően a jelölt könyvtárakat/fájlokat a jobb egérgombbal kattintsátok meg, majd válasszátok a Felolvaszt lehetőséget.

HTML & CSS kezdőknek (48. rész): Az oldal elérhetővé válik online

Az adatok most feltöltésre kerülnek a szerverre. Ügyeljetek arra, hogy ténylegesen minden fájl át lett-e másolva. Ha problémák merülnek fel az egyes fájlok feltöltésekor, a FileZilla alsó ablakában észrevehetitek ezeket.

Miután az összes tartalom a szerveren van, elkezdhetitek a webhely tesztelését. Ellenőrizzétek elsősorban, hogy az összes kép létezik-e, és hogy a hivatkozások megfelelnek-e.

Vége és összegzés

Így tehát a HTML-CSS sorozat végére értünk. Amit magatokkal kellett vinni, az az alapvető lépések, hogy hogyan lehet weboldalakat létrehozni HTML és CSS alapokon, majd ezeket valóban nyilvánosság elé tárni. Legfőképpen az egyik dolog világossá kell, hogy legyen: egy weboldal létrehozása hosszadalmas folyamat. Ez az első tervezéssel kezdődik, a webfejlesztésen átível, majd az oldal feltöltésével és ellenőrzésével ér véget. És most sok sikert kívánok nektek az új weboldalatokhoz!