styl dokumentu - Kurs HTML i CSS
Wstawianie stylów CSS / Kaskadowość stylówSpis treści Kaskadowość stylów Łamanie kaskadowości !important Kaskadowość stylów Kaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony stylów z różnych źródeł. Na przykład: na naszej stronie używamy zewnętrznego arkusza stylów, deklaracji stylów w nagłówku strony, a także stylów typu inline, przy czym dotyczą one formatowania dokładnie tego samego elementu (np. kroju czcionki). Co się stanie w takim przypadku? Czy nie powstaną konflikty? A może komputer się...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...i rodzaju czcionki, dodanie <hr> - z omówieniem estetyki. 15 min - Uczniowie stosują zmiany do swojej strony (dodają kolory, linie, dopasowują styl). 10 min - Quiz z kursu - uczniowie pracują indywidualnie. 10 min - Omówienie wyników, prezentacja zdobytych certyfikatów dla chętnych (można wydrukować). Zadanie końcowe / projekt Bazując na zestawie ćwiczeń do samodzielnego wykonania, uczniowie tworzą stronę internetową o dowolnym temacie (np. hobby, zwierzak, gra komputerowa)...
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
<head> (...) <style> selektor { cecha: wartość; cecha2: wartość2... } selektor2 { cecha: wartość; cecha2: wartość2... } (...) </style> (...) </head> gdzie w sposób wyróżniony zaznaczono elementy składowe wewnętrznego arkusza stylów. Natomiast w miejsce kropek (...) można wpisać dalsze polecenia. Selektorem może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne. To właśnie elementom, które znajdują się w kodzie źródłowym, pomiędzy tymi znacznikami...
Komendy HTML 4.01 / Wykaz atrybutów...src SCRIPT Adres zewnętrznego skryptu standby OBJECT Informacja do pokazania podczas wczytywania start OL Numer początkowy style Wszystkie elementy oprócz BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE Informacja stylów summary TABLE Streszczenie tabeli dla przeglądarek dźwiękowych tabindex A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA Pozycja w kolejności wybierania tabulatorem target (tylko Transitional DTD) A, AREA, BASE, FORM...
- Komendy HTML 4.01 / LINK
...odnosi się do poprzedniego dokumentu w sekwencji section - dział w kolekcji dokumentów start - odnosi się do pierwszego dokumentu w kolekcji stylesheet - odnosi się do zewnętrznego arkusza stylów (CSS) subsection - "poddzał" w kolekcji dokumentów REV="typ" Opisuje adres zwrotny podany w atrybucie HREF (analogicznie jak w przypadku atrybutu REL) STYLE="styl" Informacje stylów (CSS) TARGET="cel" Podaje nazwę ramki, w której dokument będzie otwarty; ponadto możliwe jest tutaj...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...<meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> <link rel="stylesheet" href="style.css"> </head> <body> Tu wpisuje się treść strony </body> </html> Dzięki znacznikowi <link> do dokumentu zostanie automatycznie dołączony arkusz stylów. W nim właśnie wpisuje się wszystkie polecenia zmieniające wygląd strony. Ważne jest tylko, aby ten plik posiadał rozszerzenie *.css. W powyższym przykładzie jest to plik...
- Komendy HTML 4.01 / A
...odnosi się do poprzedniego dokumentu w sekwencji section - dział w kolekcji dokumentów start - odnosi się do pierwszego dokumentu w kolekcji stylesheet - odnosi się do zewnętrznego arkusza stylów (CSS) subsection - "poddzał" w kolekcji dokumentów REV="typ" Opisuje adres zwrotny podany w atrybucie HREF (analogicznie jak w przypadku atrybutu REL) SHAPE="kształt" Określa kształt obszaru w mapie odnośników klienta MAP (którego współrzędne podaje atrybut COORDS): circle - koło...
- Dobre praktyki / Przykazania webmastera
Spis treści Wstęp Dobre praktyki HTML Dbaj o poprawność ortograficzną i stylistyczną tekstu Używaj polskich znaków diakrytycznych Rozpoczynaj pracę od stworzenia semantycznego kodu HTML bez żadnej stylizacji Nie używaj elementów ani atrybutów zdeprecjonowanych Unikaj stosowania ramek - zarówno tradycyjnych jak i lokalnych Nie stosuj tabelek do budowania układu strony Nawigacja musi być intuicyjna i wygodna Unikaj używania atrybutu target="..." dla odsyłaczy Nie używaj znaczników img...
- Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum
...tekstu Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla liceum i technikum z zakresu informatyki oraz materiałach ze strony Kurs HTML i CSS...
Aktualizacja / System newsów...i już można szybko przenieść się do nowych stron, klikając odpowiednie odsyłacze. Wymagana wiedza: Odsyłacze Wstawianie obrazków Podstawy stylów CSS (m.in. arkusze stylów) Aby wprowadzić system newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz...