rozmiar - Kurs HTML i CSS
Komendy HTML 4.01 / INPUT...to podaje maksymalną liczbę znaków, możliwych do wprowadzenia NAME="nazwa" Nazwa kontrolna READONLY Kontrolka tylko do odczytu SIZE="rozmiar" Inicjalizująca szerokość kontrolki w pikselach lub w znakach (gdy TYPE="text" lub TYPE="password") SRC="adres" Gdy TYPE="image", to podaje lokalizację obrazka, który ma być użyty do ozdobienia przycisku graficznego STYLE="styl" Informacje stylów (CSS) TABINDEX="liczba" Określa pozycję elementu w kolejności wybierania tabulatorem...
Komendy CSS 2 / font-size...<procent> | inherit OPIS Rozmiar czcionki INICJALIZACJA medium ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY odnosi się do rozmiaru czcionki rodzica MEDIA visual
- Komendy CSS 2 / size
WARTOŚĆ <długość>{1,2} | auto | portrait | landscape | inherit OPIS Rozmiar strony INICJALIZACJA auto ZASTOSOWANIE kontekst strony DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged
- Szablon strony na DIV-ach / Stały szablon
Stały szablon (ang. fixed layout) charakteryzuje się odgórnie ustaloną szerokością w pikselach. Jeśli użytkownik zmieni rozdzielczość ekranu lub rozmiar okna przeglądarki, taki szablon będzie zajmował inną powierzchnię szerokości ekranu. Aby zapewnić komfortowe przeglądanie strony, szerokość szablonu nie powinna być szersza od najmniejszej przewidzianej rozdzielczości ekranu, z której mają korzystać czytelnicy serwisu - w przeciwnym razie w oknie przeglądarki pojawi się poziomy suwak i...
- Oprawa graficzna / "Duszki" CSS
...aby czekać nawet kilka minut, na załadowanie od razu wszystkich pełnowymiarowych zdjęć. Formaty graficzne Kluczowe znaczenie dla zmniejszenia rozmiaru plików zdjęć, a zatem równocześnie przyspieszenie wczytywania strony, ma dobranie odpowiedniego formatu oraz stopnia kompresji. Popularne formaty internetowe oferują wbudowane algorytmy kompresji danych. W przypadku kompresji bezstratnej nie ma żadnej utraty jakości na wynikowej grafice. Kompresja stratna co prawa powoduje utratę jakości...
- Komendy CSS3 / Tło i obramowanie CSS
...<bg-position> Inicjalizacja 0% 0% Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do powierzchni pozycjonowania tła minus rozmiar obrazka tła background-repeat Powtarzanie tła Wartość <repeat-style> Inicjalizacja repeat Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie background-size Rozmiary tła Wartość <bg-size> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do powierchni pozycjonowania tła...
- Promocja strony WWW / Bannery i buttony
...nawet na stronach systemów wymiany bannerów. Ważne jest, aby przestrzegać przyjętych wymiarów bannerów (468x60 lub 400x50 pikseli - ten drugi rozmiar przyjął się szczególnie w polskim Internecie) oraz buttonów (88x31 pikseli). Pilnuj również, aby pliki bannerów i buttonów nie miały zbyt dużej objętości, ponieważ wydłuża to wczytywanie strony i zmniejsza prawdopodobieństwo kliknięcia. Zmniejszenie objętości można uzyskać przez kompresję graficzną obrazków, którą obsługuje praktycznie...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...elementów. 15 min - Praktyczne ćwiczenia Uczniowie tworzą stronę HTML i dodają arkusz stylów zmieniający: kolor tła i tekstu, czcionkę i jej rozmiar, wyrównanie tekstu w akapitach i nagłówkach. 5 min - Zadanie domowe Dokończyć stronę z prostymi stylami + przygotować wersję z dwoma kolorystykami (np. jasną i ciemną). Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Czas trwania: 45 minut Cele szczegółowe Uczeń stosuje klasy CSS i przypisuje je do elementów HTML...
- Znaki specjalne HTML / Encje HTML
...po nim linię poprzez użycie znacznika <br>, co niekoniecznie może być działaniem pożądanym, biorąc pod uwagę fakt, że użytkownik może zmienić rozmiar czcionki lub w ogóle nie posiadać ustalonego na stronie kroju czcionki, a wtedy układ akapitu może zmienić się tak, że przedzielenie w wybranym stałym miejscu będzie niewłaściwe, za to byłoby wymagane gdzie indziej. Przykład ­ Przykład
- Komendy HTML 4.01 / SELECT
...LANG="en" oznacza angielski, LANG="pl" - polski itd.) MULTIPLE Wybór wielu opcji jednocześnie NAME="nazwa" Przypisuje nazwę kontrolną SIZE="rozmiar" Liczba wierszy w liście, które będą jednocześnie widoczne STYLE="styl" Informacje stylów (CSS) TABINDEX="liczba" Określa pozycję elementu w kolejności wybierania tabulatorem TITLE="tekst" Tekst pomocniczy Zdarzenia: onfocus, onblur, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout...