/ ELŐKÉSZÜLETEK /


TÁRHELY BESZERZÉSE:


Miután ma már a konkrét munkába is belekezdünk, szükségünk lesz egy tárhelyre PHP és MySQL támogatással. Erre kiválóan alkalmas az Ultraweb ingyenes tárhely-szolgáltatása. Látogassunk el az uw.hu oldalra, válasszuk ki menüből ezt a szolgáltatást, majd pedig menjünk végig a regisztrációs folyamaton! (Ezzel mindenki el fog boldogulni, ezért külön nem részletezem.)

UW ingyenes tárhely


Természetesen, ha van saját tárhelyünk PHP és MySQL támogatással, használhatjuk azt is.

Miután megvan az új tárhelyünk, szükségünk lesz egy FTP feltöltésre alkalmas programra. Ezzel fogjuk Internetre tölteni a weblapunk fájljait. Én a Total Commander nevűt ajánlom, amit innen tölthetünk le.

Telepítés után válasszuk a Hálózat > FTP kapcsolódás menüpontot!

Total Commander - FTP kapcsolódás


A most megjelenő ablakban válasszuk ki az Új kapcsolat gombot!

Új kapcsolat gomb


A megjelenő FTP kapcsolat beállítása panelnél adjunk a kapcsolatnak tetszőleges nevet, a kiszolgáló nevéhez írjuk be, hogy ftp.uw.hu, felhasználói névnek és jelszónak pedig azt, amit az uw.hu a regisztrációt megerősítő e-mailben kiküldött számunkra!

FTP kapcsolat beállítása


Beállításainkat a panel alján található Ok gombbal menthetjük el.

OK gomb


Tárhelyünkre ezután a Kapcsolódás gombbal tudunk belépni.

Kapcsolódás gomb


Ekkor kapcsolódás után a Total Commander egyik paneljén megjelenik az uw.hu távoli könyvtára, ahova a weblapunk fájljait tudjuk feltölteni, a másik panelen pedig a saját gépünk egyik meghajtóját láthatjuk.

A Total Commander kezelőfelülete

 

Fájlokat kijelölni a billenytűzetünk Insert gombjával tudunk, melyeket ezután az F5 gomb megnyomásával másolhatunk át a másik panelre. Ennél bővebben nem részletezném a program használatát, ugyanis szerintem mindenki el fog boldogulni vele.


TÁRHELY KIPRÓBÁLÁSA:

Az egyszerűség kedvéért az elején nem sokkolom a nagyérdeműt bonyolult fejlesztőeszközökkel, ezért amire szükségünk lesz, az egy egyszerű Windows jegyzettömb. (Start > [ Vistánál: minden program ] > Kellékek > Jegyzettömb).

Készítsünk valamelyik meghajtónkon egy paypal nevű mappát, majd pedig mentsük el az üres szöveges dokumentumunkat oda index.html néven!

index.html elmentése


Miután azt ígértem az elején, hogy az égvilágon semmilyen előismeretet nem feltételezek, most egy nagyon rövid HTML bevezetőt vagyok kénytelen írni. Akinek nincs szüksége ilyesmire, az ugorja át a most következő részt!

A HTML a weboldalak leírásának nyelve, mindent, amit használni fogunk belőle, menet közben nagyon részletesen elmagyarázok. Egyelőre elég annyit tudni róla, hogy a nyelv < és > jelek közé tett részekből áll, melyeket tag-eknek (ejtsd: tegeknek) nevezünk.

Ilyen tag például a <p>, ami egy bekezdést jelöl. A nyitó tag-eket általában be kell zárni egy záró taggel, ami az imént említett bekezdés tagnél így néz ki: </p>. Eme két (<p> nyitó és </p> záró) tag között szerepel a bekezdés tartalma. Valahogy így:

<p>Ez egy bekezdés.</p>

Alább soronként haladunk, minden sornak pontosan kifejtem a jelentését, majd pedig egyben szerepeltetem a teljes kódot.

Rengeteg elemre nem térünk ki, amit manapság már illene tartalmaznia egy HTML kódnak. A PayPal tananyag során ugyanis végig azt a taktikát követjük, hogy elsőként az elképzelhető legegyszerűbb, már éppen működőképes megoldást fogjuk megnézni, majd pedig ezt bővítjük ki később bonyolultabb dolgokkal.


Kezdjünk tehát el gépelni!

<html>

Ezzel jelezzük, hogy HTML dokumentumot kezdünk el.

<head>

A fejléc kezdete. Itt adjuk meg a dokumentum legfontosabb jellemzőit.

<title>Próba weblap címe</title>

Megadjuk a weblap címét. Ez fog megjelenni a böngésző címsorában.

 </head>

Fejléc vége, lezárása.

<body>

A dokumentum törzsét kezdjük el vele. Ide jön a tényleges tartalom.

<p>Tárhely teszt.</p>

Egy bekezdés „tárhely teszt” szöveggel.

 </body>

Weblaptörzs lezárása.

</html>

Dokumentum lezárása.

A teljes dokumentum tehát így néz ki:

<html>
<head>
<title>Próba weblap címe</title>
</head>
<body>
<p>Tárhely teszt.</p>
</body>
</html>


Ha így elmentjük az index.html dokumentumunkat, és feltöltjük a tárhelyünkre, akkor rögtön le is tesztelhetjük a felhasználónevünk.uw.hu címen, mely nálam paypalproba.uw.hu.

Most pedig kapaszkodjon mindenki, mert holnap már a PayPal-lal fog kommunikálni a weblapunk! :)

By SoDI


 
 
0 (0)
Jelentkezz be a szavazáshoz!