Tworzenie stron WWW

Kurs HTML - darmowe szkolenie: tworzenie stron internetowych

Kurs HTML - darmowe szkolenie: tworzenie stron internetowych Tworzenie stron WWW Strona główna
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
Jeszcze lepszy Kurs HTML i CSS
Strona
2019-12-12 13:42:03
Chociaż być może na pierwszy rzut oka od razu tego nie widać, ostatnio w Kursie zostały wprowadzone dość istotne zmiany. Mianowicie został on ostatecznie zaktualizowany pod kątem najnowszej specyfikacji HTML5 i CSS.

W związku z tym całkowicie usunięte zostały rozdziały: "CSS / Suwaki", "CSS / Filtry". Nie wchodziły one oficjalnie w skład specyfikacji, a przy tym obecnie żadna nowoczesna przeglądarka i tak już tego nie wspierała.

Ponadto w rozdziale "HTML / Nagłówek i treść" usunięte lub gruntownie zaktualizowane zostały następujące podrozdziały:
  • Skalowanie - całkiem nowy podrozdział, który opisuje, w jaki sposób sterować skalowaniem strony zwłaszcza na urządzeniach mobilnych (przydatne na stronach typu RWD);
  • Język strony - w HTML5 należy używać atrybutu lang="...", a nie znacznika META;
  • Autor strony - dodany został opis podania twórcy i wydawcy;
  • Roboty - opis dwóch nowych dyrektyw, dzięki którym można zablokować automatyczne tłumaczenie strony na inny język oraz indeksowanie obrazków, które się na niej znajdują;
  • Ikona strony - możliwość podania więcej niż jednej ikony (w tym PNG i SVG);
  • Nawigacja - usunięte zostały polecenia niezgodne z HTML5;
  • "Ostatnia modyfikacja", "Utrata ważności", "Cache" - te polecenia są już niezgodne z HTML5, a więc ich opis został usunięty.
Oprócz tego dopasowane do aktualnych treści zostały wszystkie generatory (a część z nich zupełnie usunięta) oraz pytania w quizie, do którego linki można znaleźć na końcu każdego z głównych rozdziałów w kategorii HTML. Rozwiązując quiz nie tylko można samodzielnie sprawdzić swoje postępy w nauce, ale istnieje również możliwość otrzymania imiennego certyfikatu zaświadczającego znajomość danej partii materiału.

Na podkreślenie zasługuje również fakt, że gruntownej aktualizacji dostąpił również rozdział HTML dla zielonych. W tej chwili jest w stu procentach zgodny z HTML5, a przy tym uczy już tylko dobrych praktyk webmasterskich - jak np. szablon strony w oparciu o elementy HTML5.

Zatem śmiało można powiedzieć, że teraz każdy czytelnik Kursu może mieć pewność, że nabędzie dzięki niemu wyłącznie najbardziej aktualną wiedzę oraz pozna dobre praktyki w tworzeniu stron internetowych. Z czystym sumieniem można polecać Kurs HTML i CSS każdemu, kto pragnie wejść w świat IT, a nie chce przy tym wydawać niemałych pieniędzy na płatne szkolenia lub korzystać wyłącznie z materiałów anglojęzycznych.
Sławomir Kokłowski
Komentarze
Odchudzony Kurs HTML
Strona
2019-01-07 21:42:43

Idąc za ciosem ostatniej zmiany w Kursie HTML i CSS, polegającej na ostatecznym dostosowaniu wszystkich treści do HTML5, nadszedł czas kolejnych ważnych przemian. Rozdziały: Nagłówek i treść, Tekst, Odsyłacze, Tabele, Multimedia oraz Ramki zostały odchudzone o opis wszystkich zdeprecjonowanych (niezalecanych) elementów i atrybutów. Usunięty został również opis wszystkich niestandardowych i przestarzałych poleceń. W sumie całkowicie zniknęły aż 34 podrozdziały, a większość pozostałych zostało gruntownie zmodyfikowanych. Ale zapewniam, że nie ma po czym płakać ;-) Przeciwnie, teraz przez cały Kurs HTML można przejść dużo szybciej. A przy okazji nie trzeba już zaprzątać sobie głowy nauką niepotrzebnych elementów.

