Jak zrobić stronę www w notatniku?

Strona internetowa to obecnie niezbędny element wielu firm i organizacji. Możesz stworzyć swoją własną stronę internetową za pomocą notatnika. Notatnik to prosty edytor tekstu, który jest dostępny w systemie Windows. Możesz go użyć do tworzenia stron internetowych, które będą działać na każdym komputerze z systemem Windows. W tym artykule przedstawimy Ci kroki, które należy wykonać, aby stworzyć stronę internetową w notatniku.

Jak zbudować stronę internetową w Notatniku: krok po kroku

Krok 1: Otwórz Notatnik i wprowadź następujące linie kodu:

Tytuł Twojej strony

Krok 2: Wprowadź treść strony. Możesz wprowadzić tekst, obrazy, linki i inne elementy.

Krok 3: Dodaj styl do strony. Możesz to zrobić, wprowadzając kod CSS do sekcji strony.

Krok 4: Dodaj skrypty do strony. Możesz to zrobić, wprowadzając kod JavaScript do sekcji lub strony.

Krok 5: Zakończ kod HTML. Wprowadź następujące linie kodu na końcu strony:

Krok 6: Zapisz plik jako „nazwa_pliku.html”.

Krok 7: Otwórz plik w przeglądarce internetowej, aby zobaczyć swoją stronę internetową.

Jak wykorzystać Notatnik do tworzenia stron internetowych

