Hogyan tanuljam meg a HTML nyelvet?

[Papp Norbert]

Hello!

Én szeretnék csinálni egy honlapot csak nem tudom hogy kell.

Nem tudna valaki adni egy linket ahol le van írva a webszerkesztés lépésrõl lépésre?

[Darcy Tucker]

Ha vennéd a fáradságot és visszaolvasnád a topic további oldalait, akkor meg is találnád a kérdésedre a választ. Egy csomó link és program fel lett sorolva, ami jól jöhet kezdetekkor (és persze késõbb is).

[eremit]

@Papp Norbert

 

Látogass el a régi fórumra! Nagyon sok jó dolog van ám ott!

[zsoltchelsea]

ÖÖ én jegyzettömben szeretnék weboldalt csinálni Mennyivel nehezebb, mintha ezzel a programmal csinálnám?

Annyival nehezebb (kezdőknek lehet furcsa), hogy a notepadben nincsenek a sorok számozva, így ha nem figyelsz és elrontod, akkor nehezebb átlátni... Szerintem. PHP forráskódot másoltam kézzel (pötyögősen), mert sietni kellett, aztán utána alig láttam, hogy mit rontottam el!

 

A Jegyzettömb helyett használhatsz egy ingyenes progit: Alleycode (ez nem csak HTML-t visz). Számozott sorok, kis méret (nem sokkal nagyobb, mint a jegyzettömb), és az elejét megadja (a nyitócimkéket, azt hiszem csak azokat).

[Laali]

Elnézést, ha szabálytalan lenne, egy hírlevél, amit nemrég kaptam, még 31-én érvényes:

 

>>> Az Oktatóvideók weboldal hírlevele

[sz.jános]

Ez nagyon jó oldalnak tünik, remélem, hogy nem elhamarkodott a véleményem.

 

[VINIKOR]

Én mindenképp megveszem. 12 ezer Ft-ot is megér!

 

A letölthetõ ingyenvideók linkjei:

Apache - PHP - MySQL telepítése - ÚJ VERZIÓ!

http://www.oktatovideok.hu/ingyenes/apache_php_mysql.zip (telepítõ fájlok)

http://www.oktatovideok.hu/ingyenes/apache...mysql_video.zip (a videók)

 

WEB-lapok készítése (1 elõadás + gyakorló feladat)

http://www.oktatovideok.hu/ingyenes/web.zip

 

DHTML: látványos WEB-lapok (3 elõadás)

http://www.oktatovideok.hu/ingyenes/dhtml.zip

 

PHP-programozás (3 elõadás + gyakorló feladat)

http://www.oktatovideok.hu/ingyenes/php.zip

 

Vízszintesen mozgó szöveges reklámcsík készítése

http://www.oktatovideok.hu/ingyenes/reklamcsik.zip

 

Egy kis trükk: 'menekülõ gomb' készítése

http://www.oktatovideok.hu/ingyenes/menekulogomb.zip

 

Háttérzene használata a WEB-oldalon

http://www.oktatovideok.hu/ingyenes/hatterzene.zip

 

Felbukkanó (pop-up) reklámablak készítése

http://www.oktatovideok.hu/ingyenes/popupablak.zip

 

Saját '404 - a lap nem található' hibaüzenet készítése

http://www.oktatovideok.hu/ingyenes/404hiba.zip

 

Az EditPlus 2 szerkesztõ program beállításai

http://www.oktatovideok.hu/ingyenes/editplus2.zip

 

Edited May 31, 2006 by Spányik Balázs

[sz.jános]

Én már megrendeltem!

Viszont azt ki tudja, hogy hol lehet a legolcsóbban EditPlus2-t venni?!

(Mert nem vagyok abban bíztos, hogy a FrontPage progi kód részében korrektül lehet-e mindezt alkalmazni...)

 

[Oke]

www.xlabor.hu -n is elkészült a HTML oktatás kezdõknek cikksorozat. Értékelnétek? Egy kezdõ is megértheti?

[payskin]

Lehetek kegyetlenül őszinte, vagy megsértődsz és inkább ne legyek?

---

A témához konkrétan hozzászólva, azt hiszem, hogy manapság HTML-t tanulni már nem érdemes.

 

Amit érdemes tanulni:

• az XHTML 1.0 Strict
• a CSS
• és a kettő ötvözése semantikusan felépített oldalakban

Semantikus oldalakon azt értjük, hogy az XHTML kód nem tartalmaz semmilyen formázást -- formázni a CSS-sel fogunk --, a tagek pedig az oldalelemek funkciója szerint kerülnek az oldalba (cím, címsorok, bekezdések, listák stb.), és nem pedig designelemként.

 

De a legfontosabb, hogy megtanuljuk a szabványos XHTML-t és a szabványnak megfelelő, valid oldalakat készítsünk!

 

