Tworzenie stron WWW

Kurs HTML - darmowe szkolenie: tworzenie stron internetowych

Powtórka HTML
HTML
2021-10-27 17:33:52
Jak sprawdzić, czy rzeczywiście pamiętasz materiał poznany w Kursie HTML? Pewnie można drugi raz przerobić cały kurs, ale nie jest to najszybsza metoda ;-) Teraz pod rozdziałami w kategorii HTML znajdziesz specjalną część pt. Powtórka. Dzięki temu szybkim rzutem oka przekonasz się, czy wiedza poznana w kursie odpowiednio utrwaliła się w Twojej głowie.
Sławomir Kokłowski


Przykłady HTML, CSS, JS
Strona
2021-10-24 23:39:09
A gdyby tak istniał kompletny kurs HTML, CSS i JS bez zbędnego gadania - tylko same przykłady (dosłownie!). Teraz już jest: To prawdopodobnie pierwsze tego typu opracowanie w całym Internecie. Możesz je traktować jako kompendium gotowych przykładów kodu źródłowego, które rozwiązują konkretne problemy, na jakie natrafisz podczas tworzenia własnej strony WWW. Możesz również zrobić sobie naprawdę błyskawiczną powtórkę, żeby przekonać się, czy wcześniej nabyta wiedza z biegiem czasu częściowo nie wyparowała.
Sławomir Kokłowski


Odznaki
Strona
2021-09-08 10:31:51
Czy wiesz, że czytając Kurs HTML i CSS możesz nie tylko posiąść za darmo bezcenną wiedzę, ale również zdobywać wirtualne odznaki?
  • 🥉 Przeczytaj przynajmniej jedną część z dowolnego rozdziału, aby zdobyć brązowy medal.
  • 🥈 Przeczytaj wszystkie części z dowolnego rozdziału, aby zdobyć srebrny medal.
  • 🏅 Przeczytaj wszystkie rozdziały z dowolnej kategorii, aby zdobyć złoty medal.
  • 🏆 Przeczytaj wszystkie kategorie, aby zdobyć puchar.
Po zdobyciu odznaki odpowiednia ikona pojawi się w prawym dolnym rogu ekranu. Kliknij ją, aby zobaczyć szczegóły oraz sprawdzić stopień postępu do zdobycia kolejnej odznaki.

To jak, uda Ci się zdobyć przynajmniej srebrny medal? 😉
Sławomir Kokłowski


Responsywny szablon
CSS
2021-08-30 17:31:16
Czy wiesz, co to jest responsive web design (RWD)? Powiedzmy sobie szczerze: w dzisiejszych czasach nie można zostać profesjonalnym webmasterem nie znając tej techniki. W zupełnie nowym rozdziale znajdziesz kompleksowy opis różnych podejść i dobrych praktyk przy tworzeniu stron mobilnych. Zapoznasz się również z gotowymi przykładami użycia, które wprost będzie można wykorzystać na Twojej stronie.
Sławomir Kokłowski

Komentarze
Typy MIME
HTML
2021-05-10 17:40:39
Zupełnie nowy rozdział w Kursie HTML, który opisuje, co to są typy MIME i dlaczego są tak ważne na stronach internetowych. Znajdziesz w nim ponadto obszerną listę, która przedstawia wykaz rozszerzeń nazw plików przyporządkowanych określonym typom MIME. Dodatkowo w rozdziale pt. Selektor plików / Filtr typu plików przeczytasz o nowych możliwościach, jakie daje język HTML5 przy definiowaniu filtrów podczas wyboru plików z dysku lokalnego przez użytkownika.
Sławomir Kokłowski


CSS dla zielonych
CSS
2020-08-18 09:44:33
Znasz już trochę język HTML, ale wciąż masz problemy z tym dziwnym CSS-em? Mimo wielokrotnych podejść do jego nauki, za każdym razem kończyło się utknięciem gdzieś na początku ze smutnym wnioskiem: "Nigdy przed to nie przebrnę"? A może od dalszej nauki odstraszał Cię ogrom tematów?