Zatem nie dowiecie się już, do czego służył znacznik <font>...</font>, <bgsound>, <frameset>...</frameset>, <frame> czy atrybut text="...", background="..." albo align="...". Nie poznacie sposobu na osadzenie Windows Media Playera na stronie... który w dzisiejszych czasach i tak nie działał ;-)

Na szczególne podkreślenie zasługują zmiany w rozdziale Ramki. Być może nie wszyscy wiedzą, że specyfikacja HTML5 wcale nie zrezygnowała ze wszystkich ramek. Ramki lokalne (<iframe>...</iframe>) nadal są i będą wspierane. A to dlatego że idealnie nadają się do tworzenia widżetów, które można następnie osadzić na dowolnej stronie. Takie widżety udostępniają np. YouTube, Facebook czy Twitter. I właśnie na tym teraz skupia się rozdział pt. Ramki - jak za pomocą ramek lokalnych tworzyć uniwersalne widżety, a nie szkielet całej strony. Tradycyjne ramki odeszły do lamusa wraz z HTML 4.01 i tam powinny pozostać - podobnie jak tworzenie szkieletu strony w oparciu o ramki czy tabelki.

A to jeszcze na pewno nie koniec wszystkich zaplanowanych zmian w Kursie. No to miłej lektury :-)

Sławomir Kokłowski
Komentarze
HTML5, UTF-8
Strona
2018-12-26 14:18:10

Trochę to trwało, ale dzięki motywującemu komentarzowi jednego z użytkowników naszego forum dyskusyjnego w końcu doprowadziłem do końca najbardziej palące poprawki w Kursie. W tej chwili wszystkie przykłady kodów źródłowych są w formacie języka HTML, a nie XHTML. Powiedzmy sobie szczerze, poza bardzo specyficznymi sytuacjami, XHTML się nie przyjął.

Ponadto najwyższy już czas skończyć ze stroną kodową ISO-8859-2. Obecnym standardem jest UTF-8, dzięki któremu bezproblemowo można zapisać nie tylko polskie znaki diakrytyczne (tzw. ogonki), ale również niemal każdy alfabet świata.

Oczywiście sam kod źródłowy Kursu też został przepisany na HTML5 w zalecanym kodowaniu UTF-8.

Sławomir Kokłowski
Komentarze
Poprawiona dostępność
Strona
2015-01-07 13:47:26
Dobrze jest stosować się do własnych wytycznych: Nie zmuszaj czytelników do szukania odnośników - http://www.kurshtml.edu.pl/css/przykazania_webmastera,dobre_praktyki.html#widoczne_odsylacze
Właśnie dlatego dzisiaj do Kursu powróciły podkreślone linki. Być może usunięte podkreślenie wygląda atrakcyjnie graficznie, jednak nie zapominajmy, że strony internetowe przede wszystkim się czyta, a nie ogląda ;-)

Oprócz tego wczoraj nastąpiła jeszcze jedna zmiana - poprawienie kontrastu przycisków kategorii "JS" oraz "Informacje" w menu głównym. Wcześniej tekst na nich był zdecydowanie zbyt mało czytelny. Ale oprócz tego miało to jeszcze jeden cel. Wcześniej wszystkie przyciski rzeczywiście były w całkowicie jednolitym stylu - biały tekst i ciemniejsze tło. Jednak tak naprawdę nie do końca to miało sens. Przecież kategoria "Informacje" jest zupełnie innego rodzaju niż pozostałe - znajdują się w niej dodatki i informacje odnośnie całego serwisu, a nie kolejne rozdziały kursu. Natomiast jeżeli chodzi o kategorię "JS", to obecne kolory - żółty i [prawie] czarny - są oficjalnymi barwami logo języka JavaScript, przyjętego przez społeczność programistów.
Sławomir Kokłowski
Komentarze
Kurs HTML - darmowe szkolenie: tworzenie stron internetowych Tworzenie stron WWW Strona główna