wstawianie tekstu - Kurs HTML i CSS
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...Omówienie roli multimediów w stronach internetowych i ich znaczenia. 10 min - Wstawianie wideo i audio Omówienie tagów <video> i <audio>, wstawianie plików multimedialnych na stronę oraz ich atrybuty (np. controls, autoplay, loop). 10 min - Wstawianie widżetów (iframe) Wyjaśnienie tagu <iframe>, jego zastosowanie i sposób osadzania zewnętrznych treści (np. YouTube). 10 min - Ćwiczenie praktyczne: strona z obrazkami, wideo i audio Uczniowie tworzą stronę, na której wstawiają...
Oprawa graficzna / Zamiennik obrazkowy...połączeń np. w przypadku telefonii komórkowej, może być sporym obciążeniem finansowym, a już na pewno znacząco wydłuży ładowanie strony. Statyczne wstawianie obrazków, tworzących oprawę graficzną, jest niepoprawne semantycznie. Każdy znacznik IMG obowiązkowo musi posiadać atrybut alt="...", który jest przydatny np. dla osób niewidomych. Jednak w takim przypadku będzie on kompletnie pozbawiony sensu, ponieważ nie ułatwia, tylko utrudnia odbiór treści. Syntezator mowy, używany przez osobę...
- 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...
- Tło CSS / Atrybuty mieszane tła {background}
Spis treści {background} Atrybuty mieszane tła {background} Tło graficzne obok tekstu Wielokrotne atrybuty mieszane Atrybuty mieszane tła {background} (interpretuje Internet Explorer 6, Firefox, Opera, Chrome) selektor { background: wartości atrybutów } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać konkretne wartości atrybutów, dotyczących tła, które...
- Tekst CSS / Transformacja tekstu {text-transform}
...zamiana wszystkich liter na wielkie lowercase - zamiana wszystkich liter na małe Polecenie umożliwia na wybór określonej transformacji tekstu, czyli atrybutów dotyczących zmiany wielkości liter (wielkie/małe) w tekście. Przykład {text-transform} To jest akapit z transformacją tekstu none... To jest akapit z transformacją tekstu none... To jest akapit z transformacją tekstu none... To jest akapit z transformacją tekstu capitalize... To jest akapit z transformacją tekstu...
- Tekst CSS / Wyrównanie tekstu {text-align}
...bloku, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wyrównanie" należy podać: left - wyrównanie tekstu do lewego marginesu (domyślnie) right - wyrównanie do prawego marginesu center - do środka (wyśrodkowanie) justify - do obu marginesów jednocześnie (justowanie) Polecenie pozwala wybrać jeden z możliwych sposobów wyrównania tekstu, czyli jego ułożenia na ekranie. Przykład {text-align} wyrównanie left (domyślnie) wyrównanie left - do...
- Czcionki CSS / Wielkość czcionki {font-size}
...x-small - bardzo mała small - mała medium - średnia large - duża x-large - bardzo duża xx-large - największa Ostateczny rzeczywisty rozmiar tekstu, określony przy powmocy powyższych wartości, może się różnić w zależności od przeglądarki. Z tego powodu bezpieczniej jest podawać wszystkie wielkości czcionek w pikselach (np.: 14px). Przykład rozmiar xx-small rozmiar x-small rozmiar small rozmiar medium rozmiar large rozmiar x-large rozmiar xx-large Wartości względne: smaller...
- Tekst CSS / Tryb pisania {writing-mode}
...(colgroup), wierszy tabeli (tr) i kolumn tabeli (col) [zobacz: Wstawianie stylów]. Natomiast jako "tryb" należy podać: horizontal-tb - linijki tekstu ułożone poziomo jedna pod drugą (domyślnie) vertical-rl - linijki tekstu ułożone pionowo obok siebie od prawej do lewej strony (ang. right-to-left) vertical-lr - linijki tekstu ułożone pionowo obok siebie od lewej do prawej strony (ang. left-to-right) W wielu językach azjatyckich tekst podczas pisania tradycyjnie układany jest pionowo...
- Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej
...struktury dokumentu HTML. Tworzenie pierwszego dokumentu z tekstem i podstawowym formatowaniem. Materiały Ramy dokumentu HTML Wpisywanie tekstu HTML Znaczniki HTML Akapit HTML Tekst pogrubiony, pochylony, podkreślony Łączenie znaczników Przebieg 5 min - Wprowadzenie: czym jest HTML, do czego służy. 10 min - Pokaz struktury dokumentu HTML w edytorze na stronie. 15 min - Uczniowie przepisują gotowy kod z rozdziału Ramy dokumentu HTML i dodają własne akapity oraz...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...nadrzędnego (domyślnie) middle - ustawia element na środku wysokości elementów sąsiadujących text-top - wyrównuje szczyt elementu do szczytu tekstu elementu nadrzędnego text-bottom - wyrównuje podstawę elementu do podstawy tekstu elementu nadrzędnego super - tworzy indeks górny z elementu, ale nie zmienia wielkości tekstu sub - tworzy indeks dolny z elementu, ale nie zmienia wielkości tekstu top - wyrównuje szczyt elementu do szczytu najwyższego elementu linii, w której się...