Krzysztof Wołk, Nowoczesne strony WWW. HTML 5, CSS3, Adobe Muse, WordPress

Dawno już na WebKrytyku nie było recenzji żadnej książki. Tym razem pod lupę wezmę książkę Krzysztofa Wołka Nowoczesne strony WWW. HTML 5, CSS3, Adobe Muse, WordPress.

Uwaga ogólna

Bardzo nie lubię e-booków, w których coś takiego jak formatowanie tekstu praktycznie nie istnieje. Z tego też powodu kod zlewa się z resztą tekstu. A przecież się da to ładnie ostylować, co doskonale pokazuje Smashing Magazine czy choćby nasz rodzimy Helion.

Rozdział 1. Struktura HTML

  • We wstępie dowiadujemy się, że oprócz wymienionych w tytule programów, używany będzie też Adobe Dreamweaver. I choć jest zaznaczone wyraźnie, że jego posiadanie nie jest konieczne, nie można nie odnieść wrażenia, że cała treść zawarta w tym rozdziale wychodzi z założenia, że właśnie tym edytorem będziemy się posługiwać. Jest tu bowiem bardzo dokładnie opisany cały proces tworzenia projektu w tym programie.
  • Pomiędzy „<” a „>”, oprócz nazwy znacznika, mogą znaleźć się dodatkowe parametry tego znacznika […]

    Dość dziwnie czyta się o parametrach znaczników, wiedząc, że oficjalną nazwą – używaną dosłownie wszędzie – są atrybuty. Taki też termin użyty jest bezpośrednio w specyfikacji.

  • Ciekawostka: znaczniki, które nie wymagają domknięcia, w HTML 4 trzeba było domykać same w sobie, czyli np. dodając znak „/” na samym końcu:
    <meta charset=”utf-8” />. HTML 5 jest tolerancyjny – jeśli tego nie dodamy, nie będzie błędu.

    Totalna bzdura! Jest całkowicie odwrotnie: HTML 4 zabraniał używania slasha do zamykania znaczników. Sam slash został wprowadzony jako część składni XHTML-a, z zastrzeżeniem, że mówimy o prawdziwym XHTML-u. A taki de facto nigdy nie istniał. To, co dostaliśmy, to HTML w składni XML-a, czyli dziwny potworek. Nic zatem dziwnego, że z tego też powodu HTML5 zezwala na składnię XML-ową nawet w trybie HTML oraz… odrzuca całe pojęcie XHTML-a.

  • alt=”napis który pojawia się w momencie ładowania obrazka lub po przytrzymaniu kursora myszy nad obrazkiem”.

    Atrybut alt określa tekst alternatywny dla obrazka, który pojawia się w chwili, gdy obrazek nie może być wczytany. Dodatkowo tekst ten jest także udostępniany technologii asystującej, dzięki czemu m.in. osoby niewidome mogą się dowiedzieć, co obrazek przedstawia.

    Natomiast informacja o tym, że ten tekst pokazuje się po najechaniu kursora myszy, była prawdziwa… w czasach IE6. Żadna inna przeglądarka nie zachowywała się w ten sposób, a i sam standard takiego zachowania zabrania.

  • Fragment opisujący znaczniki semantyczne dla tekstu jest całkowicie błędny.

    Element <b> pogrubia tekst, a element <i> robi z niego kursywę […]

    To było prawdą w HTML 4. W HTML5 te znaczniki mają całkowicie inne definicje. Znacznik b oznacza tekst, który jest wyróżniony bez przekazywania mu dodatkowej ważności, natomiast znacznik i służy m.in. do oznaczania technicznych terminów.

    W HTML 5 substytutami <b> oraz <i> są elementy <strong> oraz <em>.

    Tak nie było nawet w HTML4, w którym strong i em były definiowane jako znaczniki semantyczne, a b i i – prezentacyjne. W tym wypadku te znaczniki miały całkowicie inne zastosowania. W HTML5 też tak nie jest, bo wszystkie cztery znaczniki mają zdefiniowane odrębne znaczenia.

    Oznaczają one [strong i em], że pewien fragment jest „istotny”.

    I znów nie. Owszem, znacznik strong oznacza fragment tekstu o większej ważności, ale już znacznik em oznacza emfazę rozumianą jako zmianę akcentu.

