html zielonych - Kurs HTML i CSS
Podcast HTML / #1 HTML dla zielonych...link) jest tworzony za pomocą znacznika <a>. Do podstrony (w tym samym serwisie): należy użyć względnej ścieżki dostępu. <a href="kontakt.html">Przejdź do strony kontaktowej</a> Do zewnętrznego adresu internetowego: adres musi zaczynać się od http:// lub https://. <a href="https://www.google.pl/">Przejdź do Google</a> Aby otworzyć link w nowej karcie, dodaj atrybut target="_blank". Odsyłacz pocztowy: atrybut href musi zawierać mailto: przed adresem e-mail. <a...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...HTML5. Tworzy pierwszy dokument HTML zawierający nagłówki, tekst i odsyłacze. Zapisuje i otwiera pliki HTML w przeglądarce. Materiały HTML dla zielonych Tekst HTML Odsyłacze HTML Podcast HTML: #1 HTML dla zielonych Podcast HTML: #3 Tekst HTML Podcast HTML: #4 Odsyłacze HTML Przebieg 5 min - Wprowadzenie do tematu i celów lekcji (możesz się posłużyć podcastem) Wyjaśnienie czym jest HTML, dlaczego jest kluczowy w tworzeniu stron internetowych, oraz jakie są jego podstawowe...
- Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia
...HTML Przebieg 10 min - Wprowadzenie do HTML (możesz się posłużyć podcastem) 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...
- Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej
...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 3 spotkania po 45 minut, z pracą domową i elementami pracy własnej uczniów. Cel ogólny cyklu lekcji Uczeń tworzy prostą stronę internetową zawierającą tekst i grafikę, dostosowując jej wygląd do treści i przeznaczenia. Wymagania podstawy programowej Uczeń: przygotowuje dokumenty i prezentacje z...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego...menu, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów: <link rel="stylesheet" href="menu.css"> Przykład HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno Aby uzyskać następujące wielopoziomowe menu otwierane, imitujące tradycyjne menu aplikacji: Kurs HTML Dla zielonych Akapit Tekst pogrubiony...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...być przestrzegany. Oto jak przykładowo powinny wyglądać ramy każdego dokumentu w formacie HTML (istnieją również inne podobne szablony): <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> </head> <body> Tu wpisuje się treść strony </body> </html> UWAGA! Powyższy szablon dotyczy tzw. kodu źródłowego, dlatego jeżeli używasz edytora graficznego (np.: FrontPage), koniecznie musisz się...
- Podcast HTML / #7 Widżety HTML
...ramek po kliknięciu odnośnika, należy użyć kodu JavaScript: <a href="javascript:void(0)" onclick="parent.nazwaramki1.location.href = 'adres1.html'; parent.nazwaramki2.location.href = 'adres2.html'; return false">...</a> "nazwaramki1" i "nazwaramki2" to wartości atrybutów name="..." nadane znacznikom <iframe>. W niektórych przypadkach zamiast parent.nazwaramki trzeba użyć top.nazwaramki albo self.nazwaramki. Możliwe jest załadowanie więcej niż dwóch ramek poprzez dodanie kolejnych...
- Dla nauczycieli / Dla nauczycieli - Kurs HTML i CSS w Twojej klasie
...jeśli uczniowie nie znają żadnej składni programowania, szybko przyswoją podstawy. Dostosowany do różnych poziomów zaawansowania - lekcje HTML dla zielonych i CSS dla zielonych pozwalają zacząć od absolutnych podstaw, ale kurs zawiera też bardziej zaawansowane treści, takie jak: HTML5, CSS3, JavaScript, responsywność, semantyka i wiele innych praktycznych zagadnień. Uczy przez działanie - każda lekcja zawiera interaktywne przykłady kodu HTML i CSS z możliwością edycji na żywo, zestawy...
- Podcast HTML / #9 HTML5
...błędów. Wprowadzenie nowych znaczników semantycznych, aby uczynić sieć bardziej dostępną. Uproszczona deklaracja typu dokumentu to <!doctype html>, która nie przełącza przeglądarki w tryb Quirks. Uproszczono również deklarację strony kodowej do <meta charset="utf-8">. Nowe elementy semantyczne i strukturalne W języku HTML5 wprowadzono nowe elementy, które tworzą sekcje lub grupują zawartość, w tym: Sekcje: <article>, <aside>, <nav>, <section>. Znaczniki grupujące: <figure>...
- Podcast HTML / #3 Tekst HTML
Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Modele wyświetlania znaczników HTML Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników: W bloku: Automatycznie dodawane są znaki końca linii przed i po elemencie. Elementy blokowe, takie jak nagłówki (od <h1> do <h6>) oraz...