Hogyan szerkeszteni egy weboldalt

Mire van szükség - Mire nincs szükség - Két lépés - Fájlok - Szerkesztők - Forrás beírás - Útmutató kezdőknek - Arany közép út

Mire van szükség

  • Agy, elsősorban
  • Szüksége lesz egy számítógépre, amelyen megy legalább valamilyen egyszerű szöveg szerkeztő program. (Windowsban Notepad - jegyzettömb)
  • Szüksége van egy webböngészőre. Újjabb számítógépeken mindig fel van telepítve - Internet Explorer (kék E betű), Firefox (róka), Opera (piros O betű), ez mind ingyen van.
  • Jól jön csatlakozás internethez. Akinek nincs csatlakozás internethez, muszáj lesz hogy legalább egyszer kis időre menjen internetre és legyen lehetősége másolni valamiről, amin oda hozza a weboldalakat (floppy, CD).
  • Muszáj lesz hogy miről írjon.
  • Nevágjanak bele ha nem tudjátok hogyan kell másolni vagy mi az a mappa.

Mire nincs szükség

  • Nincs szükség internet kapcsolatra.
  • Kimélhetnek drága vagy bonyolult programokat.
  • Nem kell tudnotok programozni.
  • Első próbákért nem kell fizetni, fizetni csak domain igényléskor kell.

Két lépés

  1. Oldal megírás = html fálj létrehozás (vagy több összecsatoltt fálj)
  2. Ennek a fáljnak kiállítása interneten

Ebben a szövegben első lépéssel fogok foglalkozni, web oldal szerkesztéssel. Először saját lemezen.

Fájlok

Web oldal egy fálj amelynek a kiterjesztése html vagy htm. Ez majdnem egyszerű szöveges fálj amely tartalmazz HTML nyelvnek a jeleket. Fálj .html kiterjesztésének van lemezen ikonja, amely mutat, hogy html fáljról van szó. Például így nézhet ki:

Oldal kinyitható két módon:

  1. Úgy nézitek meg mint egy oldalt (böngészőben), olyankor nem lehet szerkeszteni.
  2. Vagy kinyitjátok mint szöveget (például jegyzettömbben), ezt úgy nevezik hogy forrás vagy kód vagy forrás kód, azt lehet módosítani. Úgy szerkesztenek oldalakat, mint kódot.

HTML fájlokat létrehozhattok

  1. HTML szerkesztőben (kezdőknek jó),
  2. vagy írhattok rögtön forrást HTML nyelvben (igényel több munkát, de biztosabb, szórakoztatóbb és nem is olyan nehéz)

HTML szerkesztők

HTML szerkesztő programok web oldal szerkesztésre fejlesztették ki. Kezdőknek használhatóak legfejebb wysiwyg szerkesztő programok, amelyben írtok rögtön szöveget és HTML kóddal nem foglalkoztok.

Wysiwyg szerkesztőben normálisan megírtok szöveget, beillesztenek a képek és elmenti egy HTML fáljban. Ennyi az egész, szerkesztő program kitölti összes HTML jeleket egyedül.

Wysiwyg szerkesztőkből ismerem Dreamweaver, Frontpage 2000 (2002 és 2003 verzió magyarul is van), NVU és még egy pár, de nem túl jó programokat. Wysiwyg programoknak természetesen vannak hátrányaji, fő hátránya a létrehozott kódnak vitás minősége. Ez kezdettre mindegy.

  • Wysiwyg szerkesztő gyártók azt mondják: Mi programunkkal szerkeszthetnek oldalakat HTML tudás nélkül!
  • Én mondom: HTML nyelvben szerkeszthetnek oldalakat valamilyen komplikált program haasználat nélkül.

Wysiwyg szerkesztők mellet még vannak kódszerkesztő programok, amelyekben csak kódot írtok, de a program sokat segít azzal (tölt, súg stb.) Kódszerkesztő programok: HomeSite, EasyPad, UltraEdit, PSPad, jEdit, stb., szükség esetben jegyzettömb is. Egyszerűen szöveg szerkesztő programok. De itt már a második lehetőség web oldal készítésnél vagyok, forrás beírásnál.

Web oldal készítéshez nem lehet használni Wordot.

Forrás beírás

Aki ura akar lenni körülményeknek, az beírja forrást elejétől egyedűl szöveg szerkesztőben. Meg kell tanulnia HTML nyelv alapjait, amit idővel úgyse lehet kikerülni, mert bonyolultabb dolgok wysiwyg programban rosszabb megcsinálni. Most következik egy kód bemutatás:

<html>
<head>
<title>Az első weboldalom</title>
</head>
 
<body>
  Az első HTML oldalom.
  És valamilyen további szöveg.
</body>
</html>

Ha például használtok jegyzettömbet (Notepad), beírtok előző szöveget (vagy kikopiztok), és elmentitek valahová lemezre mint fáljt például pelda1.php, elkészített az első web oldalad. Példát megjelenítheted a böngészőben.

Útmutató kezdőknek

  1. Hozzátok létre lemezen egy új könyvtárat (mappát), például C:\proba és menjetek rá.
  2. Hozzátok létre egy új fáljt (például jobb egérgomb > Új)
  3. Nevezzétek át a fáljt oldal.html-re (igazoljátok kiterjesztés változtatását), ikon fáljnál meg fog változni.
  4. Nyissátok ki dupla-klikkel. Böngészőben megjelenítt üres oldal.
  5. Klikkelj Nézet - Forrás. Elundul szöveg szerkesztő, jelenleg üres lesz.
  6. Ide írjatok valamilyen szöveget, kívánság szerint töltsétek ki bármilyen HTML jelekkel.
  7. Fálj - Mentés.
  8. Kapcsoljatok át megint a böngészőbe és nyomjatok le frissítés gombot (F5).
  9. Tekintsetek át változásokat.
  10. Esetleg menjetek vissza szöveg szerkesztőbe és újra változtássátok meg a forrást. Mentés és frissítés után megjelennek a változások.
  1. Így végtelenűl tudtok kisérletezni.

Most még a web oldal lemezen van, később fogjátok fogjátok server-re.

Web oldalra szánt fálj nevekben soha nehasználjatok se mellékjeleket se szóközeket! Ajánlom minden kis betűkkel írni (így később nem tudtok hibázni).

Arany közép út

Érdekes mód, hogyan megtanulni HTML és jó oldalakat csinálni:

  • csinálni fáljokat valamilyen wysiwyg szerkesztőben
  • nézni forrás kódot, amelyet program létrehozz
  • esetleg kicsit módosítanirajtuk és nézni, mi fog történni

Például én úgy csináltam az elején.
Copyright © 2009, Ervin Linszter