html - Kurs HTML i CSS
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikumSpis treści Wstęp Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Struktura dokumentu HTML, podstawowe znaczniki Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie 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...
Widżety HTML / Szablon strony bez ramek...Rozwiązaniem tego problemu mogłyby być ramki lokalne (<iframe>...</iframe>). W takim przypadku teoretycznie można stworzyć jedną stronę index.html, na której umieszcza się menu i inne stałe elementy, a w miejsce właściwej treści strony wstawia się ramkę lokalną, gdzie wczytuje się zawartość poszczególnych podstron. Taki sposób niestety posiada poważną wadę: na pasku adresu przeglądarki wyświetla się cały czas taki sam adres. Powoduje to problemy z dodaniem wybranej podstrony do...
Dobre praktyki / Przykazania webmastera...przeglądarki. Jeśli dodatkowo zmiany dotyczyły również kodu HTML, mamy gotowy przepis na zupełne rozsypanie się wyglądu strony. Ponieważ pliki *.html zwykle cache'ują się słabiej (na krótszy czas), może dojść do sytuacji, kiedy użytkownicy dostaną już nową wersję kodu źródłowego HTML, która wymaga jednak zmienionego właśnie arkusza CSS, ale sam arkusz zaczyta się stary - z pamięci podręcznej przeglądarki. Aby do tego nie dopuścić, zawsze można wprowadzić na serwer po prostu nowy plik...
- Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia
...HTML dla zielonych Tekst HTML Przebieg 10 min - Wprowadzenie do HTML Omówienie budowy dokumentu HTML5. Wyjaśnienie znaczenia elementów <html>, <head>, <body>. 10 min - Praca z edytorem Uczniowie otwierają edytor HTML i tworzą nowy dokument. Dodają tytuł i nagłówek. 15 min - Ćwiczenie praktyczne Uczniowie dodają akapity tekstu i zapisują plik HTML. Otwierają stronę w przeglądarce. 10 min - Omówienie efektów pracy i błędów Lekcja 2 - Dodawanie obrazków i linków Czas...
- Komendy HTML 4.01 / Wykaz atrybutów
Atrybut Zastosowanie Opis abbr TD, TH Skrót dla komórki nagłówkowej tabeli accept FORM, INPUT Lista typów MIME dla wysyłanego pliku accept-charset FORM Lista obsługiwanych znaków accesskey A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA Znak klawisza dostępu action FORM (wymagany) Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP...
- Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej
Spis treści Wstęp Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Wprowadzenie do HTML i struktury dokumentu Lekcja 2 - Wstawianie obrazków i linków Lekcja 3 - Dostosowanie wyglądu strony i podsumowanie Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla klas IV-VIII szkoły podstawowej z zakresu informatyki oraz materiałach ze strony HTML dla zielonych. Lekcje zostały rozplanowane na...
- Tryb Quirks / Tryb niecałkowitej zgodności ze standardami
...ze standardami W3C: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> Tryb Quirks - niecałkowitej zgodności: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML...
- Komendy HTML 4.01 / Deklaracja typu dokumentu
...target="...") <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> lub <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Transitional DTD - (przejściowa) lub inaczej loose DTD ("luźna") - zawiera wszystko co w Strict DTD plus elementy i atrybuty zdeprecjonowane oraz element IFRAME i atrybut target="..." <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> lub <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
...Różnice można zauważyć dopiero w przypadku większej liczby zagnieżdżonych ramek - np. strona w stronie w stronie. Załóżmy, że mamy plik "index.html", w którym umieszczamy taką ramkę: <iframe src="ramka1.html"></iframe> Jak widać, spowoduje to osadzenie na stronie ramki i załadowanie do niej dokumentu "ramka1.html". Załóżmy teraz, że w pliku "ramka1.html" znajduje się m.in. taki kod: <iframe src="ramka2.html"></iframe> Tutaj znowu osadzamy ramkę, ale tym razem z innym dokumentem. W...
- Zareklamuj się tutaj za darmo
...z linkiem): Nie trzeba kopiować żadnego pliku. Jedyne co musisz zrobić, to wkleić na swojej stronie następujący kod: <a href="https://www.kurshtml.edu.pl"><img src="https://www.kurshtml.edu.pl/reklama/button.gif" alt="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych" title="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych" style="border: 0; width: 88px; height: 31px"></a> Możliwa jest wymiana linkiem: Kurs HTML - darmowe szkolenie: tworzenie stron internetowych...