spis treści - Kurs HTML i CSS
- HTML5 / Nowe elementy HTML5
...Jeżeli z kodu źródłowego strony usuniemy całą treść oprócz nagłówków wszystkich sekcji i podsekcji, powinniśmy otrzymać zagnieżdżoną listę w formie spisu treści dokumentu (ang. document outline). Nawet jeśli jawnie nie umieścimy spisu treści na stronie, taki domniemany spis nagłówków może być niezwykle przydatny dla czytelników serwisu. Osoby niewidome, korzystające z przeglądarki automatycznie tworzącej spisy z nagłówków, będą mogły przeskakiwać od razu do interesujących je sekcji dokumentu...
- Dobre praktyki / Przykazania webmastera
...takiej wiedzy (doświadczenia) metodą 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...
- Szablon strony na DIV-ach / Semantyczny szablon strony
Spis treści Szablon strony na DIV-ach Dlaczego nie tabele? Szablon strony na DIV-ach Po lekturze rozdziału pt. Menu w CSS powinny być Ci już znane praktyczne możliwości stylizacji elementów stron internetowych. Wiesz już zapewne, dlaczego rozwiązanie oparte o CSS jest najkorzystniejszym wyborem przy tworzeniu menu nawigacyjnego. Dlaczego zatem ograniczać się tylko do menu, kiedy można przecież zyskać jeszcze więcej, projektując całą stronę w ten sam sposób: Wyobraź sobie, że po roku...
- Komendy HTML 4.01 / Zdarzenia
...przez elementy Wstęp Zdarzenia są automatycznie generowane przez element, którego dotyczą, zawsze wtedy, gdy zajdą określone okoliczności (spisane poniżej). Takie zdarzenie można przechwycić i wykonać jakąś czynność, gdy zajdą podane warunki (np. wyświetlenie okienka, po kliknięciu elementu myszką). Aby możliwa była obsługa wygenerowanego zdarzenia, należy podać polecenia, które będą w takim przypadku wykonane. Wpisuje się je korzystając z dowolnego języka skryptowego...
- Szablon strony na DIV-ach / Responsywny szablon
Spis treści Wstęp Powiększenie strony Skalowalny szablon Strona mobilna Responsive Web Design (RWD) Skalowanie Responsywne obrazki Punkty przeskoku Wstęp Nie powinno być chyba dla nikogo zaskoczeniem, że urządzenia mobilne (smartfony, tablety) są dzisiaj używane tak samo chętnie lub nawet częściej niż tradycyjne komputery stacjonarne czy laptopy. Cechą wspólną tego typu urządzeń zwykle jest mniejszy ekran. W końcu trochę dziwnie by wyglądało taszczenie pod pachą...
- Selektory pseudoelementów CSS / Przed... :before
Spis treści :before Przed... :before Obrazek przed... :before {content: url} Wartość atrybutu przed... :before {content: attr} Przed... :before selektor:before { content: "treść" } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Natomiast jako wyraz "treść" można wpisać dowolny tekst. Polecenie pozwala automatycznie dopisywać podaną treść przed określonymi elementami, na które wskazuje selektor. UWAGA...
- Selektory pseudoelementów CSS / Po... :after
Spis treści :after Po... :after Obrazek po... :after {content: url} Wartość atrybutu po... :after {content: attr} Po... :after selektor:after { content: "treść" } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Natomiast jako wyraz "treść" można wpisać dowolny tekst. Polecenie pozwala automatycznie dopisywać podaną treść po określonych elementach, na które wskazuje selektor. UWAGA! Polecenie nie interpretuje...
- Aktualizacja / Nowość
...nowości Nowość W serwisie WWW przydatne może się okazać zasygnalizowanie użytkownikowi wprowadzonych ostatnio nowości, poprzez umieszczenie w spisie treści (bezpośrednio obok danej pozycji) albo obok daty aktualizacji (na każdej ze stron) specjalnego obrazka lub napisu, wskazującego, że pozycja ta została ostatnio zaktualizowana. W ten sposób użytkownik już podczas przeglądania spisu treści odnajdzie wszystkie nowości. Zaletą użycia skryptu jest to, że nie musimy pamiętać o usunięciu...
- HTML5 / Załącznik <figure, figcaption>
...Może służyć do oznaczania: ilustracji, diagramów, zdjęć, wycinków kodu źródłowego itp. W obszernych opracowaniach naukowych zwykle podaje się spis wszystkich ilustracji bądź diagramów, występujących w całej pracy. O tym, czy dany element nadaje się do oznaczenia go jako załącznik, najlepiej zdecydować, zadając sobie pytanie: czy moglibyśmy go przenieść na inną podstronę serwisu bez utraty spójności głównego tekstu dokumentu? Bardzo podobne przeznaczenie ma element ASIDE, jednak w...
- Drukowanie CSS / Po co drukować strony internetowe?
Spis treści Drukowanie stron internetowych Dlaczego warto korzystać z CSS do stylowania wydruku? Wydruk w erze cyfrowej Jakie możliwości daje CSS w kontekście wydruku? Kompletny przewodnik po stylowaniu wydruku za pomocą CSS Drukowanie stron internetowych Język CSS jest przede wszystkim narzędziem do projektowania wizualnego stron internetowych na ekranach komputerów, tabletów i smartfonów. Jednakże jego możliwości wykraczają poza ten obszar. CSS pozwala również na precyzyjne...