<div>{{LearnSidebar}}</div>

<div class="summary">
<p><em>Getting started with the Web</em> is a concise series introducing you to the practicalities of web development. You'll set up the tools you need to construct a simple webpage and publish your own simple code.</p>
</div>

<div class="container font-size5 content-width3" id="container" style="max-width: 30em; margin: 0px auto; font-size: 20px; color: rgb(51, 51, 51); font-family: Helvetica, Arial, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<div class="header" dir="ltr" id="reader-header" style="display: block;">
<h1 id="reader-title"><font><font>Pierwsze kroki w internecie</font></font></h1>
</div>

<div class="content">
<div class="line-height4" dir="ltr" id="moz-reader-content" style="display: block;">
<div class="page" id="readability-page-1">
<article id="wikiArticle">
<p><a class="new" href="https://developer.mozilla.org/pl/docs/Learn/Getting_started_with_the_web/Installing_basic_software"><font><font>NASTĘPNY »</font></font></a></p>

<p><em><font><font>Pierwsze kroki w internecie</font></font></em><font><font> jest zwięzłym wprowadzeniem do serii praktycznych aspektów tworzenia stron WWW. </font><font>Musisz skonfigurować narzędzia potrzebne do skonstruowania prostą stronę internetową i opublikować swój własny prosty kod.</font></font></p>

<p><font><font>Jest dużo pracy, aby stworzyć profesjonalną stronę internetową, więc jeśli jesteś nowy w rozwoju internetowej zachęcamy do rozpoczęcia mały. </font><font>Nie zbuduje kolejną Facebooka od razu, ale nie jest to trudne do uzyskania własnego prostej strony internetowej online, więc my nie uruchamia się.</font></font></p>

<p><font><font>Pracując za pośrednictwem artykułów wymienionych poniżej, można przejść od zera do uzyskania pierwszej strony internetowej w Internecie. </font><font>Chodźmy!</font></font></p>

<h3 id="Installing_basic_software"><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Installing_basic_software"><font><font>Instalacja podstawowego oprogramowania</font></font></a></h3>

<p><font><font>Jeśli chodzi o narzędzia do budowania strony internetowej, jest wiele do wyboru. </font><font>Jeśli dopiero zaczynasz, może być mylony przez redakcję tablicy kodów, ram i narzędzi badawczych tam. </font><font>W </font></font><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Installing_basic_software"><font><font>Instalacja podstawowego oprogramowania</font></font></a><font><font> pokażemy Ci krok po kroku jak zainstalować tylko oprogramowanie potrzebne do rozpoczęcia podstawowe tworzenie stron internetowych.</font></font></p>

<h3 id="What_will_your_website_look_like"><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/What_will_your_website_look_like"><font><font>Jaka będzie Twoja strona wygląda?</font></font></a></h3>

<p><font><font>Przed rozpoczęciem pisania kodu na swojej stronie internetowej, należy ją zaplanować w pierwszej kolejności. </font><font>Jakie informacje są Ci zaprezentować? </font><font>Jakie czcionki i kolory używasz? </font></font><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/What_should_your_web_site_be_like"><font><font>Jaka będzie Twoja strona wyglądać?</font></font></a><font><font> Mamy przedstawić prosty sposób można wykonać, aby zaplanować treści witryny i projektowania.</font></font></p>

<h3 id="Dealing_with_files"><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Dealing_with_files"><font><font>Radzenie sobie z plikami</font></font></a></h3>

<p><font><font>Witryna składa się z wielu plików: treści tekstu, kodu stylów, treści multimedialnych, i tak dalej. </font><font class="goog-text-highlight" style="background-color: rgb(201, 215, 241); box-shadow: rgb(153, 153, 170) 2px 2px 4px; box-sizing: border-box; position: relative;">Kiedy budowa strony internetowej, trzeba zebrać te pliki do sensownej struktury i upewnij się, mogą rozmawiać ze sobą. </font></font><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Dealing_with_files"><font><font class="goog-text-highlight" style="background-color: rgb(201, 215, 241); box-shadow: rgb(153, 153, 170) 2px 2px 4px; box-sizing: border-box; position: relative;">Radzenie sobie z plikami</font></font></a><font><font class="goog-text-highlight" style="background-color: rgb(201, 215, 241); box-shadow: rgb(153, 153, 170) 2px 2px 4px; box-sizing: border-box; position: relative;"> wyjaśnia jak skonfigurować sensowną strukturę plików na swojej stronie i jakie kwestie należy pamiętać z.</font></font></p>

