opis - Kurs HTML i CSS
Przykłady CSSW tym rozdziale znajdziesz wykaz wszystkich przykładów kodu źródłowego, które znajdują się w kategorii CSS. Aby sprawdzić bardziej szczegółowy opis, kliknij odnośnik "Zobacz więcej..." pod wybraną grupą przykładów.
- Wykaz tabel CSS
W tym rozdziale znajdziesz wykaz wszystkich tabel znajdujących się w kategorii CSS. Aby sprawdzić bardziej szczegółowy opis, kliknij odnośnik "Zobacz więcej..." pod wybraną grupą tabel.
Nowe okno / Jedno okno...</script> </head> Po kliknięciu odsyłacza: <a target="nazwa" href="adres" onclick="window.open('adres', 'nazwa').focus(); return false">opis</a> adres Lokalizacja dowolnej podstrony serwisu lub adres internetowy. Jeśli nie chcemy wczytywać do nowego okna żadnego dokumentu, można tutaj wpisać: 'about:blank'. nazwa Nazwa nowego okna, która może być później wykorzystywana do wczytywania nowych stron do tego okna, bez konieczności otwierania następnych. Można otworzyć nowe okno...
- Nowe okno / Generator okien
...okna (rozmiarów, położenia, pokazanie/ukrycie pasków menu, narzędzi, statusu itp.), poprzez podanie w poleceniu dodatkowych parametrów. Zamiast opisu zamieszam poniżej generator. Otrzymany w nim kod, należy wpisać w miejsce wyróżnionego tekstu, np. jako wartość atrybutu onload="..." (pierwszy sposób). Adres: Nazwa: Szerokość: Wysokość: Odległość od lewej krawędzi ekranu: Odległość od górnej krawędzi ekranu: Wygenerowany kod: UWAGA! Jeśli chcesz...
Przykłady JSW tym rozdziale znajdziesz wykaz wszystkich przykładów kodu źródłowego, które znajdują się w kategorii JS. Aby sprawdzić bardziej szczegółowy opis, kliknij odnośnik "Zobacz więcej..." pod wybraną grupą przykładów.
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
Jeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...1 HTML dla zielonych Przebieg 5 min - Powtórzenie z poprzednich zajęć: budowa dokumentu HTML. 10 min - Pokaz na rzutniku: jak dodać obrazek + opis atrybutów. 15 min - Uczniowie wstawiają obrazek do swojej strony z poprzedniej lekcji + tworzą link do wybranego serwisu (np. Wikipedia). 10 min - Wariant dla chętnych: link obrazkowy i link do adresu e-mail. 5 min - Zadanie domowe: dodaj drugi obrazek oraz dwa linki - jeden do innej strony, drugi do adresu e-mail (mailto). Lekcja 3...
- Format wymiany danych - JSON / Przekształcanie obiektów JavaScript na JSON - stringify
...którym jest zapisany podany klucz. Wartość zwrócona przez funkcję jest następnie umieszczana w danych wyjściowych albo pomijana (patrz wcześniejszy opis dotyczący wartości undefined). Argument space pozwala wygenerować tekst w formie czytelniejszej dla człowieka. Kolejne klucze danych są wtedy zapisane w oddzielnych linijkach tekstu. Poza tym każda z linijek ma odpowiedni poziom wcięcia - w zależności od jej stopnia zagnieżdżenia. Przy czym długość pojedynczego wcięcia nigdy nie przekroczy...