Semmi mást nem érdemes tanulni és tanítani, mert minden máson messze túlhaladt az idő.

[Giraffe1]

Balázst azzal egészíteném ki, hogy mindehhez egy kis diszkrét JavaScript. Vagyis:

 

íl: tartalom: XHTML

íl: forma: CSS

íl: funkcionalitás: JavaScript

 

És ha mindezt alaposan átgondolja valaki előtte, akkor az oldal akkor is élvezhető, ha valakit csak a tartalom érdekel (pl. régi böngésző, kis képernyőfelbontás, esetleg valamilyen látás- vagy mozgásszervi betegség), míg a CSS és a JS a "bónusz" - szebb, áttekinthetőbb kinézet, kényelmesebb használat stb.

 

És mindez "fűszerezhető" némi szerveroldali programozással (pl. PHP), látványos, interaktív grafikákkal (pl. Flash), és még sok minden "divatos" tehnológiával (pl. AJAX)...

[payskin]

Igen, teljesen egyetértek, de ez már a haladó csoport. Első osztályban maradjunk az alapoknál.

 

Sajnos egy dolgot nem lehet tanítani: a szépérzéket, pedig ez elengedhetetlenül fontos ahhoz, hogy olyan weboldalakat hozzunk létre, amelyekről nem fordul el fintorogva az ember, hanem szívesen olvassa, látogatja. Különösen a hosszabb szövegek megfelelő megjelenítése (tördelése) nagyon fontos, és ehhez viszont nem árt némi tipográfiai előismeret sem.

 

Tehát attól, hogy fejből fújjuk az XHTML-t és a CSS-t, még nem feltétlenül csinálunk majd szép, olvasható, használható weboldalakat.

 

Még mielőtt mindenkinek elvenném végleg a kedvét: az XHTML és a CSS alapok kb. 1 hét alatt simán megtanulhatók kis odafigyeléssel és némi gyakorlással. Nem nagy varázslat. A szépérzéket pedig tapasztalat útján lehet fejleszteni, igényesen megcsinált, szép weboldalak nézegetésével. Szép tipográfiára jó példa: A List Apart, és ha már ott vagyunk, rögtön tanulhatunk is valamit a webdesign legkíválóbb tanáraitól. (Angolul tudni -- legalább olvasási szinten -- ebben a szakmában kötelező, anélkül nem rúgsz labdába!)

[Oke]

Köszönöm az õszinte választ. Igazatok van. Ismerem az xhtml szabványt, a css-hez értegetek. Megkérhetnélek benneteket, hogy csak fussatok bele az anyagba, hogy érthetõ-e, csak azért, mert az xhtml anyagot ebbõl alakítom ki.

[Oke]

Elkészült az xhtml oktatás 1.része.

[h.arpad]

Sajnos egy dolgot nem lehet tanítani: a szépérzéket, pedig ez elengedhetetlenül fontos ahhoz, hogy olyan weboldalakat hozzunk létre, amelyekről nem fordul el fintorogva az ember, hanem szívesen olvassa, látogatja.

Ennyire szubjekív témát lehet, hogy kár is lenne tanítani. Minden oldalnak más a célközönsége. Ezért mondom, hogy egy tehetséges designer és egy jó programozó kell egy oldalhoz, mert a kettőt egyszerre nehéz jól megcsinálni (persze, akinél a szépérzék és egy programozó szemlélete is megvan...) Vagyis lehet, hogy érdemes egy társat is munkába fogni.

[payskin]

Szóval, lehetek őszinte?

 

1. Szerintem nem néz ki jól. Nincs szépen tördelve, nem jó olvasni. Erről beszéltem odafönt, mint szépérzék, mint alapvető tipográfiai ismeretek.

 

2. De az a fő baj, Oké, hogy nem tudsz annak a fejével gondolkodni, akinek írod ezt az oktatást. Nem oktatsz, hanem darálsz lefelé olyan dolgokat, amelyek számodra természetesek.

 

Az abszolút kezdő számára nem mond semmit az, hogy "HTML4 vagy XML 1" (???), az "egységesebb megjelenítés szabályok alapján", vagy a "le lehet ellenőriztetni weblapunkat" sem -- ezekből egy szót nem értenek. Programozásról beszélsz, miközben sem a HTML, sem az XHTML nem programozási nyelv, és a weboldalak létrehozása nem programozás. Szóval, az abszolút kezdő az első bekezdésed után csukja be az Acrobatot.

 

