czas - Kurs HTML i CSS
Oprawa graficzna / Zamiennik obrazkowy...w tym miejscu z grafiki, w kodzie zostanie niewykorzystany element, który może powodować małe zamieszanie, ponieważ prawdopodobnie za jakiś czas zapomnimy, do czego był potrzebny. Niemniej Tom Gilder i Alexander Levin opracowali technikę, która ma spore zalety jeśli chodzi o dostępność, a przy tym jest kompatybilna z większością przeglądarek. Wady: Konieczny dodatkowy element (SPAN) Pusty element (SPAN) jest niepoprawny semantycznie Obrazek nie może zawierać obszarów...
Multimedia HTML / Obrazek HTML <img>...na strony WWW (nie tylko obrazków). Należy jednak pamiętać, że multimedia bardzo wyraźnie zwiększają objętość strony, a co za tym idzie, wydłużają czas wczytywania. Większość bardziej zaawansowanych programów graficznych udostępnia funkcję kompresji obrazów, co pozwala zmniejszyć ich objętość bez wyraźnego spadku jakości. Czasami zysk z użycia takiej kompresji jest dość znaczny, dlatego warto się tym zainteresować. Przed wstawieniem obrazka radzę zastanowić się, czy jest on absolutnie...
- Oprawa graficzna / "Duszki" CSS
...ma bardzo duży wpływ na jej odbiór przez użytkowników. W skrajnym przypadku potencjalny czytelnik może w ogóle opuścić serwis, jeśli w rozsądnym czasie nie doczeka się na załadowanie pełnej treści. "Najcięższymi" elementami stron internetowych są wszelkiego rodzaju multimedia - grafika, animacje Flash itp. - nie należy więc przesadzać z ich liczbą, bo dużo nie zawsze znaczy lepiej. Tworząc galerię zdjęć zadbaj, aby miniatury były fizycznie pomniejszonymi grafikami, a nie tymi samymi...
- HTML5 / Filmy i dźwięk <video, audio, source>
...z własną skórką, realizować dynamiczne listy odtwarzania itp. Wymagały do działania zainstalowanych wtyczek (np. Adobe Flash Player), przez co czasem nadmiernie obciążały procesor, a przy tym nie były w ogóle obsługiwane przez wiele urządzeń mobilnych (smartfony, tablety). Dodatkowo wymagały od webmastera znajomości środowiska Adobe Flash (i zakup komercyjnej licencji) albo konieczności korzystania jedynie z ogólnodostępnych odtwarzaczy Flash, bez możliwości dopasowania ich do własnych...
- Widżety HTML / Ramki HTML
...że każde z nich wczytuje wewnątrz pełną stronę - razem ze wszystkimi multimediami, które mogą być na niej osadzone. Może to oznaczać bardzo długi czas ładowania całego dokumentu z wstawionymi zbyt wieloma takimi ramkami. Do czego mogą się przydać ramki? Strony wyświetlane wewnątrz nich nie przejmują sposobu formatowania (koloru, rozmiaru ani kroju czcionki itp.) z dokumentu, w którym zostały osadzone. Dzięki tej własności są szczególnie chętnie używane przez twórców różnego rodzaju...
- Komendy HTML 4.01 / DEL
...źródła CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DATETIME="data" Data i czas wprowadzenia zmiany (np. DATETIME="2002-02-01T00:00:00+01:00" - co oznacza północ 1 lutego 2002 roku, według czasu zimowego w Polsce) DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język...
- Komendy HTML 4.01 / INS
...źródła CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DATETIME="data" Data i czas wprowadzenia zmiany (np. DATETIME="2002-02-01T00:00:00+01:00" - co oznacza północ 1 lutego 2002 roku, według czasu zimowego w Polsce) DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język...
- Znaki specjalne HTML / Podróżowanie i miejsca - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Numer Objaśnienie Wygląd Mapa 🌍 Kula ziemska Europa-Afryka 🌍 🌎 Kula ziemska Ameryki 🌎 🌏 Kula ziemska Azja-Australia 🌏 🌐 Kula ziemska z południkami 🌐 🗺 Mapa świata 🗺 🗾 Zarys Japonii 🗾 🧭 Kompas, busola 🧭 Miejsca geograficzne 🏔 Góra z czapą śnieżną 🏔 ⛰ Góra ⛰ 🌋 Wulkan 🌋...
- HTML5 / Zdarzenia HTML5
...związane z ogólną interakcją użytkownika z elementami strony, np. klikaniem lub zmianą wartości. Zdarzenia multimedialne - wywoływane podczas odtwarzania audio i wideo, np. gdy rozpoczyna się lub kończy odtwarzanie. Zdarzenia drag-and-drop - umożliwiają implementację przeciągania i upuszczania elementów w obrębie strony. Zdarzenia te stanowią podstawę dla budowy bardziej dynamicznych i responsywnych interfejsów użytkownika. Poniższa tabela zawiera zestawienie nazw zdarzeń...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
Po co w ogóle stosować style CSS? Czy warto poświęcać czas na naukę poleceń, które w większości przypadków istnieją również bezpośrednio w składni HTML? Otóż ja uważam, że warto. Dlaczego? Najważniejsze zalety płynące ze stosowania stylów opiszę poniżej, a jeśli i to Cię nie przekona, radzę poszukać sobie bardziej przydatnego zajęcia (np. szydełkowanie z wykorzystaniem techniki haftu ozdobnego 😉). Style stały się już praktycznie podstawowym narzędziem formatującym. Jeśli poważnie myślisz o...