Rozdział 2. Znaczniki semantyczne

Rozdział 3. Cięcie techniczne – wstęp do CSS

W chwili, gdy powoli odchodzi się od Responsive Web Design na rzecz Intrinsic Web Design, wycinanie ikonek w Photoshopie wydaje się mocno przestarzałą praktyką.

W tym rozdziale trafiłem na jedną, interesującą rzecz:

Pozostaw ten katalog do oceny przez prowadzącego.

Czy ten fragment tekstu nie jest przypadkiem pozostałością po jakimś szkoleniu przeprowadzanym przez autora książki?

Rozdział 4. Elementy blokowe i opływanie

  • Na samym początku rozdziału pokazany jest na obrazkach model pudełkowy, który jest błędnie nazwany modelem elementu blokowego. To nieprawda, bo model pudełkowy obowiązuje dla wszystkich elementów:

    The CSS box model describes the rectangular boxes that are generated for elements in the document tree and laid out according to the visual formatting model.

    [Model pudełkowy CSS opisuje prostokątne pudełka generowane dla elementów w drzewie dokumentu i które są następnie rozkładane zgodnie z modelem formatowania wizualnego.]

    Tym samym stwierdzenie, że tylko elementy blokowe mają szerokość i wysokość, jest nieprawdziwe.

  • W dalszej części rozdziału używane jest stylowanie po [id], co jest znaną od lat złą praktyką.
  • Dziwi także tak dokładne opisywanie opływania (float) w chwili, gdy mamy tak potężne narzędzia jak flexbox czy CSS Grid.
  • Chociaż widząc wspomnienie o Firebugu, można się zastanawiać nad faktyczną aktualnością tego rozdziału…

Nowe selektory i pozycjonowanie CSS

Zdecydowanie brakuje w tym rozdziale position: sticky.

Responsywny układ elementów HTML

Opisanie tworzenia responsywnego layoutu bez wspomnienia o meta[name=viewport] nie ma najmniejszego sensu.

Strona internetowa portfolio z formularzem kontaktowym

Nie tak dawno temu, w rozdziale 1., tłumaczona była składnia HTML-a. Tutaj nagle pojawia się PHP, JS i jQuery – i to bez żadnego tłumaczenia. Cały rozdział polega na przepisywaniu kodu.

HTML 5 Pokaz Slajdów/Galeria WWW

Bardzo podobnie skonstruowany jak poprzedni rozdział – niemniej z większą ilością komentarza.

Adobe Muse – WWW bez linii kodu

Prawdę mówiąc nie wiem, czy w takiej książce jest potrzebny rozdział będący de facto instrukcją obsługi Adobe Muse. Zwłaszcza, że Adobe Muse zakończył żywot.

Co jednak ciekawe, to najdłuższy rozdział w książce (161 stron!).

WordPress jako darmowy system blogowy – wordpress.com

Ten rozdział z kolei to skrócony kurs obsługi strony WordPress.com. Prawdę mówiąc mam wątpliwości, czy ok. 30 stron na temat tej platformy jest wystarczającym powodem, by umieścić WordPress w tytule.

Bonus

Krzysztof Wołk jest także autorem drugiej książki, Rzeczywistość wirtualna (VR) dla każdego – Aframe i HTML 5. Gdy jednak porówna się spisy treści obydwu książek, można odnieść wrażenie, że są wręcz identyczne – a przynajmniej aż do rozdziału 9. Zastanawia mnie, czemu zastosowano taki model wydawniczy? Prawdę mówiąc, skoro w obydwu pozycjach spora część treści jest taka sama, to czemu nie wyjąć jej do osobnej książki i zrobić z tych pozycji serię?

I to tyle na dziś! Do następnego.

3 myśli na temat “Krzysztof Wołk, Nowoczesne strony WWW. HTML 5, CSS3, Adobe Muse, WordPress”

  1. Już po tytule widać, ze lepiej się trzymać z dala od tej książki – Nowoczesne strony WWW i Adobe Muse w jednej linijce nie wróżą nic dobrego 😉

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

This site uses Akismet to reduce spam. Learn how your comment data is processed.