Ismertető
Az alap_weblap témaköreinek használati útmutatója.
- A bal felső sarokban, minden témakörnél látható, a Németjuhász kutya fotója.
- Erre a fotóra kattintva, visszajutunk a kezdő weboldalra.
- Bátran kattintgassuk végig a weboldalakat, hogy rálátásunk legyen azok tartalmára.
- Ha, eltévednénk, kattintsunk a Németjuhász fotójára, és visszajutunk a kezdő oldalra, vagy a zöld nyílra témakörönként visszafelé lépkedéshez, ahonnan, további témaköröket ismerhetünk meg.
Hogyan segít az alap weblap, ha kezdő vagy, azaz még nem készítettél weblapot.
Kezdetben, az alap weblap témakörei közül, a következő sorrend szerint haladjál!
- Az alap weblap témakörei közül válaszd az alapismereteket
- Az alap weblap témakörei közül válaszd a témakörök jegyzékét, és azon belül, az Alapismeretek kezdőknek. Témakört.
- Az alap weblap Natúr xhtml - fájl, végső megoldás a kezdéshez
- Az alap weblap Kezdő gyakorlatok, lépésről - lépésre
- Ha a fenti részekkel megvagy, akkor kattintgasd végig az alap weblap összes weboldalát, ezzel rálátásod lesz a témakörök tartalmára
- Ha megismerted az alap weblap témaköreinek tartalmát, bátran belevághatsz a saját weblapod elkészítésébe.
- Saját weboldalad készítése közben probléma lenne, semmi gond, válaszd ki az alap weblap témakörei közül a neked szükséges témakört, és másold át a saját weboldaladra.
Kiknek ajánlom, a weblap alapismeretekben leírtakat:
- Mindenkinek, korosztálytól függetlenül. Kezdőknek és haladóknak.
- Akik az XHTML és CSS, azaz stíluslap előnyeit még nem próbálták ki.
- Magánszemélyeknek: Bemutatkozáshoz vagy bemutatóhoz, önéletrajz készítéshez, újítások és egyedi ötleteik közzétételére, valamint tetszés szerinti témakörök közzétételére.
- Kis és középvállalkozásoknak: Vállalkozásuk, cégük bemutatásához, szolgáltatásaik és termékeik fényképes ismertetőjéhez, tetszés szerinti témakörök közzétételére.
- Nem csak közzétételre, hanem saját részre is. Ha sok hasznos témakör van számítógépünkön, akkor ezeket is elkészíthetjük weblap formátumban, így a keresett témakör egy kattintással megjelenik előttünk, majd gyorsan továbbjuthatunk egy másik témakörünkre.
- Szórakozáshoz. Tedd próbára barátaidat, ismerőseidet, vagy szervezz egy versenyt a suliban, ki tud jobb weblapot készíteni.
Weblap készítésének minimális feltétei:
- Windows 98
- Digitális fényképezőgép
Az itt bemutatásra kerülő weblapok készítésénél, arra törekedtem, hogy azok is bátran belekezdjenek, kik nem rendelkeznek szuper képszerkesztő és rajzprogrammal.
A fotókat a legegyszerűbb digitális fényképezővel készítettem és a Windows98 paint rajzprogramjával szerkesztettem.
Rajzokat is, a Windows98 paint rajzprogramjával készítettem, ami mindenki számára elérhető
A rajzok elkészíthetők egy rajzlapon is, melyet egy olcsó lapszkennerrel is bevihetünk a számítógépbe, vagy az így készült rajzot lefotózzuk és bemásoljuk.
Ha rendelkezik digitális fényképezőgéppel vagy lapszkennerrel, a hozzájuk kapott telepítő CD lemez is tartalmaz képszerkesztő programot, mely tovább segíti a kész képek szerkesztésében.
A témakörök között könnyen mozoghatunk, bármerre is járunk a németjuhász fotójára kattintunk, azonnal visszajutunk a kezdőlapra, a zöld nyílra kattinva, témakörönként lépkedhetünk visszafelé, majd választhatunk másik témakört.
A weblap készítés nem egy őrdöngőség. Mint minden szakmát, ezt is az alapoknál kell kezdeni, ebbe próbálok segíteni.
Bízz magadban, még te is lehetsz profi webmester, lényeg a kitartás.
Első lépés:
- Tanulmányozd az alapismeretek témakört.
- A számítógépeden hozz létre egy új mappát és nevezd el tetszőleges néven.
- A számítógépeden nyisd meg a jegyzettömb programot.
- Az alapismeretek témakörben található html - fájl (képes bemutató) tartalmát írd be.
- A kezdő <p> címke és a záró </p> címke közé írtakat nem kell beírni.
A kezdő és záró p címkék közé, a saját dokumentumod tartalmát írd be.
Mentsd el az előre elkészített mappádba index.html néven.
Az első fájl neve mindig index, a kiterjesztése pedig html (index.html)
A további fájlokat tetszés szerinti névvel láthatod el, de kiterjesztésük szintén html legyen.
(Elnevezés lehetőleg egy szó legyen, ékezetes és nagybetűket ne használj.)
Második lépés: CSS, azaz stíluslap elkészítése.
- A számítógépeden nyisd meg a jegyzettömb programot.
- Az alapismeretek témakörben található css, azaz stíluslap bemutató 4. pontjában leírtakat írd be. Kezdetnek ennyi is elég. A további stílus meghatározást, később is beírhatod.
- Mentsd el az előre elkészített mappádba (könyvtáradba) css kiterjesztéssel tetszőleges néven, de ékezetet ne használj. Például: elso.css
Azon fájlok, melyek a html - lapok formáját adják ( css, azaz stíluslapok) kiterjesztése mindig css legyen.
- Most vissza kell térni az index.html - laphoz és amilyen elnevezést adtál a css, azaz stíluslapnak ( elso.css ) ezt az elnevezést kell beírni a link sorban található, stíluslapunk neve szavak helyett.
<link href="stíluslapunk neve.css " rel="stylesheet" type="text/css "/>
Harmadik lépés:
- A számítógépeden lévő Internetböngésző programmal nyisd meg az index.html fájlt, és már láthatod is az első weblapodat.
- A html lapra mostantól további szövegrészek, képek helyezhetők el, és ezek a stíluslappal tovább formázhatók, azaz meghatározható, hogy hogyan jelenjenek meg a weblapon.
- A html és css lapokat, minden módosításkor menteni kell, majd ezt követően a böngésző programban a Nézet (view ) menü, Frissítés (Reload ) kell kattintani, vagy az "F5" billentyűt kell leütni!
Végezetül:
Ha mégsem sikerülne elkezdeni, valamilyen programbeírási hiba végett, akkor a megrendelhető adathordozón a megoldás.
Melyeken, megtalálható a fent leírtakat tartalmazó html és css fájl, ezeket csak be kell másolni és már kezdhetjük is a weblapunk további szerkesztését.
A saját számítógépünkön annyi weblapot készíthetünk, amennyit csak akarunk. Ezeket rajtad kívül senki nem fogja látni, mindaddig még fel nem telepítjük az Internetre, azaz közzé tesszük. Ezért mindenki bátran vágjon bele, sosem késő elkezdeni, de minél előbb annál jobb.
Egyre több olyan Internet Szolgáltató van, melyeknél ingyen is elhelyezhető a weblapunk.
Levelezési cím
Levelezési cím: sebestyenjani@freemail.hu
Erre a címre küldhető:
- Észrevétel.
- Javaslat.
- Ötletek. XHTML és css lappal kapcsolatban.