W E B L A P K É S Z Í T É S

Ezen az oldalon a weblapok készítésével kapcsolatos tananyagok találhatók. Változását célszerű figyelemmel kísérni, mert a tanórán elhangzott fontosabb információk itt is olvashatók.
Bármilyen észrevételt erre a címre kérek: huszari@freemail.hu
Az utolsó módosítás ideje: 2021.02.26.

Huszár István

WELAPKÉSZÍTÉS OKTATÓVIDEÓK
A tanítási órák tananyagát tudod átismételni a videók segítségével.
01. videó 1. rész. Mi kell a weblapszerkesztéshez? MS Visual Studio telepítése.(6'57")
02. videó 2. rész Feladatmeghatározás. Tervezés. A Visual Studio indítása. Az első weblap. (17'47")
03. videó 3. rész. A weblap felosztása div-ekkel. (9'53")
04. videó 4. rész. Tartalombővítés. Címsor, bekezdés és lista. (12'50")
05. videó 5. rész Validálás - A HTML kód szabványkövetése. (8'32")
06. videó 6. rész CSS - Bevezetés a stílusok használatába. (13'31")
07. videó 7. rész CSS - Háttérkép használata. (11'55") (A háttérkép itt: hatter.png)
08. videó 8. rész CSS - Szövegformázások. (8'01")
09. videó 9. rész CSS - Általános beállítások. (11'21")
10. videó 10. rész CSS - A fejléc kialakítása. (15'11")
11. videó 11. rész CSS - Menü, hírek, lebegtetés. (17'10")
12. videó 12. rész CSS - A lábléc kialakítása. (11'15")
13. videó 13. rész CSS - A menü kialakítása. 1. (13'54")
14. videó 14. rész CSS - A menü kialakítása. 2. (13'25")
15. videó 15. rész HTML+CSS - A hírek szerkesztése. (29'32")


W E B
weblapkeszites.pptx Az oktatóvideókban szereplő prezentációs képek (PowerPoint) (Folyamatosan frissül.)
htmlkodok.pdf A tanult HTML és CSS kódok felsorolása magyarázattal. (Folyamatosan frissül.)

H A S Z N O S     L I N K E K
http://index_web.html Weblapszerkesztés segédlet
http://pcworld.hu/a-weboldalkeszito-suli-sorozat-reszei-20100601.html Weboldalkészítés tananyag
http://validator.w3.org Validátor
http://csszengarden.com A tanórán bemutatott példa honlap a stíluslapok használatára. (Eredeti)
http://www.csszengarden.com/tr/magyar A tanórán bemutatott példa honlap a stíluslapok használatára. (Magyar)
http://www.standardsmode.hu HTML és CSS oktatás ingyenesen. Jó kiegészítője a tananyagnak, és az órán bemutatott példának.
http://www.googleoptimalizalas.com/meta-tag-beallitasa Meta tagok beállítása.

V I Z S G A
Szóbeli tételsor Szóbeli tételsor
S Z O F T V E R E K
Majd lesz... :-)

E G Y E B E K webes témákban
Táblaképek A tanórai táblaképek pdf állományban.