A tagek bevezetése is elég zavaros, például hamarabb mutatsz példát a bezárásra, mint hogy egyáltalán beszélnél a bezárásról. Amiről egyébként azt tudjuk meg, hogy kisebb-nagyobb jel közé tesszük és van benne egy perjel. De hogy mit zár be, a másik mit nyitott ki??? Egyáltalán mik ezek? Miről beszélünk? A kegyelemdöfés az olyan tag, ami egy tagból áll. És az egészre egyetlen példát nem sikerül mutatni, miközben a következő mondatban pedig már valami teljesen másról beszélsz. Azt főleg nem értem, hogy jön ebbe a bekezdésbe, hogy mivel szerkesztünk xhtml dokumentumokat. Ezt még a legelején kéne tisztázni, azzal együtt, hogy egyáltalán mi az az xhtml dokumentum.

 

A helyedben összeraknék egy nagyon egyszerű mintaoldalt, amiből látszik az xhtml oldal szerkezete, néhány egyszerűbb tag, mint

,

, esetleg egy rövid lista. Majd ez alapján kezdeném el magyarázni az egészet: mi az, amit látunk, mik ezek a jelek között levő dolgok, mi a szerkezete az oldalnak, miről szól a DOCTYPE, hány féle van, miért ezt használjuk, mit definiálunk a headben, mi van a bodyban stb.

 

Szóval, ahelyett, hogy a kezdő számára teljesen érhetetlen és értelmetlen karaktersorozat végére odaírod, hogy "Ezentúl így kezdjük a munkát", kéne mutatni egy egyszerű példaoldalt, amit akár ő is bepötyöghet a Jegyzettömbjébe, nézze meg, mi történik, aztán elmagyarázni szépen lassan, jól érthetően, hogy mik is ezek a dolgok.

 

Ezen a linken megtalálod a Lynda.com XHTML oktatóvideójának tematikáját. Láthatod, hogy épül fel, sőt, az első hat mozit meg is lehet nézni. Nyilván nem kell ilyen irgalmatlan hosszú és baromi unalmas bevezetőt csinálni hozzá, de az látszik, hogy honnan és hogyan kéne elindulni, és merre kéne menni, hogy egy jól felépített, jól használható oktatóanyagot állíts össze.

 

+ Helyesírás!

+ Szebb, áttekinthetőbb, logikusabb tördelés. (A kódot például nem ugyanazzal a betűkészlettel írnám, mint a szöveget.)

[Oke]

Igen Tisztelt Spányik Úr!

 

Egy szülõ vagyok, akinek nyolcadik osztályos fia tisztelettel és bizalommal fordult Önhöz, mint egyik példaképéhez. Õszinteséget várt, és nem egy nagyképû, bántó modorú kioktatást. Az õszinteséggel nincs is baj, ám ami a stílust illeti... Sajnos ilyen emberek, mint Ön, nem jó példakép sem gyermeknek, sem felnõttnek. Megjegyezném, hogy a fiam teljesen autodidakta módon tanulta és tanulja a webszerkesztést és -programozást, ami szerintem az írásából egy "profinak" kitûnik. Az ilyen lelkes és okos gyermekeknek, felnõtteknek építõ módon kellene támogatást és bíztatást kapnia, nem megalázást. Az osztálytársai pedig, akik teljesen kezdõk, jelenleg is hasznosítják fiam "oktatását". Valószínûleg a középiskola és egyetem elvégzése után majd profibb lesz, és megfelel egy "nem csak profiknak" reklámozó újságnak.

Õszinteségét köszönve, modorát és hozzáálását elítélve: egy büszke szülõ.

[Giraffe1]

Kedves Szülõ!

 

Nem tisztem és nem feladatom Balázst megvédeni, de visszaolvasva az Ön írását és az õ hozzászólását, azt kell mondanom, hogy több dologban sincsen igaza. Mint szintén szülõ maximálisan meg tudom érteni az Ön elfogultságát, ám a negatív (egyébként teljesen jogos) kritika és a "nagyképû, bántó modorú kioktatás" között igen sok különbség van - és Balázs írása az elõbbi kategóriába tartozik.

A fórum - és általában az internet - egyik jellemzõje a név- és arctalanság. A hozzászólásokból igen nehéz megállapítani a hozzászólók nemét, korát, végzettségét és egyéb fontos tulajsonságait. Egy tanárnak az osztályozáskor figyelembe kell vennie a gyerekek korát, azt hogy mit tanított neki, sõt, az egyéni képességeket is. De erre nincs lehetõség akkor, ha csak egy írást lát valaki, aminek szerzõjérõl csak annyit tud, amennyi annak írásából kiderül.

Balázs vette a fáradtságot, beregisztrált (anélkül a cikket nem lehet elolvasni), figyelmesen elolvasta a cikket, összeszedte a benne talált hibákat, és mindezt - egyáltalán nem nagyképûen - leírta, sõt, javaslatokat adott, hogyan kellene a hibákat kijavítani.

Úgy vélem érdemes lenne újra elolvasnia az ominózus hozzászólást. Objektíven, indulatok nélkül - esetleg elfogulatlanul.

[payskin]

