{"id":1748,"date":"2020-07-06T15:07:00","date_gmt":"2020-07-06T15:07:00","guid":{"rendered":"http:\/\/newgeekweb.fightcar.webd.pl\/index.php\/2020\/07\/06\/jak-stworzyc-wlasna-strone-internetowa-2\/"},"modified":"2020-07-06T15:07:00","modified_gmt":"2020-07-06T15:07:00","slug":"jak-stworzyc-wlasna-strone-internetowa-2","status":"publish","type":"post","link":"https:\/\/geekweb.pl\/index.php\/2020\/07\/06\/jak-stworzyc-wlasna-strone-internetowa-2\/","title":{"rendered":"Jak stworzy\u0107 w\u0142asn\u0105 stron\u0119 internetow\u0105? &#8211; cz\u0119\u015b\u0107 2"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1746\" src=\"http:\/\/newgeekweb.fightcar.webd.pl\/wp-content\/uploads\/2020\/07\/e5d6b2287375a08cd0c4ee7d5ab1a8fc.jpg\" alt=\"\" width=\"1420\" height=\"710\" srcset=\"https:\/\/geekweb.pl\/wp-content\/uploads\/2020\/07\/e5d6b2287375a08cd0c4ee7d5ab1a8fc.jpg 1420w, https:\/\/geekweb.pl\/wp-content\/uploads\/2020\/07\/e5d6b2287375a08cd0c4ee7d5ab1a8fc-600x300.jpg 600w, https:\/\/geekweb.pl\/wp-content\/uploads\/2020\/07\/e5d6b2287375a08cd0c4ee7d5ab1a8fc-300x150.jpg 300w, https:\/\/geekweb.pl\/wp-content\/uploads\/2020\/07\/e5d6b2287375a08cd0c4ee7d5ab1a8fc-1024x512.jpg 1024w, https:\/\/geekweb.pl\/wp-content\/uploads\/2020\/07\/e5d6b2287375a08cd0c4ee7d5ab1a8fc-768x384.jpg 768w\" sizes=\"auto, (max-width: 1420px) 100vw, 1420px\" \/><\/p>\n<p>Dalszy ci\u0105g poradnika po kt\u00f3rym stworzysz od podstaw w\u0142asn\u0105 stron\u0119 internetow\u0105.<\/p>\n<p><!--more--><\/p>\n<p>Je\u015bli jeste\u015b osob\u0105, kt\u00f3ra chce zacz\u0105\u0107 swoj\u0105 przygod\u0119 z redagowaniem strony internetowej to ten poradnik jest skrojony dla ciebie. Czytelnik\u00f3w bardziej do\u015bwiadczonych uprzedzam, prawdopodobnie wszystko co zostanie tu napisane ju\u017c wiecie &#8211; poradnik ten jest skierowany do ca\u0142kowitych amator\u00f3w i b\u0119dzie opisywa\u0142 <strong>stworzenie swojej strony internetowej od podstaw<\/strong>, od momentu wybrania adresu, rejestracji <strong>domeny<\/strong>, po wyb\u00f3r hostingu i instalacj\u0119 strony, a\u017c po moment opublikowania pierwszego (by\u0107 mo\u017ce w \u017cyciu) tekstu. Zaczynamy cz\u0119\u015b\u0107 2.<\/p>\n<h1>Twoje miejsce w sieci<\/h1>\n<p>Cz\u0119\u015b\u0107 pierwsz\u0105 poradnika zako\u0144czyli\u015bmy w momencie wybrania i wykupienia <strong>domeny internetowej<\/strong>, a wi\u0119c naszego, niepowtarzalnego adresu internetowego, kt\u00f3ry po wpisaniu w pasek przegl\u0105darki b\u0119dzie kierowa\u0142 na nasz\u0105 stron\u0119. Zanim jednak tak si\u0119 stanie nasza strona musi gdzie\u015b zosta\u0107 fizycznie umieszczona, a domena skonfigurowana &#8211; zak\u0142adaj\u0105c, \u017ce korzystamy z innych dostawc\u00f3w rejestracji domeny i <em>hostingu<\/em>.<\/p>\n<pre><strong>Hosting<\/strong> \u2013 udost\u0119pnianie przez dostawc\u0119 us\u0142ug internetowych zasob\u00f3w serwerowni.<\/pre>\n<p>Rozr\u00f3\u017cniamy kilka rodzaj\u00f3w hostingu, ale w naszym przypadku skupimy si\u0119 na tym bodaj najcz\u0119\u015bciej wykorzystywanym, czyli relatywnie <strong>tanim hostingu<\/strong> wsp\u00f3\u0142dzielonym w kt\u00f3rym dostawca udost\u0119pnia nam po prostu kawa\u0142ek dysku i funkcji na w\u0142asnym serwerze na kt\u00f3rym opr\u00f3cz naszej strony znajduj\u0105 si\u0119 r\u00f3wnie\u017c materia\u0142y innych klient\u00f3w &#8211; kt\u00f3rych oczywi\u015bcie z poziomu naszego konta nie widzimy. Wybieraj\u0105c tak\u0105 us\u0142ug\u0119 zwracamy uwag\u0119 oczywi\u015bcie na cen\u0119, kt\u00f3ra musi znajdowa\u0107 si\u0119 w naszym zasi\u0119gu oraz na takie parametry jak pojemno\u015bc dyskowa, limitowany czy te\u017c nielimitowany miesi\u0119czny transfer, ilo\u015b\u0107 mo\u017cliwych do za\u0142o\u017cenia kont email, kont FTP, mo\u017cliw\u0105 do podpi\u0119cia ilo\u015b\u0107 domen, gdyby\u015bmy w przysz\u0142o\u015bci chcieli umie\u015bci\u0107 na swoim koncie wi\u0119cej ni\u017c jedn\u0105 stron\u0119 internetow\u0105 oraz parametry techniczne obs\u0142ugi wersji j\u0119zyka <em>PHP<\/em> czy bazy danych <em>MySQL<\/em>. Podobnie jak w przypadku rejestracji domeny firm oferuj\u0105cych hosting jest w sieci mn\u00f3stwo, wymieniaj\u0105c chocia\u017cby <em>webd.pl, ovh.pl<\/em>, <em>hekko<\/em> czy wiele innych. Po wyborze\u00a0dokonujemy zakupu interesuj\u0105cej nas wersji us\u0142ugi, zazwyczaj us\u0142ugodawcy oferuj\u0105 op\u0142aty w cyklach miesi\u0119cznych, jako najkr\u00f3tszy mo\u017cliwy okres abonamentowy.<\/p>\n<h1>Konfiguracja domeny<\/h1>\n<p>Je\u015bli swoj\u0105 domen\u0119 wykupili\u015bmy u innego dostawcy ni\u017c hosting musimy j\u0105 skonfigurowa\u0107 tak, aby wskazywa\u0142a na odpowiednie miejsce w sieci. Najcz\u0119\u015bciej konfiguracja ta b\u0119dzie polega\u0142a na przypisaniu naszej domeny, z poziomu panelu administracyjnego naszego us\u0142ugodawcy, do odpowiednich serwer\u00f3w DNS naszego us\u0142ugodawcy hostingowego. Adresy DNS, kt\u00f3re nale\u017cy wpisa\u0107, znajdziesz najpewniej w dziale <em>Pomoc<\/em> lub te\u017c <em>Najcz\u0119\u015bciej zadawane pytania<\/em> na stronie firmy hostingowej.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1747\" src=\"http:\/\/newgeekweb.fightcar.webd.pl\/wp-content\/uploads\/2020\/07\/dns_setup.png\" width=\"253\" height=\"283\" \/><\/figure>\n<p>Po prawid\u0142owym skonfigurowaniu domeny, po jej wpisaniu w miejsce adresu w przegl\u0105darce, przenoszeni b\u0119dziemy do naszego hostingu, co w efekcie wy\u015bwietli nam na ekranie przegl\u0105darki <strong>nasz\u0105 stron\u0119<\/strong> &#8211; oczywi\u015bcie w momencie, kiedy b\u0119dziemy mieli ju\u017c co wy\u015bwietla\u0107. Zr\u00f3bmy wi\u0119c na koniec ma\u0142\u0105 pr\u00f3b\u0119 &#8211; mamy domen\u0119 prawid\u0142owo skonfigurowan\u0105 na serwery DNS naszego us\u0142ugodawcy hostingowego. Logujemy si\u0119 na naszym koncie hostingowym, przechodzimy do panelu sterowania oraz do sekcji <em>Mened\u017cer plik\u00f3w<\/em> &#8211; ka\u017cdy panel powinie\u0144 tak\u0105 opcj\u0119 posiada\u0107, to za jej pomoc\u0105 wgrywa\u0107 b\u0119dziemy nasze pliki na serwer.<\/p>\n<pre>Wcze\u015bniej musimy jeszcze na naszym koncie hostingowym <strong>podpi\u0105\u0107 nasz\u0105 domen\u0119<\/strong>. A wi\u0119c wchodzimy do naszego panelu administracyjnego, klikamy w opcj\u0119 <em>Domeny podpi\u0119te<\/em>, a w sekcji Utw\u00f3rz domen\u0119 dodatkow\u0105 wpisujemy adres naszej domeny. Klikaj\u0105c Dodaj domen\u0119 utworzyli\u015bmy na serwerze miejsce na pliki naszej przysz\u0142ej strony, kt\u00f3re odnosi\u0107 b\u0119d\u0105 si\u0119 tylko do tego konkretnego adresu internetowego.<\/pre>\n<h1>Pierwszy plik<\/h1>\n<p>Przygotujmy sobie teraz sw\u00f3j pierwszy plik <em>html<\/em>. Na pulipicie swojego systemu operacyjnego stw\u00f3rzmy nowy plik tekstowy w kt\u00f3ry wkleimy nast\u0119puj\u0105cy <strong>kod html<\/strong>:<\/p>\n<p><code>&lt;!DOCTYPE html&gt;<\/code><br \/><code>&lt;html&gt;<\/code><br \/><code> &lt;head&gt;<\/code><br \/><code> &lt;title&gt;Moja strona&lt;\/title&gt;<\/code><br \/><code> &lt;\/head&gt;<\/code><br \/><code> &lt;body&gt;<\/code><br \/><code> &lt;p&gt;Tutaj pojawi si\u0119 moja strona internetowa.&lt;\/p&gt;<\/code><br \/><code> &lt;\/body&gt;<\/code><br \/><code>&lt;\/html&gt;<\/code><\/p>\n<p>Zapisz ten plik, a nast\u0119pnie zmie\u0144 jego rozszerzenie z <em>txt<\/em> na <em>html<\/em>, a jako nazw\u0119 wpisz <em>index<\/em> (<em>index.html<\/em>). Przejd\u017a teraz do wspomnianego <em>Mened\u017cera plik\u00f3w<\/em> na swoim serwerze i do g\u0142\u00f3wnego katalogu, oraz podkatalogu swojej domeny, wgraj stworzony plik. Nast\u0119pnie spr\u00f3buj wpisa\u0107 adres swojej domeny w przegl\u0105darce internetowej. Je\u015bli wykona\u0142e\u015b poprawnie ca\u0142y proces to powiniene\u015b uruchomi\u0107 swoj\u0105 pierwsz\u0105 stron\u0119 internetow\u0105. Na razie b\u0119dzie to tylko napis\u00a0<em>Tutaj pojawi si\u0119 moja strona internetowa.<\/em> w oknie przegl\u0105darki.\u00a0<\/p>\n<p>Mamy wi\u0119c\u00a0ju\u017c nazw\u0119 naszej strony oraz zarejestrowali\u015bmy domen\u0119 pod kt\u00f3r\u0105 b\u0119dzie ona dost\u0119pna. Nast\u0119pnie wybrali\u015bmy hosting dla naszych plik\u00f3w oraz skonfigurowali\u015bmy domen\u0119, \u017ceby prowadzi\u0142a na ten w\u0142a\u015bnie serwer. Na koniec wgrali\u015bmy na niego sw\u00f3j pierwszy plik <em>html<\/em>, kt\u00f3ry <em>de facto<\/em> jest prost\u0105 stron\u0105 internetow\u0105. W kolejnej cz\u0119\u015bci poradnika zastanowimy si\u0119 nad wykorzystaniem gotowych rozwi\u0105za\u0144 do zarz\u0105dzania tre\u015bci\u0105.<\/p>\n<p>Pytania, sugestie czy w\u0105tpliwo\u015bci? Napisz w komenatrzu, odpowiem na ka\u017cdy wpis.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dalszy ci\u0105g poradnika po kt\u00f3rym stworzysz od podstaw w\u0142asn\u0105 stron\u0119 internetow\u0105.<\/p>\n","protected":false},"author":1,"featured_media":1746,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[1822,1823,1821,185],"class_list":["post-1748","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-poradniki","tag-jak-stworzyc","tag-strone-internetowa","tag-wlasna-strona","tag-www"],"_links":{"self":[{"href":"https:\/\/geekweb.pl\/index.php\/wp-json\/wp\/v2\/posts\/1748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geekweb.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geekweb.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geekweb.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geekweb.pl\/index.php\/wp-json\/wp\/v2\/comments?post=1748"}],"version-history":[{"count":0,"href":"https:\/\/geekweb.pl\/index.php\/wp-json\/wp\/v2\/posts\/1748\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/geekweb.pl\/index.php\/wp-json\/wp\/v2\/media\/1746"}],"wp:attachment":[{"href":"https:\/\/geekweb.pl\/index.php\/wp-json\/wp\/v2\/media?parent=1748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geekweb.pl\/index.php\/wp-json\/wp\/v2\/categories?post=1748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geekweb.pl\/index.php\/wp-json\/wp\/v2\/tags?post=1748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}