Tworzenie stron WWW

Kurs HTML - darmowe szkolenie: tworzenie stron internetowych

Kurs HTML - darmowe szkolenie: tworzenie stron internetowych Tworzenie stron WWW Strona główna
Odznaki
Strona
2021-09-08 09: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

Jeszcze lepszy Kurs HTML i CSS
Strona
2019-12-12 12: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 20: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 13: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 12: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
Nowy wygląd
Strona
2015-01-01 14:25:08
Dzisiaj, wraz z przyjściem Nowego Roku, Kurs HTML również zyskał zupełnie odmieniony, bardziej nowoczesny wygląd.

Motywem przewodnim było przede wszystkim wyeksponowanie treści. Między innymi dlatego właśnie zniknęła grafika nagłówkowa, a w zamian pojawiło się tylko niewielkie logo. Lepiej wyeksponowane są przyciski głównych kategorii, a do każdej został przypisany odpowiedni kolor, żeby można się było łatwiej poruszać po serwisie. Najważniejszą zmianą, jeśli chodzi o użyteczność, jest chyba główna belka nawigacyjna, przyklejona do górnej krawędzi okna. Dzięki temu najważniejsze linki są zawsze pod ręką, bez konieczności przewijania ekranu. Przygotowana również została wersja mobilna w postaci RWD. Aby ją zobaczyć wystarczy przeciągnąć krawędź okna przeglądarki, zmniejszając jego szerokość.

Mam nadzieję, że nowy wygląd przypadnie do gustu wszystkim czytelnikom. Gdyby jednak ktoś był bardzo przyzwyczajony do poprzedniego wyglądu strony, w każdej chwili może do niego wrócić. Wystarczy ustawić odpowiednią skórkę: http://www.kurshtml.edu.pl/skin/#kurshtml2
Sławomir Kokłowski
Komentarze
Nowa szata graficzna
Strona
2014-12-22 17:25:01
Najprawdopodobniej już niebawem wygląd Kursu HTML zostanie całkowicie odmieniony. Chcesz zobaczyć, jako jeden z pierwszych, jak już niedługo może wyglądać Twój, miejmy nadzieję, ulubiony serwis dla webmasterów? A może chcesz uczestniczyć w udoskonaleniu nowego wyglądu serwisu, poprzez zgłoszenie uwag i sugestii? Zapraszam serdecznie!
Sławomir Kokłowski
Komentarze
Odchudzony Kurs HTML
Strona
2013-12-14 11:05:54
W ostatnim czasie w serwisie zostały przeprowadzone badania, które miały odpowiedzieć na pytanie, które odnośniki w blokach na stronie są najczęściej klikane. W ich wyniku ze strony zostały usunięte te moduły, których prawie nikt nie używał. Ponadto uległa zmienia kolejność niektórych modułów, aby te częściej używane były bardziej pod ręką. Dzięki temu serwis ładuje się teraz wyraźnie szybciej, a dodatkowo jest bardziej przejrzysty i wygodniejszy w użyciu dla czytelnika.

Ciekawe czy ktoś w ogóle zauważy, które elementy strony zostały usunięte? :-)
Sławomir Kokłowski
Komentarze
Czy mogę używać...
Strona
2013-11-16 20:25:03
Każdy webmaster na pewno niejednokrotnie zastanawiał się, czy może bezpiecznie używać wybranego elementu języka HTML/CSS bez obawy, że nie zostanie on niepoprawnie wyświetlony w jednej z popularnych przeglądarek. Teraz wszystko błyskawicznie można sprawdzić w jednym miejscu - na stronach Kursu HTML.

Dość zaskakująco przedstawia się ranking przeglądarek, uwzględniający liczbę obsługiwanych elementów:
  1. Opera - 99.15% (117),
  2. Chrome - 88.98% (105),
  3. Internet Explorer - 86.44% (102),
  4. Firefox - 81.36% (96).
Sławomir Kokłowski
Komentarze
Lista szybkiego dostępu
Strona
2013-04-14 16:23:33
Na dole każdej podstrony Kursu została dodana lista odnośników do wszystkich znaczników HTML 4.01 i HTML5 oraz własności CSS 2.0, CSS 2.1 i CSS3. Dzięki temu jednym kliknięciem można się przenieść do interesującej sekcji serwisu, opisującej poszukiwany element.
Sławomir Kokłowski
Komentarze
Kurs HTML - darmowe szkolenie: tworzenie stron internetowych Tworzenie stron WWW Strona główna