Hagyd, Giraffe, nem érdemes!

 

Én volt a hülye, hogy megírtam. Valami hatodik érzékem megsúgta, hogy ez lesz belõle, ezért kérdeztem elõször, hogy lehetek-e õszinte. Hallgatnom kéne a megérzéseimre. Mindegy.

[Giraffe1]

Véleményem szerint egy objektív kritikából igen sokat lehet tanulni - ahogyan ezt többen bemutatták itt a fórumon is. Igenis van értelme véleményt kérni és véleményt írni egy oldalról, egy cikkrõl vagy bármi másról, ha a kérdezõ nem "fényeztetni" akarja magát, hanem tanulni. A webes technológiák ezerrel rohanó területén nem szégyen kérdezni, mert nem hiszem, hogy lenne bárki, aki minden területhez profi szinten értene, sõt, még azokban a technológiákban is elakadhat bárki, aki egyébként igen jól ért ahhoz a témához.

Pl. a fotozz.hu-n nagyon jól látszik, hogy vannak, akik azért teszik fel a képeiket, mert tanulni akarnak, és odafigyelnek a kritikákra, és vannak, akik csak azért töltenek fel képeket, hogy a dicséreteket besöpörjék, és ha valaki 4-est mer adni, és megelmlít egy valóban szemetszúró hibát, akkor már "leüvöltik az illetõ haját".

Azt pedig tudod jól, hogy ha "nagyképû, bántó modorú kioktatást" tartottál volna, akkor - privátban vagy nyilvánosan - tõlem is megkaptad volna a megjegyzéseket, illetve már jó páran jöttek volna a "Balázsnak néha ilyen a stílusa, nem kell vele foglalkozni" stílusú megjegyzések a "brancstól".

Nem szoktam "védõbeszédeket" tartani, de most egy picit kiakasztott, hogy a kért kritikára ilyen stílusú válasz jött.

 

Mottó: ha a kérdésedre nem kívánt választ is kaphatsz, akkor inkább ne tedd fel a kérdést.

[payskin]

Jó, elolvastam még egyszer, valóban fogalmazhattam volna finomabban is. De a problémák azok tények, akár rózsaszín selyempapírba csomagoljuk, akár nem, és az alapvetõ problémák ott vannak leírva egymás után.

 

Tudom milyen rossz, amikor két felnõtt a jelenlétemben egyes szám harmadik személyben beszél rólam, úgyhogy nem reagálok a dologra érdemben.

 

Oké, bocs, ha megbántottalak, nem állt szándékomban. Ha úgy gondolod, hogy érdemes a dologról beszélni, akkor gyere, és beszéljünk róla. Ilyen és ehhez hasonló konfliktusok csõstül szakadnak az ember nyakába az életében, és nem lesznek mindig ott a szülõk, hogy elbújhassunk mögéjük. Én pedig nem az az ember vagyok, akivel ne lehetne bármit értelmesen megbeszélni.

 

[enjoys1ng1ng]

Kedves Szülõ!

 

Spányik Balázs "véleményezése" nem volt sem nagyképû, sem bántó modorú. Sõt! Konkrét támpontokat adott a fejlõdéshez, utat mutatott, hogy merre tovább visz felfelé az út. Ha az ön gyermeke intelligens (ami ebben a szakmában elég fontos tulajdonság) akkor örül az "útravalónak" és azt követve tanul tovább, ha pedig elakadt valamiben, ide mindig jöhet kérdésekkel. Ha nyolcadikos akkor már nem ötéves, s valószínûleg az iskolában is kapott már "csak hármast" valamire és nem mindig ötöst... Én személy szerint mindig jobban örülök ha kritikát kapok itt mintha semmit. Természetesen ha építõ jellegû kritika - és Balázs kritikája abszolút építõ jellegû volt az Ön gyermeke munkáját illetõen és biztos, hogy a legjobb szándékkal írta meg. Nem hagyta szó nélkül (ez lett volna a legrosszabb), nem intézte el azzal, hogy ez úgy rossz ahogy van, hanem leírta konkrétan, hogy miken kell javítani és, hogy hol lehet az ehhez szükséges tudást megszerezni.

 

Elnézést, ha már nagyon OFF voltam!

[Aneurysm]

Most akkor a szülő írta az oktatóanyagot vagy a gyerek?

LOL, Balázs téged már a múltkor is letolt valaki, pedig akkor is csak segíteni akartál.

[payskin]

Tudom, folyton így járok. Nem lehet véletlen.

[Oke]

Kedves Balázs!

 

Úgy gondolom, Te megértetted a lényeget! Nem a fiamé, az én véleményem volt. Köszönöm! Egy Szülõ

 

@Giraffe

 

Kicsi Giraffe!

 

Balázs igen, Te nem értetted a lényeget! Egy Szülõ