1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
---
title: Ismerkedés a Világhálóval
slug: Learn/Getting_started_with_the_web
tags:
- CSS
- HTML
- Kezdő
- útmutató
translation_of: Learn/Getting_started_with_the_web
original_slug: Learn/Ismerkedés_a_Világhálóval
---
<div>{{LearnSidebar}}</div>
<div class="summary">
<p>Az Ismerkedés a Világhálóval egy rövid cikksorozat, amelyben a webfejlesztés gyakorlati mibenlétét mutatjuk be. Áttekintjük a szükséges eszközöket, írunk egy egyszerű weboldalt és publikáljuk a munkánkat.</p>
</div>
<h2 id="Első_weboldalunk_születése">Első weboldalunk születése</h2>
<p>Egy professzionális weboldal elkészítése rengeteg munka, így a tanulást mindenképpen kicsiben érdemes kezdeni. Nem fogunk rögtön egy újabb Facebookot írni, de egy egyszerű weboldal elkészítése meglepően könnyű feladat, úgyhogy ezzel indítunk.</p>
<p>Az alábbi cikkek úgy vannak összeállítva, hogy sorban haladva segítsenek minket megírni és közzétenni első weboldalunkat, teljesen nulláról. Fogjunk hát hozzá!</p>
<h3 id="Alapvető_programok_telepítése"><a href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Alapvető programok telepítése</a></h3>
<p>Számtalan program és eszköz áll rendelkezésre a weboldalak fejlesztéséhez és teszteléséhez. Az <a href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Installing basic software</a> cikkben segítünk eligazodni ezek között és bemutatjuk a kezdés szempontjából legfontosabb eszközöket.</p>
<h3 id="Hogy_fog_kinézni_a_weboldalunk"><a href="/en-US/docs/Learn/Getting_started_with_the_web/What_will_your_website_look_like">Hogy fog kinézni a weboldalunk?</a></h3>
<p>Mielőtt nekilátunk a weboldalunk lekódolásának, meg kell terveznünk azt. Milyen tartalmat akarunk pontosan megjeleníteni? Milyen betűtípust és színeket akarunk használni? A <a href="/en-US/docs/Learn/Getting_started_with_the_web/What_will_your_website_look_like">What will your website look like?</a> cikkben lépésről lépésre végigvezetünk egy alapvető tervezési folyamaton.</p>
<h3 id="Fájlokkal_való_munka"><a href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Fájlokkal való munka</a></h3>
<p>Egy weboldal sok-sok különféle fájlból áll: szöveges fájlok, programkód, síluslapok, képek, videók, és még sorolhatnánk. Hogyan tudjuk ezt a sok fájlt egy összefüggő weboldallá gyúrni? És hogyan rendszerezzük a fájljainkat hatékonyan? Ezekre a kérdésekre válaszol a <a href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Dealing with files</a> cikk.</p>
<h3 id="HTML_alapok"><a href="/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML alapok</a></h3>
<p>A HTML (Hypertext Markup Language, hiperszöveg jelölőnyelv) kód segítségével strukturálhatjuk a weboldalunk tartalmát, azaz megadhatjuk, hogy melyek a címsorok, hogy a szöveget miként tagoljuk bekezdésekre, felsorolásokra, mit kell táblázatosan megjeleníteni, hova kell képet beilleszteni és így tovább. A <a href="/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML basics</a> cikkben a legfontosabb HTML elemeket tekintjük át.</p>
<h3 id="CSS_alapok"><a href="/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics">CSS alapok</a></h3>
<p>A CSS (Cascading Stylesheets, lépcsőzetes stíluslapok) kód segítségével tudjuk színezni, méretezni, háttérképekkel dísziteni, pozícionálni, egyszóval formázni a weboldalunk tartalmát. A <a href="/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics">CSS basics</a> cikkben elmagyarázzuk az alapvető fogalmakat és bemutatunk néhány CSS formázási példát.</p>
<h3 id="JavaScript_alapok"><a href="/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics">JavaScript alapok</a></h3>
<p>A JavaScript programozási nyelv teszi lehetővé, hogy dinamikus, interaktív weboldalakat hozzunk létre. Néhány példa a JavaScript alkalmazására: komplett játékok, kattintásra megjelenő elemek, űrlapok ellenőrzése, dinamikusan változó színek, animációk. A <a href="/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics">JavaScript basics</a> cikk ismerteti a JavaScript programozás alapjait és egy példán keresztül bemutatja, mi minden lehetséges a használatával.</p>
<h3 id="Weboldalunk_közzététele"><a href="/en-US/docs/Learn/Getting_started_with_the_web/Publishing_your_website">Weboldalunk közzététele</a></h3>
<p>Miután végeztünk a weboldalunk lekódolásával, elérhetővé kell tennünk az Interneten. A <a href="/en-US/docs/Learn/Getting_started_with_the_web/Publishing_your_website">Publishing your sample code</a> cikk bemutatja a lehetőségeinket és segít közzétenni az oldalunkat egy egyszerű módszerrel.</p>
<h3 id="Hogy_működik_a_Világháló"><a href="/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works">Hogy működik a Világháló?</a></h3>
<p>Amikor megnyitunk egy weboldalt, egy sor bonyolult folyamat zajlik a háttérben. A <a href="/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works">How the web works</a> cikk ezeket a folyamatokat mutatja be nagyvonalakban.</p>
<h2 id="Lásd_még">Lásd még</h2>
<ul>
<li><a href="https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g">Web Demystified</a>: Egy kiváló videósorozat a Világháló működéséről, teljesen kezdők részére. <a href="https://twitter.com/JeremiePat">Jérémie Patonnier</a> munkája.</li>
<li><a href="/en-US/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards">The web and web standards</a>: Hasznos háttérismeretek a Világháló történetéről és működéséről, a kialakult szabványokról és a jó gyakorlatokról, valamint arról, hogy miért érdemes webfejlesztéssel foglalkozni. </li>
</ul>
|
