a tagjait definiálja.
Szerkesztés
A legismertebb online weboldal, weblap készítő programokról egy rövid lista:
GoDaddy
Site123
Webnode
SimpleSite
BigCommerce
Weebly
Összességében tehát azt lehet mondani, hogy ha nem rendelkezünk programozói tudással, akkor a WYSIWYG szerkesztővel, és a "drag and drop" elven működő programokkal egyszerű weboldalakat, weblapokat tudunk elkészíteni. Ha pedig rendelkezünk programozói tudással, akkor használhatunk szöveges szerkesztő alkalmazásokat is. Bejegyzésünkben a WYSIWYG szerkesztővel rendelkező weblap készítő programokat fogom bemutatni. Véleményem szerint azonban ezek a weblap szerkesztő programok nem alkalmasak arra, hogy kezdőként komplett weboldalakat hozzunk létre. Bár képesek lehetünk erre, azonban kezdőként valószínűleg nem lesz a weboldal kinézete, működése a mai elvárásoknak megfelelő. Ahhoz, hogy profi weboldalakat készítsünk sokat kell tanulni html, php, css témákban. Ugyanakkor arra alkalmasak ezek a weboldal, weblap szerkesztő oldalak, hogy egy-egy lapot elkészítsünk, vagy egy egyszerű weblapot létrehozzunk. A mai igényeknek megfelelő weboldalakat CMS rendszerekkel ( Wordpress weboldal készítés, wordpress honlap, blog készítés lépései), vagy online felületen elérhető weboldal bérléssel is megvalósíthatnunk.
HTML trükkök - Weboldal keszítés | Honlapkészítés | Wordpress
weblapk�sz�t�s jegyzett�mbbel
HTML trükkök – tutorial
• Bevezető
HTML-ben olyan technikákat mutatok meg, amelyekre ritkábban vagy gyakorta szükségünk van, hogy megfelelő honlapokat készíthessünk. • HTML szerkesztő – editor
HTML programunkat szerkeszthetjük egy editor IDE használatával. A célnak kitűnően megfelel oldalról letölthető editor. Többféle programozási nyelvet támogat, webfejlesztésre abszolút megfelelő. • Szintaktika
A HTML nyelvben tagokat használunk a programkód megírása során. Egy nyitó elemet egy záró elemnek kell követnie, de nem minden nyitó elemnek van egy záró tagja. Ez utóbbi tag például a
. A tag " />"-ra végződik, amely azt jelöli, hogy egyedül szerepel, párja nincsen. Egy egyszerű HTML forrás fájl így néz ki:
Weblap törzse…
• Táblázatok – a weboldal tagolása
Hogy minden pontosan tagolható legyen az oldalon, használjunk táblázatokat. A táblázatnak vannak sorai és oszlopai. Három hasábos weboldal esetén a program elejére és végére rakhatjuk a táblázatot, amely körülfogja az összes kódot.
A program előnye, hogy ingyenes, tartalmaz WYSIWYG szerkesztőt, ráadásul letölthetők hozzá előre elkészített sablonok, lásd alábbi képen a mintákat:
4) Xara Web Designer weboldal készítő, szerkesztő program
A Xara Web Designer funkcionalitását tekintve hasonlít a Dreamweaverhez. Ez a program sem ingyenes (kb. 50 euró), viszont kipróbálható ingyenesen. Előnye a programnak a megszokott WYSIWYG szerkesztő, előre beépített sablonok, elrendezések, melyeket drag and drop módon tudunk alkalmazni. Az alábbi képen néhány weboldal sablont tekinthetünk meg, melyekkel gyakorlatilag pillanatok alatt létrehozhatunk egy egyszerűbb weboldalt. A Xara Web Designer weboldal készítő program részletei:
A fizetős weboldal készítő, szerkesztő programok előnye, hogy a beépített sablonok segítségével gyorsan, html kód ismerete nélkül hozhatunk létre látványos weboldalakat. Egyszerű felépítésű oldalak esetén gyakorlatilag tökéletes megoldás, a fizetős weboldal készítő programok használhatósága gyakorlatilag vetekszik a bérelhető, online weboldal készítő rendszerekkel, melyekről a bejegyzés első felében írtam.
Címek formázására használjuk. Bekezdés
Használata nagyon egyszerű:
Bekezdés szövege…
A html nyelv nem érzékeny az enterre, szóközre, nem fogja külön bekezdésnek venni, ha entert ütünk egy szövegben. Hivatkozások (linkek)
Egy hivatkozás mutathat másik oldalra, vagy egyéb fájlra. (pl: pdf-re is) Használhatunk abszolút és relatív hivatkozásokat. Honlapunk összetevőit, (oldalak, képek) célszerű egy mappában tárolni. Ilyenkor nem kett az egész elérési utat megdani, elég a fájl nevét. Ékezeteket lehetőleg ne használjunk, illetve ügyelni kell a fájl kiterjesztésére is, nem mindegy, hogy jpg vagy jpeg…
Hivatkozás megadása: Felirat
Hivatkozások – horgonyok
A horgony segítségével az oldal egy adott pontjára ugorhatunk. Oldalon belülről, vagy másik oldalról is lehet rá hivatkozni. Horgony elhelyezése:
Hivatkozás rá:
Egy gond van vele, hogy elavult! Működni működik, de a html5-ös szabványtól már az id-t használjuk helyette!