Notatnik to prosty edytor tekstu, który może być wykorzystywany do tworzenia stron internetowych. Aby skorzystać z Notatnika do tworzenia stron internetowych, należy najpierw otworzyć plik tekstowy w Notatniku. Następnie należy wprowadzić kod HTML, który będzie służył jako struktura strony internetowej. Kod HTML można wprowadzić za pomocą znaczników, takich jak , ,, i inne. Po wprowadzeniu kodu HTML należy dodać treść strony internetowej, wprowadzając tekst i obrazy. Na koniec należy zapisać plik tekstowy jako plik HTML, aby móc go wyświetlić w przeglądarce internetowej. Dzięki Notatnikowi można tworzyć proste strony internetowe, które mogą być wykorzystywane do wyświetlania informacji lub prezentacji.</p><h2 id="jak-za-pomoca-notatnika-stworzyc-strone-internetowa-za-darmo"><span class="ez-toc-section" id="jak-za-pomoca-notatnika-stworzyc-strone-internetowa-za-darmo"></span>Jak za pomocą Notatnika stworzyć stronę internetową za darmo<span class="ez-toc-section-end"></span></h2><p>Stworzenie strony internetowej za darmo jest możliwe dzięki Notatnikowi. Notatnik to darmowy program do tworzenia stron internetowych, który jest dostępny na wszystkich systemach operacyjnych. Notatnik pozwala tworzyć strony internetowe za pomocą języka HTML, który jest językiem programowania używanym do tworzenia stron internetowych.</p><p>Aby stworzyć stronę internetową za pomocą Notatnika, należy najpierw otworzyć program Notatnik. Następnie należy wpisać kod HTML, który będzie tworzył strukturę strony internetowej. Kod HTML można znaleźć w Internecie lub w książkach o tworzeniu stron internetowych. Po wpisaniu kodu HTML należy zapisać plik jako „index.html”.</p><p>Kolejnym krokiem jest dodanie treści do strony internetowej. Można to zrobić, wpisując tekst w polu tekstowym Notatnika. Można również dodać obrazy, linki i inne elementy, korzystając z kodu HTML.</p><p>Po dodaniu treści i elementów strony internetowej należy zapisać plik i otworzyć go w przeglądarce internetowej. Jeśli wszystko zostało poprawnie wpisane, strona internetowa powinna być widoczna w przeglądarce.</p><p>Stworzenie strony internetowej za pomocą Notatnika jest łatwe i szybkie. Jest to doskonały sposób na stworzenie strony internetowej za darmo.</p><section class="related-articles-in-content"><div class="section-title">To cię zainteresuje</div><div class="articles"><div class="columns columns-2"><div class="column"><style>.article-cover { background: lightgray; position: relative; padding-top: 53%; } .article-cover::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 2; } .article-cover .image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center; z-index: 1; } .article-cover .info { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-flow: column wrap; justify-content: flex-end; padding: 1.2rem 2.4rem; z-index: 3; } .article-cover .info .date { font: 700 1rem/1.3 var(--font); color: #fff; opacity: 0.8; margin: 0 0 0.5rem 0; } .article-cover .info .title { font: 700 1.4rem/1.3 var(--font); text-wrap: balance; color: #fff; margin: 0 0 0.5rem 0; } .article-cover .info .title a { text-decoration: none; } .article-cover .info .title a::before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .article-cover .info .title a:is(:hover, :focus) { color: #fff; } .article-cover .info .author { display: flex; align-items: center; gap: 0.5rem; } .article-cover .info .author img { width: 1.8rem; height: 1.8rem; border-radius: 50%; } .article-cover .info .author a { font: 700 1rem/1.3 var(--font); text-decoration: none; color: #C8C8C8; } .article-cover .category { position: absolute; top: 1.6rem; display: inline-block; padding: 0.5rem 2.3rem; background: #000; color: #fff; font: 700 1rem/1.3 var(--font); text-transform: uppercase; z-index: 4; }</style><article class="article article-cover"><div class="image"> <img decoding="async" src="https://funkymedia.pl/wp-content/themes/funkymedia/img/article-default.png" alt="Logo FunkyMedia" fetchpriority="high"></div><div class="info"><div class="title"> <a href="https://funkymedia.pl/nowe/www-interia-pl-strona-glowna"> Www interia pl strona główna </a></div><div class="author"> <img alt='' src='https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-300x300.jpg' srcset='https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-300x300.jpg 300w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-1024x1024.jpg 1024w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-150x150.jpg 150w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-768x768.jpg 768w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-100x100.jpg 100w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-240x240.jpg 240w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-360x360.jpg 360w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-420x420.jpg 420w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-600x600.jpg 600w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia.jpg 1200w' class='avatar avatar-100 photo' height='100' width='100' sizes="24px"/> <a href="https://funkymedia.pl/author/funkymedia" title="Wpisy od FunkyMedia" rel="author">FunkyMedia</a></div></div><div class="category"> Nowe</div></article></div><div class="column"><style>.article-cover { background: lightgray; position: relative; padding-top: 53%; } .article-cover::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 2; } .article-cover .image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center; z-index: 1; } .article-cover .info { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-flow: column wrap; justify-content: flex-end; padding: 1.2rem 2.4rem; z-index: 3; } .article-cover .info .date { font: 700 1rem/1.3 var(--font); color: #fff; opacity: 0.8; margin: 0 0 0.5rem 0; } .article-cover .info .title { font: 700 1.4rem/1.3 var(--font); text-wrap: balance; color: #fff; margin: 0 0 0.5rem 0; } .article-cover .info .title a { text-decoration: none; } .article-cover .info .title a::before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .article-cover .info .title a:is(:hover, :focus) { color: #fff; } .article-cover .info .author { display: flex; align-items: center; gap: 0.5rem; } .article-cover .info .author img { width: 1.8rem; height: 1.8rem; border-radius: 50%; } .article-cover .info .author a { font: 700 1rem/1.3 var(--font); text-decoration: none; color: #C8C8C8; } .article-cover .category { position: absolute; top: 1.6rem; display: inline-block; padding: 0.5rem 2.3rem; background: #000; color: #fff; font: 700 1rem/1.3 var(--font); text-transform: uppercase; z-index: 4; }</style><article class="article article-cover"><div class="image"> <img decoding="async" src="https://funkymedia.pl/wp-content/themes/funkymedia/img/article-default.png" alt="Logo FunkyMedia" fetchpriority="high"></div><div class="info"><div class="title"> <a href="https://funkymedia.pl/nowe/blokada-stron-www"> Blokada stron www </a></div><div class="author"> <img alt='' src='https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-300x300.jpg' srcset='https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-300x300.jpg 300w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-1024x1024.jpg 1024w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-150x150.jpg 150w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-768x768.jpg 768w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-100x100.jpg 100w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-240x240.jpg 240w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-360x360.jpg 360w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-420x420.jpg 420w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-600x600.jpg 600w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia.jpg 1200w' class='avatar avatar-100 photo' height='100' width='100' sizes="24px"/> <a href="https://funkymedia.pl/author/funkymedia" title="Wpisy od FunkyMedia" rel="author">FunkyMedia</a></div></div><div class="category"> Nowe</div></article></div></div></div></section><h2 id="konkluzja"><span class="ez-toc-section" id="konkluzja"></span>Konkluzja<span class="ez-toc-section-end"></span></h2><p>Konkluzja jest taka, że tworzenie strony internetowej w Notatniku jest możliwe, ale wymaga wiedzy i umiejętności z zakresu języka HTML i CSS. Aby stworzyć stronę internetową w Notatniku, należy najpierw zapoznać się z podstawami języka HTML i CSS, a następnie wprowadzić odpowiednie kodowanie do pliku tekstowego. Po wprowadzeniu kodu można użyć przeglądarki internetowej, aby wyświetlić stronę internetową.</p></div></article><style>.article-social-share-and-google-news{align-items:center;justify-content:space-between;gap:1.5rem;margin-top:6rem;margin-bottom:3rem}.article-social-share-and-google-news>.column{flex:0 1 auto;width:auto}.social-share{display:flex;align-items:center;gap:1rem}.social-share .header{font-size:1rem;font-weight:700}.social-share .buttons{display:flex;align-items:center;gap:1rem}.social-share .buttons .btn{display:inline-block;text-decoration:none;width:2.4rem;height:2.4rem;background-size:contain;transition:filter .3s}.dark-mode .social-share .buttons .btn{filter:invert(1)}.social-share .buttons .btn-x{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m2.25 3 7.096 10.14L2.623 21h2.64l5.264-6.17L14.844 21h6.91l-7.422-10.625L20.623 3h-2.6l-4.869 5.688L9.182 3H2.25Zm3.84 2h2.049l9.777 14h-2.031L6.09 5Z'/%3E%3C/svg%3E")}.social-share .buttons .btn-facebook{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.489 2 2 6.489 2 12s4.489 10 10 10 10-4.489 10-10S17.511 2 12 2Zm0 2c4.43 0 8 3.57 8 8a7.977 7.977 0 0 1-6.781 7.898v-5.513h2.328l.365-2.365H13.22v-1.293c0-.983.32-1.856 1.24-1.856h1.476V6.807c-.26-.035-.808-.112-1.845-.112-2.166 0-3.436 1.144-3.436 3.75v1.575H8.428v2.365h2.226v5.494A7.978 7.978 0 0 1 4 12c0-4.43 3.57-8 8-8Z'/%3E%3C/svg%3E")}.google-news{display:inline-block;background:#181818;color:#fff;font-size:1rem;font-weight:700;text-decoration:none;padding:1rem 1.6rem}</style><aside class="article-social-share-and-google-news columns"><div class="column"><div class="social-share"><p class="header"> Udostępnij artykuł:</p><div class="buttons"> <a class="btn btn-x" href="https://twitter.com/intent/tweet?text=https://funkymedia.pl/nowe/jak-zrobic-strone-www-w-notatniku" target="_blank" title="Udostępnij na X"></a> <a class="btn btn-facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://funkymedia.pl/nowe/jak-zrobic-strone-www-w-notatniku" target="_blank" title="Udostępnij na Facebooku"></a></div></div></div><div class="column"> <a href="https://news.google.com/publications/CAAqBwgKMP7Uqwsw-9_DAw?hl=pl&gl=PL&ceid=PL:pl" class="google-news" target="_blank"> Jesteśmy na Google News, obserwuj nas! </a></div></aside><style>.article-comments{margin:4rem 0 5rem}.comments-title{font:700 1.6rem/1.3 var(--font);text-transform:uppercase}.comment-list{padding:0;margin:2rem 0 0;font:400 1.4rem/1.3 var(--font);list-style:none}.comment-list li ol{margin:3rem 0 0;padding-left:3rem;list-style:none}.comment-list .comment:not(:last-child){margin:0 0 2rem}.comment-list .comment .comment-author{display:flex;align-items:center}.comment-list .comment .comment-author .avatar{width:2.4rem;height:2.4rem;border-radius:50%;margin-right:.6rem;object-fit:cover}.comment-list .comment .comment-author .fn{margin-right:.5rem}.comment-list .comment .comment-author .fn a{color:var(--color-accent-dark);font-style:normal;font-weight:700;text-decoration:none}.comment-list .comment .comment-awaiting-moderation{display:inline-block;margin:1.5rem 0 0}.comment-list .comment .comment-meta{display:block;margin:.5rem 0}.comment-list .comment .comment-meta a{text-decoration:none}.comment-list .comment p{margin:1rem 0}.comment-list .comment .reply{margin:1rem 0 0}.comment-list .comment .reply a{display:inline-block;color:var(--color-accent-dark);font-weight:700;text-decoration:none}.comment-respond{margin:3rem 0 0}.comment-reply-title{font:700 1.6rem/1.3 var(--font);text-transform:uppercase;margin:0 0 1.8rem}.comment-reply-title a{display:inline-block;margin:0 .5rem}.comment-form{display:grid;grid-template:"comment-text" "comment-author" "comment-email" "comment-test" "comment-info" "comment-submit";gap:1.8rem 2.2rem;font:400 1.1rem/1.3 var(--font)}.logged-in .comment-form{grid-template:"comment-text" "comment-info" "comment-test" "comment-submit"}@media (min-width:992px){.comment-form{grid-template:"comment-text comment-text comment-text" "comment-author comment-email comment-test" "comment-info comment-info comment-submit"}.logged-in .comment-form{grid-template:"comment-text comment-text comment-text" "comment-info comment-test comment-submit"}}.comment-form :is(.comment-notes,.logged-in-as){grid-area:comment-info}.comment-form .comment-notes>span{display:block}.comment-form .comment-form-comment{grid-area:comment-text}.comment-form .comment-form-author{grid-area:comment-author}.comment-form .comment-form-email{grid-area:comment-email}.comment-form .comment-form-test{grid-area:comment-test}.comment-form .form-submit{grid-area:comment-submit}.comment-form>p{position:relative;margin:0}.comment-form>p>label{position:absolute;top:.8rem;left:.8rem}.comment-form :is(input,textarea){display:block;padding:.8rem;width:100%;border:1px solid #d8d8d8;color:var(--text-color-black);background:0 0;resize:none}.comment-form :is(input,textarea)+label{pointer-events:none;transition:transform .3s}.comment-form :is(input,textarea)+label>.required{display:none}.comment-form :is(input,textarea):is(:focus,:active,:valid)+label{transform:translateX(-.8rem) translateY(calc(-100% - (.8rem + .2rem)))}.comment-form input[type=submit]{font-weight:700;background:red;color:#fff;padding:.8rem 2.4rem;border:none;cursor:pointer}</style><div class="article-comments"><div id="respond" class="comment-respond"><h2 id="reply-title" class="comment-reply-title">Napisz komentarz <small><a rel="nofollow" id="cancel-comment-reply-link" href="/nowe/jak-zrobic-strone-www-w-notatniku#respond" style="display:none;">Anuluj pisanie odpowiedzi</a></small></h2><form action="https://funkymedia.pl/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Twój adres e-mail nie zostanie opublikowany.</span> <span class="required-field-message">Wymagane pola są oznaczone <span class="required">*</span></span></p><p class="comment-form-comment"><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea><label for="comment">Komentarz <span class="required">*</span></label></p><p class="comment-form-author"><input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /> <label for="author">Nazwa <span class="required">*</span></label></p><p class="comment-form-email"><input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /> <label for="email">E-mail <span class="required">*</span></label></p><p class="comment-form-test"><input id="test" name="test" type="text" value="" size="30" maxlength="200" required="required" /><label for="test">Napisz SEO od końca <span class="required">*</span></label></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Opublikuj komentarz" /> <input type='hidden' name='comment_post_ID' value='53996' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div><style>.related-articles{margin:5rem 0}.related-articles .section-title{margin-bottom:1.5rem}.related-articles .articles{display:flex;flex-flow:column nowrap;gap:4.5rem}.related-articles .articles .article{--height:auto;flex-flow:column nowrap}.related-articles .articles .article .image{width:36rem;position:relative}.related-articles .articles .article .image:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.0) 100%);z-index:2}.related-articles .articles .article .info{gap:1.2rem;padding:1.2rem 0 0}.related-articles .articles .article .info .title a{font-size:2rem;line-height:120%}.related-articles .articles .article .info .author{gap:1rem}.related-articles .articles .article .info .author img{width:2.4rem;height:2.4rem}.related-articles .articles .article .info .author a{font-size:1.3rem}@media (min-width:992px){.related-articles .articles .article{--height:21rem;flex-flow:row nowrap}.related-articles .articles .article .info{gap:2.5rem;padding:0 0 0 2.4rem}.related-articles .articles .article .info .title a{font-size:3rem}}</style><section class="related-articles"><div class="section-title"> Czytaj dalej poniżej</div><div class="articles"><style>.article-horizontal{--height:7.5rem;display:flex;flex-flow:row nowrap;height:var(--height)}.article-horizontal.title-lines-3{--height:10.3rem}.article-horizontal .image{flex:0 0 auto;width:13rem;height:var(--height);background:#d3d3d3}.article-horizontal .image img{width:100%;height:100%;object-fit:cover;object-position:center}.article-horizontal .info{display:flex;flex-flow:column nowrap;justify-content:center;gap:1.5rem;padding:0 0 0 2.2rem;color:var(--text-color)}.article-horizontal .info .title{font:700 1.4rem/1.3 var(--font);text-wrap:balance;margin:0}.article-horizontal .info .title a{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-decoration:none;color:var(--text-color-darker)}.article-horizontal.title-lines-2 .info .title a{-webkit-line-clamp:2}.article-horizontal.title-lines-3 .info .title a{-webkit-line-clamp:3}.article-horizontal .info .author{display:flex;align-items:center;gap:.6rem}.article-horizontal .info .author img{width:1.8rem;height:1.8rem;border-radius:50%}.article-horizontal .info .author a{font:700 1rem/1.3 var(--font);text-decoration:none;color:var(--text-color-author)}</style><article class="article article-horizontal title-lines-2"><div class="image"> <img src="https://funkymedia.pl/wp-content/themes/funkymedia/img/article-default.png" alt="Logo FunkyMedia"></div><div class="info"><h3 class="title"> <a href="https://funkymedia.pl/nowe/darmowe-strony-www-do-zalozenia"> Darmowe strony www do założenia </a></h3><div class="author"> <img alt='' src='https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-300x300.jpg' srcset='https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-300x300.jpg 300w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-1024x1024.jpg 1024w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-150x150.jpg 150w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-768x768.jpg 768w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-100x100.jpg 100w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-240x240.jpg 240w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-360x360.jpg 360w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-420x420.jpg 420w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-600x600.jpg 600w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia.jpg 1200w' class='avatar avatar-100 photo' height='100' width='100' sizes="24px" loading='lazy' decoding='async'/> <a href="https://funkymedia.pl/author/funkymedia" title="Wpisy od FunkyMedia" rel="author">FunkyMedia</a></div></div></article><article class="article article-horizontal title-lines-2"><div class="image"> <img src="https://funkymedia.pl/wp-content/themes/funkymedia/img/article-default.png" alt="Logo FunkyMedia"></div><div class="info"><h3 class="title"> <a href="https://funkymedia.pl/nowe/strona-www-ipko-pl-jest-zablokowana"> Strona www ipko pl jest zablokowana </a></h3><div class="author"> <img alt='' src='https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-300x300.jpg' srcset='https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-300x300.jpg 300w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-1024x1024.jpg 1024w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-150x150.jpg 150w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-768x768.jpg 768w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-100x100.jpg 100w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-240x240.jpg 240w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-360x360.jpg 360w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-420x420.jpg 420w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia-600x600.jpg 600w, https://funkymedia.pl/wp-content/uploads/2023/09/redakcja-funkymedia.jpg 1200w' class='avatar avatar-100 photo' height='100' width='100' sizes="24px" loading='lazy' decoding='async'/> <a href="https://funkymedia.pl/author/funkymedia" title="Wpisy od FunkyMedia" rel="author">FunkyMedia</a></div></div></article></div></section><div class="next-article-anchor" data-url="https://funkymedia.pl/nowe/znajdz-w-internecie-np-na-stronie-www-slaskie-travel"></div></main><div class="sidebar"><div class="widget"><style>#ez-toc-container{line-height:1.5}#ez-toc-container .ez-toc-title{font:700 1.6rem/1.3 var(--font);margin:0 0 2rem}#ez-toc-container nav ul{list-style-type:none;counter-reset:item;margin:0;padding-left:2rem}#ez-toc-container nav>ul{padding-left:0}#ez-toc-container nav ul li{display:block;margin:1.5rem 0}#ez-toc-container nav ul li:before{display:none}#ez-toc-container nav ul li a{border-bottom:none;text-decoration:none;transition:background-color .3s,color .3s}#ez-toc-container nav ul li a:is(:hover,:focus){color:var(--color-accent)}#ez-toc-container nav ul li a:before{content:counters(item,".") ". ";counter-increment:item;margin:0 .25rem 0 0}#ez-toc-container nav ul li ul li a:before{content:counters(item,".") " "}.ez-toc-section{display:block;position:relative;top:calc(var(--header-desktop-height)*-1);visibility:hidden}</style><div id="ez-toc-container" class="ez-toc-v2_0_63 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction"><div class="ez-toc-title-container"><p class="ez-toc-title">Spis treści</p></div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="#jak-zbudowac-strone-internetowa-w-notatniku-krok-po-kroku" title="Jak zbudować stronę internetową w Notatniku: krok po kroku">Jak zbudować stronę internetową w Notatniku: krok po kroku</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-2" href="#jak-wykorzystac-notatnik-do-tworzenia-stron-internetowych" title="Jak wykorzystać Notatnik do tworzenia stron internetowych">Jak wykorzystać Notatnik do tworzenia stron internetowych</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-3" href="#jak-za-pomoca-notatnika-stworzyc-strone-internetowa-za-darmo" title="Jak za pomocą Notatnika stworzyć stronę internetową za darmo">Jak za pomocą Notatnika stworzyć stronę internetową za darmo</a></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-4" href="#konkluzja" title="Konkluzja">Konkluzja</a></li></ul></nav></div></div></div></div></div></div><style>.site-footer{background:#000;color:#fff;font-size:1.4rem;font-weight:700;padding:2.5rem 0}.site-footer .menu ul{display:flex;flex-flow:column wrap;list-style:none;font-size:1.1rem;padding:0;margin:0}.site-footer .menu ul li a{display:block;padding:.5rem 0;text-decoration:none}.site-footer .copyright{text-transform:uppercase;margin:2.5rem 0 0}@media (min-width:992px){.site-footer .container{display:flex;flex-flow:row nowrap;justify-content:space-between}.site-footer .copyright{order:1;margin:0}.site-footer .menu{order:2}.site-footer .menu ul{flex-flow:row nowrap}.site-footer .menu ul li a{padding:0 2rem}}</style><footer class="site-footer"><div class="container"><div class="menu"><ul><li id="menu-item-302283" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-302283"><a rel="privacy-policy" href="https://funkymedia.pl/polityka-prywatnosci">Polityka prywatności</a></li><li id="menu-item-397832" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-397832"><a href="https://funkymedia.pl/redakcja">Redakcja</a></li><li id="menu-item-302286" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-302286"><a href="https://funkymedia.pl/regulamin">Regulamin</a></li><li id="menu-item-302287" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-302287"><a href="https://funkymedia.pl/kontakt">Kontakt</a></li></ul></div><div class="copyright"> © 2024 FunkyMedia</div></div></footer><style>.contact-bookmark{position:fixed;top:calc(var(--header-mobile-height) + 4.5rem);right:0;width:7rem;height:7rem;background:#0f0e0e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38.451' height='25.797'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Rectangle_155' fill='none' stroke='%23e5e5e5' stroke-width='2' d='M0 0h38.451v25.797H0z' data-name='Rectangle 155'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_55' data-name='Group 55' transform='translate(-1374 -890)'%3E%3Cg id='Group_54' data-name='Group 54' transform='translate(1374 890)'%3E%3Cg id='Group_53' clip-path='url(%23clip-path)' data-name='Group 53'%3E%3Cpath id='Path_64' fill='none' stroke='%23e5e5e5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.5 7.5h36.742v24.088H7.5Zm36.742 0L25.871 22.543 7.5 7.5' data-name='Path 64' transform='translate(-6.646 -6.646)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/3.8rem 2.5rem no-repeat;z-index:999}@media (min-width:992px){.contact-bookmark{top:27rem}}</style><a href="https://funkymedia.pl/kontakt" title="Skontaktuj się z nami" class="contact-bookmark"></a> <script src="https://funkymedia.pl/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://funkymedia.pl/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script id="seo-automated-link-building-js-extra">var seoAutomatedLinkBuilding = {"ajaxUrl":"https:\/\/funkymedia.pl\/wp-admin\/admin-ajax.php"};</script> <script src="https://funkymedia.pl/wp-content/plugins/seo-automated-link-building/js/seo-automated-link-building.js?ver=6.4.4" id="seo-automated-link-building-js"></script> <script src="https://funkymedia.pl/wp-content/themes/funkymedia/js/lazysizes.min.js?ver=20231130121849" id="lazysizes-js"></script> <script src="https://funkymedia.pl/wp-content/themes/funkymedia/js/main.js?ver=20240313111837" id="main-js"></script> <script src="https://funkymedia.pl/wp-content/themes/funkymedia/js/single.js?ver=20231121131119" id="script-single-js"></script> <script src="https://funkymedia.pl/wp-content/themes/funkymedia/js/jquery.waypoints.min.js?ver=20231017102001" id="script-waypoints-js"></script> </body></html>