Nauczyciel: Magdalena Rajewska Przedmiot: Informatyka
Klasa: 1TAP
Temat lekcji: Tworzenie stron internetowych cz.2.
Data lekcji: 30.04.2020 Wprowadzenie do tematu:
Celem zajęć jest zapoznanie się ze znacznikami HTML stosowanymi do formatowania tekstu oraz listami numerowanymi i wypunktowanymi.
1. Właściwości strony - znacznik <body>
1.1. text – kolor czcionki;
1.2. bgcolor – kolor tła;
1.3. background – tło z wstawionego obrazka. Można dodawać obrazki z rozszerzeniami .jpg, .png, bmp, gif.
Przykład 1.
Wynik działania.
Przykład 2.
Wynik działania.
2. Tekst – znaczniki.
2.1. <br> - przejście do nowej linii.
2.2. <hr> - kreska pozioma.
2.3. <b> - pogrubienie tekstu.
2.4. <i> - pochylenie tekstu.
2.5. <u> - podkreślenie tekstu.
2.6. <strike> - przekreślenie tekstu.
2.7. <sup> - indeks górny.
2.8. <strike> - indeks dolny.
Przykład 3.
Wynik działania.
2.9. <font> - parametry czcionki:
size - wielkość czcionki od 1 do 7, np. <font size=”2” >
color – kolor czcionki, np. <font color=”blue”>
Przykład 4
Wynik działania.
3. Listy.
3.1. Listy numerowane.
Do tworzenia listy numerowanej używamy znacznika <ol>. Do każdego elementu listy należy wykorzystać znacznik <li>.
Przykład 5.
Uzyskany wynik.
3.2. Listy wypunktowane.
Do tworzenia listy wypunktowanej używamy znacznika <ul>. Do każdego elementu listy należy wykorzystać znacznik <li>.
Przykład 6.
Wynik działania.
Dodatkowo można ustalić symbol wypunktowania np.:
- kwadrat <li type =”square”>
Przykład 7.
Wynik działania.
3.3. Zagnieżdżone listy.
Przykład 8.
Uwaga jeśli umieścimy tekst pomiędzy <!-- --> oznacza to, że wstawiamy jedynie komentarz.
Komentarze nie są wyświetlane na stronie.
Wynik działania.
Instrukcje do pracy własnej:
1. Należy zapoznać się z dostarczonymi materiałami oraz wykonać wszystkie zadania z przykładów.
Poniżej został przedstawiony widok strony internetowej. Należy stworzyć na jej podstawie swoją stronę internetową – praca na ocenę.
Ważne:
- w miejscu imię należy podać własne imię,
- w miejscu klasa należy podać do której klasy uczęszczasz,
- w miejsce numer w dzienniku należy podać swój numer z dziennika.
Po zakończeniu zadania należy wyświetlić zawartość strony, zrobić screen i przesłać go na adres magrajzs9@gmail.com
Plik ze screen’em strony internetowej należy zapisać następująco: klasa_nrwdzienniku_strona1.
Informacja zwrotna:
Termin realizacji zadania: 7.05.2020
Praca zdalna:
W przypadku problemów, pytań, wątpliwości proszę o kontakt mail’owy na adres:
magrajzs9@gmail.com.
Zachęcam wszystkich do zdalnej komunikacji poprzez komunikator Hangouts w terminach:
Dzień tygodnia Godziny Komunikator Hangouts
Środa 7-45 – 12.50 magrajzs9@gmail.com
Środa 14.40 – 17.05 magrajzs9@gmail.com
Czwartek 7.45 – 12.50 magrajzs9@gmail.com