<h3 id="HTML_basics"><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/HTML_basics"><font><font>podstawy HTML</font></font></a></h3>

<p><font><font>Hypertext Markup Language (HTML) to kod, którego używasz do strukturyzacji treści internetowych, i nadać mu sens i cel. </font><font>Na przykład, moja treść zestaw akapitów, lub listę wypunktowania? </font><font>Nie mam zdjęcia umieszczone w moją stronę? </font><font>Czy mam tabelę danych? </font><font>Bez przytłacza Cię, </font></font><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/HTML_basics"><font><font>podstawy HTML</font></font></a><font><font> zapewnia wystarczającą ilość informacji, aby można zapoznać się z HTML.</font></font></p>

<h3 id="CSS_basics"><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/CSS_basics"><font><font>podstawy CSS</font></font></a></h3>

<p><font><font>Kaskadowe Arkusze stylów (CSS) to kod, którego używasz do projektować swoją stronę. </font><font>Na przykład, chcesz tekst czarne czy czerwone? </font><font>Jeżeli zawartość powinna być sporządzona na ekranie? </font><font>Jakie obrazy tła i kolory powinny być wykorzystywane do dekoracji swojej stronie? </font></font><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/CSS_basics"><font><font>Podstawy CSS</font></font></a><font><font> przeprowadzi cię przez to, czego potrzebujesz, aby zacząć.</font></font></p>

<h3 id="JavaScript_basics"><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/JavaScript_basics"><font><font>podstawy JavaScript</font></font></a></h3>

<p><font><font>JavaScript jest językiem programowania, który używasz, aby dodać interaktywne funkcje na swojej stronie internetowej, na przykład gier, rzeczy, które zdarzają się podczas naciskania przycisków lub dane wprowadzone w formularzach, dynamicznych efektów stylizacji, animacji i wiele więcej. </font></font><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/JavaScript_basics"><font><font>Podstawy JavaScript</font></font></a><font><font> daje wyobrażenie tego, co jest możliwe w tej ekscytującej języka i jak zacząć.</font></font></p>

<h3 id="Publishing_your_website"><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Publishing_your_website"><font><font>Publishing swoją stronę</font></font></a></h3>

<p><font><font>Po zakończeniu pisania kodu i organizowania plików, które tworzą swoją stronę, trzeba umieścić to wszystko w Internecie, aby ludzie mogli ją znaleźć. </font><font>Publikowanie przykładowy kod opisuje sposób, aby uzyskać prosty przykładowy kod w Internecie przy minimalnym wysiłku.</font></font></p>

<h3 id="How_the_web_works"><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/How_the_Web_works"><font><font>Jak działa web</font></font></a></h3>

<p><font><font>Jeżeli masz dostęp do swojego ulubionego serwisu, wiele skomplikowanych rzeczy dzieją się w tle, które może nie wiedzieć.</font></font><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/How_the_Web_works"><font><font>Jak działa Web</font></font></a><font><font> przedstawia, co dzieje się podczas przeglądania strony internetowej na komputerze.</font></font></p>

<p><a class="new" href="https://developer.mozilla.org/pl/docs/Learn/Getting_started_with_the_web/Installing_basic_software"><font><font>NASTĘPNY »</font></font></a></p>
</article>
</div>
</div>
</div>
</div>

<ul class="toolbar" id="reader-toolbar" style="transition: transform 0.3s ease-out; color: rgb(51, 51, 51); font-family: Helvetica, Arial, sans-serif; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
 <li>&nbsp;</li>
</ul>