Jeśli Twoja odpowiedź przynajmniej na jedno z tych pytań brzmi "tak", mam dla Ciebie fantastyczną wiadomość. Nie musisz się już tak męczyć. Skorzystaj z całkiem nowego rozdziału w Kursie pt. "CSS dla zielonych", w którym zupełnie od podstaw nawet w pół godzinki zrobisz pierwszy krok w kierunku nauki Kaskadowych Arkuszy Stylów. A potem z pewnością już pójdzie z górki :-)
Sławomir Kokłowski

Komentarze
Emotikony (emoji)
HTML
2020-04-26 13:38:42
Zastanawiało Cię kiedyś, w jaki sposób ludzie wstawiają na Facebooku niestandardowe ikonki obrazkowe w treści wiadomości? Teraz już nie musisz się zastanawiać :-) W Kursie HTML znajdziesz pełną listę wszystkich istniejących ikon emocji. Możesz je wstawiać w wiadomościach na Facebooku bądź dowolnym innym serwisie społecznościowym albo na swojej stronie WWW.
Sławomir Kokłowski


Ćwiczenia
HTML
2020-03-01 15:14:54
Teoria bez praktyki jest niczym. Często dopiero na etapie ćwiczeń praktycznych okazuje się, że tak naprawdę nie do końca właściwie zrozumieliśmy teorię. Jednak przede wszystkim to praktyka sprawia, że stajemy się coraz lepsi w danej dziedzinie. To z kolei pobudza i rozwija naszą pasję, dzięki której możemy stać się prawdziwymi mistrzami - praktyka czyni mistrza.

Dlatego teraz na końcu rozdziałów znajdziesz praktyczne ćwiczenia, dzięki którym w miarę postępów w nauce możesz na bieżąco tworzyć i rozbudowywać własną, prawdziwą stronę internetową:
Sławomir Kokłowski


HTML5 / Responsywny obrazek
HTML
2019-12-17 15:25:00
Właśnie do Kursu został dodany opis zupełnie nowego znacznika HTML5, który jest szczególnie przydatny przy zamieszczaniu na stronie ilustracji i zdjęć.

Znamy już sposób wstawienia zwykłego obrazka na stronę za pomocą znacznika IMG. Niestety istnieją przypadki, kiedy jest on niewystarczający. Najczęściej ma to związek z urządzeniami mobilnymi. Trudno spodziewać się, że to samo zdjęcie będzie równie dobrze wyglądać zarówno na dużym ekranie laptopa i na niewielkim smartfonie. Ponadto urządzenia mobilne są również częściej narażone na niestabilną prędkość transferu danych. Właśnie z tych powodów do specyfikacji HTML5 wprowadzono nowy element: PICTURE.
Sławomir Kokłowski

Komentarze
Nowe elementy i atrybuty HTML5
HTML
2019-12-12 21:24:54
Kto by się spodziewał, że element HGROUP usunięty ze specyfikacji HTML5 jeszcze w 2013 roku ostatecznie zostanie przywrócony?

Oprócz tego dostępna jest zaktualizowana lista atrybutów, które zostały dodane do specyfikacji HTML5:
  • crossorigin - steruje przesyłaniem danych uwierzytelniających takich jak ciasteczka (ang. cookies).
  • decoding - podpowiada przeglądarce, w jaki sposób najlepiej wyświetlić dany obrazek.
  • minlength - pozwala wymusić wpisanie w polu formularza tekstu składającego się przynajmniej z podanej liczb znaków.
  • pattern - dodany opis w jaki sposób wyświetlić użytkownikowi komunikat, który bardziej szczegółowo opisuje wymagany format w polu tekstowym formularza.
  • sandbox - dodany opis nowych wartości: allow-modals, allow-popups-to-escape-sandbox, allow-top-navigation-by-user-activation.
  • srclang, label, kind - pozwala dodać wiele wersji językowych napisów do filmu wideo, a nawet specjalną wersję dla osób niesłyszących albo transkrypcję dla niewidomych.
Sławomir Kokłowski

Komentarze