Tworzenie stron internetowych może wydawać się skomplikowane, jeśli nie jesteś programistą. Ale nie martw się! Ten przewodnik pokazuje, jak łatwo możesz zacząć. Dowiesz się o HTML5, który tworzy strukturę strony, CSS3, które dodaje styl i layout, oraz JavaScript, który czyni stronę interaktywną.
Nauczysz się też używać narzędzi, takich jak Notepad++ i Git, oraz frameworków Bootstrap i React, by zrobić swoją stronę responsywną i dostępną dla wszystkich. SEO też jest ważne – pokażemy ci, jak sprawić, by twoja strona ładowała się szybko i była widoczna w sieci.
A z naszymi zasobami edukacyjnymi, takimi jak kursy online i społeczności internetowe, nauka stanie się jeszcze łatwiejsza. Zacznij tworzyć własną stronę etapami i odkryj przyjemność z tworzenia w sieci już dziś!
Główne Wnioski
- HTML5 to język do tworzenia strony. Ucz się go, żeby zbudować podstawę portalu.
- CSS3 sprawia, że strony wyglądają dobrze, a TypeScript dodaje interaktywności.
- Użyj edytorów tekstu i Git do pracy nad kodem. Bootstrap i React pomogą w designie.
- Projektuj strony, które pasują do każdego urządzenia. Pamiętaj o szybkim ładowaniu.
- SEO ważne dla widoczności strony. Optymalizuj treści i zdjęcia, by strona była wyżej w wyszukiwarkach.
Podstawowe technologie tworzenia stron internetowych
Podstawowe technologie tworzenia stron internetowych to HTML5, CSS3 i JavaScript. Możesz użyć HTML5 do strukturyzowania zawartości strony internetowej, CSS3 do nadania jej stylu i układu, a JavaScriptu do dodania interaktywności i dynamiki.
Dodatkowo, poznasz jak wykorzystać CSS i JavaScript do stworzenia angażujących animacji na swojej stronie internetowej.
HTML5: Struktura i podstawy
HTML5 to język, który daje życie stronie internetowej. To jak szkielet, który trzyma wszystko razem. Zacznij od nauki znaczników – takich małych kodów, które mówią przeglądarkom, jak wyświetlać teksty, obrazy czy linki.
Z HTML5 tworzysz podstawę strony www.
Nauczysz się tego szybko, szczególnie jeśli skorzystasz z kursów online. W ciągu tylko 3 dni i przez 24 godziny nauczysz się wszystkiego o strukturze i podstawach HTML5. I nie martw się o koszt – książka “HTML5 Pocket Reference” kosztuje tylko 31,34 zł.
To mała inwestycja, która otworzy przed Tobą drzwi do świata tworzenia stron internetowych.
Z HTML5 możesz stworzyć coś fajnego od zera. Pomyśl o tym jak o budowaniu domu. Najpierw rysujesz plan, a potem krok po kroku dodajesz kolejne elementy. Dzięki temu masz podstawy, by dalej eksperymentować i uczyć się CSS3 oraz JavaScriptu.
To dopiero początek przygody z projektowaniem stron internetowych!
CSS3: Stylizacja i layout
CSS3 to magia, która sprawia, że strony www wyglądają świetnie. Ucz się CSS, to jak malować płótno. Zaczynasz od pustej strony i dodajesz kolory, wzory i kształty. W książce “HTML i CSS: Przewodnik dla początkujących” za 41,40 zł znajdziesz wszystko, czego potrzebujesz.
Pokazuje jak używać Flexboxa i Grida do tworzenia responsywnych stron. To oznacza, że twoja strona będzie dobrze wyglądać na każdym urządzeniu.
Flexbox i Grid to dwa narzędzia, które zmieniają grę w projektowaniu witryn. Pozwalają łatwo ułożyć elementy na stronie. Możesz umieścić coś dokładnie tam, gdzie chcesz, bez zmagania się z kodem.
Plus, tworząc responsywne strony, robisz internet dostępny dla wszystkich. Więc wszyscy mogą cieszyć się twoją pracą, niezależnie od tego, z jakiego urządzenia korzystają.
CSS3 jest jak pędzel dla malarza – pozwala ożywić twoje pomysły na ekranie.
Teraz, gdy wiesz jak ważny jest CSS3 dla wyglądu twojej strony, czas rozważyć następny krok. Dodanie interaktywności z JavaScript sprawi, że twoja strona nie tylko będzie ładna, ale też “inteligentna”.
JavaScript: Interaktywność i dynamika
Po dodaniu stylu do Twojej strony z CSS, czas na JavaScript. To on sprawia, że strona staje się żywa. Dzięki JavaScript, Twoja strona może reagować na to, co robią użytkownicy.
Możesz dodać przyciski, które coś robią po kliknięciu, albo informacje, które się zmieniają bez przeładowania strony. Właśnie tę magię opisuje Dave Thau w książce „JavaScript od pierwszej linii kodu”, która kosztuje 59,40 zł.
JavaScript pozwala też korzystać z DOM API, by manipulować stroną. Dzięki temu możesz zmieniać tekst, obrazy czy nawet cały układ strony z poziomu skryptu. Używając bibliotek jak jQuery, tworzenie dynamicznych elementów staje się łatwiejsze.
To właśnie dzięki JavaScript strony internetowe stają się interaktywne i pełne życia.
Jak używać CSS i JavaScript do tworzenia angażujących animacji na stronach internetowych
Aby stworzyć dynamiczne animacje na stronach internetowych, możesz wykorzystać CSS i JavaScript. CSS pozwala na manipulowanie wyglądem elementów, co daje możliwość tworzenia animacji.
Na przykład, możesz zmieniać kolor, rozmiar i położenie elementów w odpowiedzi na interakcje użytkownika lub zdarzenia na stronie. JavaScript pozwala na dodanie interaktywności do tych animacji, co oznacza, że możesz sprawić, że animacje reagują na zachowanie użytkownika.
Możesz używać kodu JavaScript osadzonego w tagach w HTML, aby kontrolować zachowanie animacji w zależności od działań użytkownika lub stanu strony.
Teraz, gdy znasz podstawy CSS i JavaScript do tworzenia animacji, możesz zacząć eksperymentować z różnymi efektami i interakcjami, aby sprawić, że Twoje strony internetowe staną się bardziej angażujące dla odwiedzających.
Narzędzia niezbędne dla początkujących webmasterów
Dla początkujących webmasterów kluczowe są edytory tekstu oraz narzędzia do kontroli wersji, takie jak Git. Frameworki, takie jak Bootstrap i React, także będą przydatne. Przeczytaj więcej, aby dowiedzieć się, jak te narzędzia mogą ułatwić Ci tworzenie stron.
Edytory tekstu i IDE
Jeśli chcesz tworzyć strony internetowe, będziesz potrzebować odpowiednich narzędzi. Edytory tekstu i środowiska programistyczne (IDE) to właśnie takie narzędzia, których będziesz potrzebować.
Gdy edytujesz kod HTML, CSS i JavaScript, będziesz potrzebował edytora tekstu. Możesz użyć Notepad++, Sublime Text lub Visual Studio Code. To jak farby i pędzle dla artysty, ale dla twórców stron internetowych! Dlatego wybierz taki, który sprawia, że czujesz się komfortowo i może nawet zainspiruje cię do kreatywności.
Narzędzia do kontroli wersji (Git)
Jeśli chcesz zarządzać historią zmian w swoim projekcie, to warto poznać Git. Git to narzędzie, które pozwala zapisywać wszystkie zmiany w plikach oraz wycofywać się do wcześniejszych wersji.
To bardzo przydatne, gdy coś pójdzie nie tak lub chcesz zobaczyć, jak wyglądał projekt wcześniej. Dzięki niemu możesz pracować równolegle z innymi osobami nad projektem, a potem łączyć wszystkie zmiany w spójny sposób.
Inne kategorie narzędzi do kontroli wersji to Mercurial i SVN, ale Git jest obecnie najpopularniejszy i ma największą społeczność użytkowników.
Git jest dostępny dla systemów Windows, Mac OS X i Linux, co oznacza, że można go używać na wielu różnych komputerach. Warto zaznaczyć, że zostały napisane liczne książki oraz tutoriale na temat Git, więc masz dostęp do wielu źródeł informacji.
Teraz to dobry moment na naukę!
Frameworki: Bootstrap, React
Bootstrap to biblioteka otwartego oprogramowania do tworzenia stron internetowych. Możesz ją wykorzystać do szybkiego dodawania stylów i układów do strony. React to biblioteka JavaScript, która pomaga w tworzeniu interaktywnych elementów na stronie.
Możesz zainstalować React-Bootstrap, by łączyć Bootstrap z aplikacjami React. Można użyć CDN, by dodać style Bootstrap do swojej strony. To ułatwia dodanie gotowych rozwiązań do projektu.
Projektowanie responsywne i dostępność
Projektowanie responsywne zapewnia, że twoja strona wygląda dobrze i działa poprawnie na różnych rodzajach urządzeń. Dostępność to ważny aspekt, który sprawia, że Twoja strona jest łatwo dostępna dla wszystkich użytkowników, niezależnie od ewentualnych ograniczeń.
Zasady projektowania responsywnego
Tworzenie stron internetowych, aby były dopasowane do różnych urządzeń, jest ważne. Tutaj masz kilka zasad, którymi należy się kierować:
- Wykorzystuj płynne siatki i obrazy, które dostosowują się automatycznie do ekranów.
- Stosuj techniki media queries, które pozwalają na responsywne projektowanie.
- Używaj frameworków takich jak Bootstrap, aby ułatwić projektowanie responsywne.
Zważając na te zasady, Twój następny krok w nauce tworzenia stron internetowych będzie jeszcze bardziej udany.
Dostosowanie strony do różnych urządzeń
Twoje strony internetowe muszą być dostosowane do różnych urządzeń, takich jak smartfony, tablety i komputery. Optymalizacja obrazów jest kluczowa dla poprawnego wyświetlania się stron na różnych ekranach.
Oto kilka istotnych praktyk dotyczących dostosowywania strony do różnych urządzeń:
- Użyj technologii RWD, aby zapewnić, że treści wyglądają dobrze na każdym urządzeniu.
- Upewnij się, że strona szybko się ładować – to ważne dla użytkowników mobilnych.
- Popraw jakość obrazów i grafik, aby były czytelne nawet na mniejszych ekranach.
- Zadbaj o czytelną czcionkę i układ elementów na stronie, aby ułatwić przeglądanie na małych ekranach.
Dostosowanie strony do różnych urządzeń wpływa znacząco na użytkowalność Twojej strony internetowej. Może to mieć istotny wpływ na zadowolenie użytkowników i efektywność Twojej witryny internetowej.
Znaczenie dostępności w sieci
Projektowanie stron www powinno uwzględniać dostępność dla wszystkich użytkowników. Wytyczne dotyczące dostępności internetowej oferują rekomendacje, które pomagają stronom spełniać standardy dostępności.
Poprawa dostępności ma korzyści biznesowe, ponieważ umożliwia większej liczbie osób korzystanie ze strony. Dzięki temu można zwiększyć zasięg i użyteczność witryny. Umożliwienie osobom niepełnosprawnym skorzystania ze strony również wpływa pozytywnie na wizerunek firmy, pokazując troskę o różnorodność i inkluzywność.
Zwiększenie dostępności internetowej sprawia, że witryna staje się bardziej przyjazna dla szerokiego grona odbiorców. To ważne z punktu widzenia zarówno etycznego, jak i biznesowego.
Teraz możesz dowiedzieć się więcej na temat zasad projektowania responsywnego, które również są niezwykle istotne dla zapewnienia jak najlepszej jakości witryny internetowej.
Podstawy optymalizacji i SEO
Poznaj podstawy optymalizacji swojej strony internetowej, aby poprawić jej pozycję w wynikach wyszukiwania. Zrozum, jak szybkość ładowania strony oraz optymalizacja treści i zdjęć wpływają na doświadczenie użytkownika.
Techniki SEO dla początkujących
Chcesz się nauczyć, jak sprawić, by twoja strona internetowa była znajdowana przez więcej osób? Oto kilka technik SEO dla początkujących:
- Zoptymalizuj meta dane, takie jak tytuł i opisy.
- Linkuj wewnętrznie i zewnętrznie, co poprawia pozycję strony.
- Utrzymuj regularne aktualizacje i dostosowania dla efektywnej strategii SEO.
- Dbaj o szybkość ładowania strony – to wpływa na jej pozycję w wynikach wyszukiwania.
- Optymalizuj treści i obrazy na stronie – to pomaga w lepszej widoczności online.
Ile z nich już znasz?
Szybkość ładowania strony
Czas ładowania strony internetowej jest bardzo ważny. Idealnie powinna się ładować w mniej niż 3 sekundy. Kiedy strona ładuje się dłużej, ludzie częściej ją opuszczają.
Wzrost czasu ładowania z 1 do 3 sekund może spowodować aż 32% odrzuceń. Ważne wskaźniki to LCP, FCP, CLS, INP i TBT. Teraz zajmiemy się optymalizacją treści i zdjęć na stronie, żeby poprawić szybkość ładowania.
Po optymalizacji zdjęć i treści, zajmiemy się optymalizacją samej strony.
Teraz porozmawiajmy o optymalizacji treści i zdjęć. Będę Cię uczył jak to zrobić.
Optymalizacja treści i zdjęć
Chcesz, żeby Twoja strona internetowa była atrakcyjna i szybko się ładowała. Optymalizacja treści, zwłaszcza obrazów, jest kluczowa. Dzięki temu strona będzie bardziej atrakcyjna dla użytkowników i lepiej oceniona przez wyszukiwarki.
Możesz wykorzystać narzędzia online do kompresji obrazów bez utraty jakości, co znacząco przyspieszy ładowanie strony. Dodatkowo, ważne jest dbanie o teksty na stronie. Treści powinny być klarowne i zwięzłe, a także zawierać odpowiednie słowa kluczowe związane z Twoją branżą.
Optymalizacja treści i zdjęć to kluczowy aspekt w tworzeniu stron internetowych. Przeanalizuj treści i obrazy na swojej stronie, aby zoptymalizować ich wielkość i jakość. Możesz również skorzystać z narzędzi online do kompresji obrazów bez utraty jakości.
Dzięki temu Twoja strona będzie szybsza i bardziej atrakcyjna dla użytkowników.
Zasoby i materiały edukacyjne
Jeśli chcesz pogłębić swoją wiedzę, istnieje wiele zasobów edukacyjnych dostępnych online. Znajdziesz tu kursy internetowe, webinary, ebooki oraz społeczności i fora internetowe, gdzie można wymieniać się pomysłami i pytaniami.
Zachęcam do zapoznania się z pełnym artykułem na blogu!
Kursy online i ebooki
Poszukujesz wartościowych materiałów edukacyjnych? Rozważ kursy online i ebooki, które mogą przybliżyć Ci podstawy tworzenia stron internetowych. Oto lista godnych uwagi źródeł:
- Kurs „Frontend – od podstaw” oferowany przez pewne platformy trwa aż 4 miesiące.
- Koszt kursu wynosi 13 900 zł brutto z opcją płatności w ratach.
- Kurs ten obejmuje tematykę HTML, CSS, JavaScript, TypeScript, React oraz Next.js.
- Istnieją także darmowe kursy online pokrywające tematy takie jak projektowanie responsywne oraz optymalizacja treści i zdjęć.
- E-booki dostępne online mogą zapewnić dodatkowe wsparcie w nauce, a także uzupełniający materiał do samokształcenia.
- Jednym z polecanych e-booków jest „Projektowanie responsywnych stron internetowych dla początkujących” autorstwa Jennifer Robbins.
Przy wyborze materiałów edukacyjnych zawsze warto skonsultować się z innymi osobami bądź społecznościami online, aby uzyskać rekomendacje najlepszych źródeł nauki.
Webinary i warsztaty
W poprzedniej sekcji dowiedziałeś się o kursach online i ebookach, ale zdobycie wiedzy nie musi ograniczać się tylko do tych form. Istnieją też webinary i warsztaty, które mogą być równie wartościowe. Oto dlaczego:
- Webinary to seminaria internetowe, w których eksperci dzielą się swoją wiedzą na żywo przez internet.
- Warsztaty to intensywne sesje szkoleniowe, podczas których uczestnicy mogą praktycznie stosować wiedzę na temat tworzenia stron internetowych.
Uczestnictwo w takich wydarzeniach może zapewnić dodatkową praktykę i wsparcie prowadzone przez doświadczonych specjalistów z dziedziny tworzenia stron internetowych.
Społeczności i fora internetowe
Jeśli jesteś zainteresowany nauką tworzenia stron internetowych, to społeczności i fora internetowe są doskonałym miejscem do zdobywania wiedzy i dzielenia się doświadczeniem. Poniżej znajdziesz kluczowe społeczności i fora internetowe, gdzie możesz czerpać inspirację, uzyskiwać pomoc od ekspertów oraz rozwijać swoje umiejętności:
- Stack Overflow: Ogromne forum programistyczne oferujące wsparcie w rozwiązywaniu problemów z kodowaniem HTML, CSS i JavaScript.
- GitHub Community: Znajdziesz tutaj społeczność programistów wspierających otwartoźródło¬we projekty oraz udostępniających cenne materiały edukacyjne.
- Codecademy Forum: Doskonałe miejsce dla początkujących, gdzie można uzyskać wsparcie przy nauce podstaw kodowania.
- Reddit Webdev: Subreddit dla web developerów oferujący dyskusje na temat najnowszych trendów i technologii związanych z tworzeniem stron internetowych.
- Dribbble Community: Społeczność projektantów interfejsu użytkownika (UI) and interaktywnych elementów (UX), gdzie można znaleźć inspirację oraz otrzymać konstruktywną opinię na temat swoich projektów.
Zaangażowanie w te społeczności pozwoli ci rozwijać umiejętności oraz poznać we współpracy innych pasjonatów tworzenia stron internetowych.
Projektowanie własnej strony internetowej krok po kroku
Chciałbyś, aby Twój pierwszy projekt strony internetowej był udany. Oto kroki, które pomogą Ci to osiągnąć:
- Wybierz temat i cel swojej strony – czy będzie to blog, sklep internetowy czy portfolio?
- Zdobywaj inspiracje od innych stron internetowych, zauważ jakie elementy lubisz i chciałbyś mieć na swojej stronie.
- Sporządź szkic layoutu strony – pomyśl o rozmieszczeniu sekcji i elementów.
- Wybierz odpowiedni framework lub narzędzia do budowy strony – na przykład Bootstrap dla responsywnego designu.
- Rozpocznij od stworzenia podstawowego pliku HTML, dodaj nagłówek, treść i stopkę.
- Stylizuj swoją stronę za pomocą CSS – wybierz kolory, czcionki i układ elementów.
- Dodaj interaktywne funkcje za pomocą JavaScript – na przykład formularze kontaktowe lub animacje.
Zmień niektóre z tych słów:
strona -> portal
JavaScript -> TypeScript
Podsumowanie i następne kroki w nauce tworzenia stron internetowych
Wiesz już, jak działa HTML i CSS, a także jak używać JavaScript do tworzenia animacji na stronach internetowych. Teraz możesz zacząć projektować swoją własną stronę. Pamiętaj o odpowiednim dostosowaniu jej do różnych urządzeń, optymalizacji dla wyszukiwarek i znaczeniu dostępności w sieci.
Nie zapomnij też o korzystaniu z różnych narzędzi, takich jak edytory tekstu i narzędzia do kontroli wersji. Teraz możesz rozpocząć swoją własną przygodę z projektowaniem stron internetowych!
Zakończenie
Gratulacje! Zostałeś zainspirowany do nauki tworzenia stron internetowych. Teraz masz dostęp do wielu materiałów edukacyjnych, takich jak kursy online i ebooki, które pomogą Ci zgłębić wiedzę na temat HTML5, CSS3 i innych technologii webowych.
Książka “Projektowanie stron internetowych” jest świetnym punktem wyjścia dla początkujących, oferując praktyczne ćwiczenia i użyteczne polecania. Nie zapomnij także o materiałach edukacyjnych, dostępnych z atrakcyjnymi rabatami sięgającymi nawet 70%.
Możesz skorzystać z wielu źródeł, aby poszerzyć swoją wiedzę na temat projektowania responsywnego, optymalizacji treści oraz znaczenia dostępności w sieci. Rozpocznij swoją przygodę z tworzeniem stron internetowych już teraz!
Aby dowiedzieć się więcej na temat tworzenia angażujących animacji przy użyciu CSS i JavaScript, odwiedź nasz przewodnik.
Często Zadawane Pytania
1. Czym jest kurs online dla osób niebędących programistami zainteresowanych nauką podstaw tworzenia stron internetowych?
Kurs online to forma nauki, która umożliwia Ci zdobycie wiedzy o tworzeniu stron internetowych, języku programowania, skryptach DOM i bibliotekach Javascript, nawet jeśli nie jesteś programistą.
2. Jakie są podstawy tworzenia stron internetowych?
Podstawy tworzenia stron internetowych obejmują naukę języka programowania, takiego jak PHP, zrozumienie DNS, korzystanie z bibliotek Javascript i arkuszy stylów CSS, a także optymalizację grafiki.
3. Czy nauczę się optymalizować grafikę na stronach internetowych?
Tak, optymalizacja grafiki to kluczowy element kursu. Dowiesz się, jak poprawić wydajność swojej strony www, sklepu internetowego lub aplikacji internetowej.
4. Czy po ukończeniu kursu dostanę certyfikat?
Tak, po ukończeniu kursu online otrzymasz certyfikat ukończenia, który potwierdzi Twoją wiedzę i umiejętności w zakresie tworzenia stron internetowych.
5. Czy kurs obejmuje naukę o dostępności treści webowych (Web Content Accessibility Guidelines)?
Tak! Kurs obejmuje naukę o zasadach dostępności treści webowych (WCAG), co pomoże Ci tworzyć strony www przyjazne dla wszystkich użytkowników.
6. Czy kurs obejmuje naukę o bazach danych?
Tak, nauka o bazach danych to ważny element tworzenia stron internetowych. Dowiesz się, jak korzystać z nich w celu efektywnego zarządzania danymi na swojej stronie internetowej.
Referencje
- https://www.comarch.pl/szkolenia/grafika-i-projektowanie/html/html-html5-poziom-podstawowy/
- https://helion.pl/ksiazki/projektowanie-stron-internetowych-przewodnik-dla-poczatkujacych-webmasterow-po-html5-css3-i-grafic-jennifer-robbins,psippv.htm?srsltid=AfmBOopnHhVkcgu3BNQHqHUc95adimQ6Bn5RxbKJoGCauo8Be-NBPPQI
- https://helion.pl/ksiazki/projektowanie-stron-internetowych-przewodnik-dla-poczatkujacych-webmasterow-po-html5-css3-i-grafic-jennifer-robbins,psippv.htm?srsltid=AfmBOopJC90h_AtfkyzWSKIJs4MUuJ4DvImSCnzA90Iub48c2lBL0-UM
- https://develtio.pl/blog/wiedza/najlepsze-technologie-do-budowania-stron/
- https://pl.khanacademy.org/computing/computer-programming/html-css-js
- https://helion.pl/ksiazki/javascript-podrecznik-tworzenia-interaktywnych-stron-internetowych-wydanie-ii-dave-thau,jscpod.htm?srsltid=AfmBOorSxXyPvP3vDxG915Cmyfi2nXOOK15DyKMbomNmOB3g5pYvzMdd
- https://theforcecode.com/help/pl/html-css-javascript-podstawowe-jezyki-programowania/
- https://helion.pl/ksiazki/projektowanie-stron-internetowych-przewodnik-dla-poczatkujacych-webmasterow-po-html5-css3-i-grafic-jennifer-robbins,psippv.htm?srsltid=AfmBOorW6kENQ1OVy2X3h5yJ6fOwzeXDEvgwjGQIsXJh8IY-l68eicLK
- https://helion.pl/kategorie/webmasterstwo/tworzenie-stron-www?srsltid=AfmBOooc9-BlEewzAsD1yIEUX6aCNUPgkENbwDmGw2tisQOp55upFDg9
- https://mindboxgroup.com/pl/czym-jest-system-kontroli-wersji-git-i-dlaczego-kazdy-programista-powinien-go-znac/
- https://git-scm.com/book/pl/v2/Pierwsze-kroki-Wprowadzenie-do-kontroli-wersji
- https://react-bootstrap.netlify.app/docs/getting-started/introduction/
- https://www.youtube.com/playlist?list=PL8arivBPQWw2IoYtM8mGgu6uZfwo_KY-4
- https://thestory.is/pl/journal/responsive-web-design/
- https://mateuszkozlowski.pl/blog/rwd-podstawy-responsywnego-projektowania-stron-internetowych-wszystko-co-musisz-wiedziec/ (2023-06-19)
- https://appmaster.io/pl/blog/doskonal-swoje-umiejetnosci-projektowania-dzieki-aplikacjom-do-tworzenia-stron-internetowych
- https://hugevoice.pl/blog/projektowanie-stron-internetowych-czy-twoja-witryna-jest-dostepna-dla-uzytkownikow/
- https://www.w3.org/WAI/fundamentals/accessibility-intro/pl
- https://mateuszkozlowski.pl/blog/seo-dla-poczatkujacych-kompletny-przewodnik-po-podstawach-optymalizacji-strony/
- https://helion.pl/ksiazki/seo-dla-poczatkujacych-agnieszka-ciborowska-jaroslaw-lipinski,seopoc.htm?srsltid=AfmBOoq1QwRPDNfrxgaOaPgx3KS2I5xgOJXeqPCIpD0Qn3X7VgocuJN9
- https://www.whitepress.com/pl/baza-wiedzy/986/szybkosc-ladowania-strony (2024-05-28)
- https://octamedia.pl/blog/szybkosc-strony/
- https://widoczni.com/blog/optymalizacja-i-aktualizacja-tresci-seo/
- https://www.learncoding.academy/frontend
- https://websamuraj.pl/
- https://strefakursow.pl/kursy/programowanie/warsztaty_tworzenia_stron_internetowych.html?srsltid=AfmBOooziEWocXPC8vNHy3t4bbFtWcNxgkV185UYjI8TftCvWXQOsvnF
- https://helion.pl/kategorie/webmasterstwo/tworzenie-stron-www?srsltid=AfmBOopZnhwivje39v3ntoxPhyZ80tiNdAdDmMOOSBkU3pBRnXwbKAbN
- https://helion.pl/ksiazki/projektowanie-stron-internetowych-przewodnik-dla-poczatkujacych-webmasterow-po-html5-css3-i-grafic-jennifer-robbins,psippv.htm?srsltid=AfmBOorWv01rUcZ2oiBrivZN6X9xroGxUppl60yipg9rCSV95q1GAPOH
- https://pl.strikingly.com/blog/posts/ostateczny-przewodnik-po-byciu-programista-internetowym (2024-09-14)
- https://api.pageplace.de/preview/DT0400.9781457178818_A24039859/preview-9781457178818_A24039859.pdf