przykład - Kurs HTML i CSS
Widżety HTML / Szablon strony bez ramek...który nie posiada tych wad. Z każdego szkieletu strony można wydzielić powtarzające się fragmenty w postaci nagłówka oraz stopki szablonu. Na przykład, jeśli Twoja strona główna wygląda tak: <!doctype html> <html lang="pl"> <head> <meta charset="utf-8"> <title>Tytuł strony</title> </head> <body> <ul> <li><a href="...">Link</a></li> <li><a href="...">Link</a></li> <li><a href="...">Link</a></li> </ul> Właściwa zawartość strony... </body> </html> Kolorem czerwonym...
Szablon strony na DIV-ach / Semantyczny szablon strony...jak we wspomnianym wcześniej rozdziale pt. Menu w CSS, także i tutaj z góry ustalimy kod HTML, który następnie będzie wykorzystywany we wszystkich przykładach w tym rozdziale. Zmieniając wygląd kolejnych przygotowywanych szablonów, będziemy projektować jedynie kolejne arkusze CSS dla wciąż niezmiennego kodu HTML. Jest to praktyczny przykład implementacji koncepcji rozdzielenia struktury i prezentacji dokumentów, dzięki czemu możliwe są do osiągnięcia wszystkie wymienione powyżej korzyści...
- Oprawa graficzna / "Duszki" CSS
...pod którym wyświetlamy tło graficzne. Zwykle nie jest obojętne, w jaki sposób ułożymy poszczególne grafiki na arkuszu. Przedstawiony powyżej przykład ikon o identycznych wymiarach, należy do rzadkości. Dalej na przykładach dowiemy się, w jaki sposób projektować optymalne rozłożenie grafik na arkuszu z "duszkami" CSS, tak aby potem nie było problemu z ich wykorzystaniem na rzeczywistej stronie WWW. Wszystkie przykłady będą oparte o ten sam, pojedynczy plik graficzny (obramowanie zostało...
- Odsyłacze HTML / Do podstrony <a href>
(w obrębie tego samego serwisu) Spis treści <a href> Do podstrony <a href> Dymek narzędziowy <a href title> Nowe okno <a href "_blank"> Do podstrony <a href> Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML i zawiera treść, która dość znacznie różni się tematycznie od pozostałych. Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu...
- Odsyłacze HTML / Do etykiety <a id>
...(oprócz: BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE). Można do tego również wykorzystać istniejące wcześniej na stronie znaczniki. Idealnym przykładem są tytuły. Zwykle naturalnie wyznaczają on ważne miejsca na stronie, do którym prawdopodobnie możemy chcieć wstawić bezpośrednie odsyłacze. UWAGA! Bardzo ważne: w nazwach etykiet lepiej nie używać: wielkich liter znaków, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich liter (ą, ć, ę, ł, ń...
- HTML5 / Nowe elementy HTML5
Spis treści Wstęp Sekcje Nagłówki sekcji Znaczniki grupujące Semantyka tekstu Elementy osadzone Formularze Pole INPUT Elementy interaktywne Skrypty Wstęp Standard HTML5 nie jest już taki nowy, ale nadal mogą być do niego wprowadzane nowe znaczniki. Przeglądarki które ich jeszcze nie odsługują, zwykle próbują wyświetlać je w linii. Nie jest to zgodne z domyślnym sposobem prezentacji części z tych elementów określonym w specyfikacji. Aby ujednolicić sposób wyświetlania...
Globalne obiekty w JavaScript / Wyjaśnienie undefined w JavaScript - undefinedundefined Wartość: Undefined - wartość niezdefiniowana Oznacza, że do zmiennej nie została przypisana żadna wartość. Przykład undefined var x; x == undefined; // true x = 1; x == undefined; // false function f(a) { return a == undefined; } f(); // true f(1); // false
- Globalne obiekty w JavaScript / Jak działa isFinite w JavaScript? - isFinite
isFinite(number) Parametry: Number number - sprawdzana liczba Wartość: Boolean - czy wartość number jest różna od Infinity Wiele funkcji, które normalnie powinny zwrócić wartość typu Number, może w pewnych przypadkach zwrócić specjalną wartość Infinity. Wskazuje to najczęściej, że do funkcji zostały przekazane takie parametry, że obliczona wartość jest nieskończona. Aby sprawdzić, czy wskazana wartość jest skończona, należy użyć funkcji isFinite. Przykład isFinite isFinite(Infinity)...
- Globalne obiekty w JavaScript / Jak dekodować URI/URL w JavaScript? - decodeURI
decodeURI(encodedURI) Parametry: String encodedURI - tekst do zdekodowania Wartość: String - zdekodowana wartość adresu URI Wyjątki: URIError - podany tekst nie jest poprawnym adresem URI Dekoduje pełny adres URI korzystając z sekwencji ucieczki UTF-8. Przykład decodeURI decodeURI("http://example.com/%7Btest%7D"); // "http://example.com/{test}" decodeURI("%XX"); // URIError
- Globalne obiekty w JavaScript / Funkcja decodeURIComponent w JavaScript - decodeURIComponent
decodeURIComponent(encodedURIComponent) Parametry: String encodedURIComponent - tekst do zdekodowania Wartość: String - zdekodowana wartość komponentu adresu URI Wyjątki: URIError - podany tekst nie jest poprawnym komponentem adresu URI Dekoduje komponent (cześć) adresu URI korzystając z sekwencji ucieczki UTF-8. Przykład decodeURIComponent decodeURIComponent("%7Btest%7D"); // "{test}" decodeURIComponent("%XX"); // URIError