lista - Kurs HTML i CSS
Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">...ma wpływu na pozycję strony w wynikach tej wyszukiwarki. Pytania i odpowiedzi <meta "keywords"> Jak wpisać słowa kluczowe? Słowa kluczowe to lista wyrazów rozdzielonych przecinkami, które wskazują, o jakiej tematyce jest strona. Można je wpisać w nagłówku dokumentu - tzn. w dowolnym miejscu wewnątrz elementu <head>...</head> - używając następującego znacznika: <meta name="keywords" content="wyraz1, wyraz2, wyraz3...">. Jednak ponieważ tak wstawione słowa kluczowe nie wyświetlają się...
- Tekst HTML / Słownik <dl, dt, dd>
...gdy piszemy słownik, w którym znajdują się pewne wyrazy i ich objaśnienia. Objaśnienia są zwykle przesunięte bardziej w prawo, dzięki czemu lista staje się czytelniejsza. (Zobacz także: Definicja). Zwracam uwagę, że w obrębie słownika tekst i inne elementy można wstawiać tylko wewnątrz znaczników terminów i definicji, a nie poza nimi! Zatem poniższy kod będzie nieprawidłowy: <dl> Słownik... <dt>Termin</dt> <br> <dd>Definicja</dd> <br> </dl> Termin definicji (DT) nie może zawierać...
- HTML5 / Filmy i dźwięk <video, audio, source>
...nigdy go nie użyć albo ewentualnie kiedy zależy nam na zminimalizowaniu transferu. metadata Pobiera tylko tzw. metadane zapisane w pliku (wymiary, lista ścieżek, czas trwania itp.) oraz możliwe, że kilka pierwszych klatek filmu. auto Przeglądarka może dowolnie pobierać plik - w szczególności załadować go w całości do pamięci, nawet jeśli nigdy nie zostanie odtworzony. width, height Zanim plik wideo albo jego metadane zostaną załadowane, przeglądarka nie zna właściwych wymiarów filmu...
Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}...drugiego rzędu (1.1.2.) Podpunkt drugiego rzędu (1.1.1.) Zatem ogólna postać wartości counter-reset i counter-increment jest następująca: lista identyfikatorów liczników rozdzielonych spacjami, przy których po każdym z nich może opcjonalnie wystąpić liczba oddzielona od swojego (poprzedzającego) identyfikatora licznika również spacją: ol { counter-reset: licznik1 licznik2 3 } ol li { counter-increment: licznik1 licznik2 -1 } Automatyczną numerację można wykorzystać nie tylko do...
- Media CSS / Zapytania mediów
Spis treści Zapytania mediów Kompatybilność wstecz Cechy mediów Szerokość Wysokość Szerokość urządzenia Wysokość urządzenia Orientacja Proporcje obrazu Proporcje obrazu urządzenia Głębia koloru Paleta kolorów Urządzenia monochromatyczne Rozdzielczość Technika wyświetlania Siatka Zapytania mediów (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) W dobie rozkwitu różnorakich urządzeń mobilnych, proste przygotowanie osobnych arkuszy CSS dla każdego medium...
- Szablon strony na DIV-ach / Responsywny szablon
...jedna wersja mobilna nie będzie optymalnym rozwiązaniem. Zamiast tego wyznacza się tzw. punkty przeskoku (ang. breakpoints). Punkty przeskoku to lista najczęściej używanych szerokości ekranu, przy których zachodzą istotne zmiany w szablonie naszej strony. Istotną zmianą może być na przykład: Zmiana typu szablonu ze stałego (który zwykle może być bardziej przydatny na dużych ekranach panoramicznych) na płynny (laptopy i większe tablety) Ułożenie menu i treści w jednej kolumnie (smartfony...
- Dobre praktyki / Przykazania webmastera
...prób i błędów mogłoby zająć całe lata. Nie musisz jednak tracić tyle czasu - teraz najważniejsze wytyczne masz spisane w jednym miejscu. Poniższa lista zawiera wskazówki, do których stosowanie się może zapewnić wysoką jakość Twojej pracy, poprzez uniknięcie często powtarzanych przez osoby niedoświadczone błędów architektonicznych. Powinno Cię również uchronić to od zabrnięcia w ślepe uliczki, z których potem bardzo trudno byłoby się wycofać. W skrajnym przypadku źle napisanego kodu w ogóle...
Aktualizacja / Data aktualizacji stronySpis treści Data aktualizacji strony Aktualna data Data aktualizacji strony Często zdarza się, że internauta wchodzący na jakąś stronę, chciałby wiedzieć, kiedy była ona ostatnio aktualizowana. Dzięki takiej informacji mógłby wywnioskować, czy serwis jest aktualizowany na bieżąco i czy nie znajdzie w nim informacji, które dawno utraciły ważność, co w niektórych przypadkach może być bardzo ważne. Najprostszym sposobem określenia aktualności strony, jest podanie w widocznym miejscu (np...
- Aktualizacja / System newsów
Dla internautów odwiedzających naszą stronę bardzo przydatna może się okazać lista wprowadzonych ostatnio nowości w całym serwisie wraz z ich opisami. Najczęściej tego typu skrypty nazywa się systemem newsów. Umieszcza się ją zwykle na stronie głównej. Maja taką zaletę w stosunku do daty aktualizacji, że nie trzeba przeglądać wszystkich stron, aby znaleźć te, które były ostatnio modyfikowane (co w przypadku słabego transferu i obszernej witryny może dość długo trwać). Natomiast w odróżnieniu od...
- Menu drzewiaste / Skrypt menu drzewiastego
...miejscu strony - tam, gdzie ma się wyświetlać menu drzewiaste - wstaw kod oparty na technice zagnieżdżania wykazów (tylko wypunktowanie, czyli lista nieuporządkowana <ul>...</ul>). Sposób zagnieżdżania kolejnych punktów listy będzie automatycznie odzwierciedlał strukturę drzewa menu. Oto przykładowy kod: <ul id="tree0" class="tree"> <li><a href="...">Dokument 1</a></li> <li><a>Folder 2</a> <ul> <li><a href="...">Dokument 2.1</a></li> <li><a href="...">Dokument 2.2</a></li> </ul>...