javascript - Kurs HTML i CSS
HTML5 / Pominięcie walidacji formularza <form novalidate>(interpretuje: Internet Explorer 10, Firefox 4, Opera 15, Chrome 10) <form novalidate>...</form> novalidate to atrybut logiczny (wstawiany bez wartości), który pozwala pominąć wszelką weryfikację pól formularza. Oznacza to, że użytkownik będzie mógł wysłać formularz, nawet jeżeli nie wypełni wszystkich obowiązkowych pól albo poda nieprawidłowe wartości (np. wpisze adres e-mail w niepoprawnym formacie). Przykład <form novalidate, input required> Mimo oznaczenia pola jako obowiązkowe...
Wstawianie stylów CSS / Wydzielone bloki <div style><div style="cecha: wartość; cecha2: wartość2...">...</div> Jako "cecha" należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (opisane w kolejnych rozdziałach). Natomiast jako wyraz "wartość" wpisujemy dokładną wartość atrybutu. Fragment dokumentu wydzielony za pomocą bloku <div>...</div> możemy swobodnie formatować. Element ten tak dobrze nadaje się do osadzania stylów, ponieważ sam w sobie nie ma określonego żadnego formatowania, które mogłoby kolidować z efektem, jaki chcemy...
- Selektory specjalne CSS / Selektor identyfikatora <... id>
selektor#identyfikator { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Identyfikator to wartość atrybutu id="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako identyfikator należy podać dowolny pojedynczy wyraz, który nie może zawierać znaków: spacji, kropki...
Wykaz skryptów / Prawa autorskieMożesz Wykorzystywać wszystkie skrypty do budowy serwisu WWW - w tym witryny komercyjnej. Wyrażenie "budowa serwisu WWW" oznacza np. wykorzystanie jednego ze skryptów menu do ulepszenia nawigacji na stronie WWW. Dopasowywać wygląd elementów generowanych przez skrypt, modyfikując kod HTML i CSS. Kod JavaScript można modyfikować tylko w ramach podanych w opisie instalacji. Publikować na stronie WWW kod udostępnionych tutaj skryptów wraz z opisem działania i instalacji - np. jeśli prowadzisz...
- Pozycjonowanie CSS / Widzialność {visibility}
selektor { visibility: typ } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast jako "typ" należy podać: visible - element będzie widoczny na ekranie (domyślnie) hidden - element zostanie ukryty, a w jego miejsce pojawi się pusta przestrzeń o takich samych rozmiarach jak element (gdyby był widoczny) collapse - jeżeli użyte dla wierszy (<tr>...</tr>), grup wierszy (<tbody>...</tbody>), kolumn (<col>) lub grup kolumn (<colgroup>...</colgroup>) tabeli...
- Rozwijane menu
Wykorzystując element <select>...</select> można stworzyć rozwijane menu, które działa w ten sposób, że po wyborze konkretnej opcji z listy, następuje wczytanie określonej strony (podobnie jak w przypadku odsyłaczy). Może to być przydatne np. jeżeli chcemy zaoszczędzić trochę miejsca na stronie (lista rozwijalna zajmuje tylko jedną linijkę). Ale uwaga! Jeśli przeglądarka użytkownika nie będzie obsługiwać skryptów JavaScript, strony z takiego menu będą niedostępne. Dlatego zaleca się umieścić w...
- Tryb Quirks / X-UA-Compatible
Microsoft Internet Explorer 8.0 wprowadza aż trzy tryby renderowania dokumentów: Quirks Mode - niezgodny ze standardami (kompatybilny z MSIE 5) Compatibility View - tryb wstecznej zgodności ze standardami (kompatybilny z MSIE 7) Standards Compliance - zupełna zgodność (MSIE 8) Przełączenie do trybu Quirks jest realizowane identycznie jak we wcześniejszych wersjach MSIE, tzn. poprzez odpowiednią deklarację DTD. We wszystkich innych przypadkach dokument powinien się wyrenderować w trybie...
- Menu rozwijane, otwierane, wysuwane / Pozycja absolutna
Spis treści Pozycja absolutna Inicjalizacja Menu otwierane Szczególnie dla menu otwieranego dość nieprzyjemną właściwością jest fakt, że przy jego rozwijaniu elementy poniżej są przesuwane w dół. Można temu zapobiec określając odpowiednią pozycję absolutną bloku. Oczywiście można to zrobić bezpośrednio dodając odpowiednie deklaracje CSS. Jednak trzeba przewidzieć, co się stanie, jeśli przeglądarka użytkownika nie będzie obsługiwać JavaScript. Samo menu nadal będzie funkcjonalne pod...
- Wykaz generatorów
Generator stron WWW Prosty skrypt pozwalający szybko przetestować działanie znaczników HTML. Generator szablonów WWW Nie potrafisz zbudować profesjonalnie wyglądającej struktury strony? Nie radzisz sobie z tabelkami? Otwórz ten generator i pozwól, aby wszystko zrobił za Ciebie. Tworzenie szablonów WWW jeszcze nigdy nie było tak proste i szybkie! Generator META i BODY Bardzo obszerny kreator sekcji META i BODY do automatycznego tworzenia dokumentów HTML. Pozwala np. zmienić kolor suwaków...
- Ochrona strony
Spis treści Ochrona strony Blokada prawego klawisza myszki Blokada zaznaczania i kopiowania tekstu Blokada przeciągania elementów strony Blokada drukowania Blokada zapisu wybranych zdjęć Blokada paska narzędziowego obrazów Blokada klawisza Print Screen Podsumowanie Ochrona strony Czasami zdarza się, że chcemy opublikować w sieci jakieś ważne informacje. Zależy nam jednak, aby można się było z nimi zaznajomić tylko bezpośrednio na naszej stronie WWW i nie chcemy udostępniać takich...