baner

Lekcja 8

kl 1 Projektowanie stron

 
Konstruowanie odsyłaczy. Mapy odsyłaczy.

 

Zadanie 1

Przy pomocy dostępnych narzędzi i poznanych elementów składni języka HTML przygotuj dokument zad81.html z poprawnymi: kodowaniem polskich znaków, deklaracją języka strony (język polski) oraz tytułem (jako tytuł podaj: ZAD81). Wykorzystując pobierz 5 obrazków z serii Yin-Yang-Yuan, a następnie użyj ich w swoim dokumencie jako odnośników obrazkowych do niżej wymienionych elementów:

  1. strona: w3schools
  2. strona: tujestok
  3. strona: Microsoft Docs
  4. strona: Khan Academy
  5. dokument: zad81.html

Zadanie 2

Przygotuj szkielet strony zapisując go pod nazwą zad82.html. Strona ma poprawnie obsługiwać język polski i polskie znaki. Dodaj tytuł dla strony: MAPA. Następnie:

  • Przygotuj obrazek o wymiarach 100x100 pikseli.
  • Utwórz na nim wzór szachownicy składającej się z czterech pól w kolorach czarnym i czerwonym.
  • Zapisz go pod nazwą szach.png;
  • Wstaw go na stronę wyśrodkowując względem okna przeglądarki;
  • Utwórz z obrazka mapę odsyłaczy w taki sposób, aby:
    • lewy górny kwadrat był odsyłaczem do strony http://tujestok.eu/ (otwarcie w nowym oknie)
    • prawy górny kwadrat był odsyłaczem do dokumentu zad82.html (otwarcie w nowym oknie)
    • lewy dolny kwadrat był odsyłaczem do obrazka szach.png (otwarcie w nowym oknie)
    • prawy dolny kwadrat był odsyłaczem do dowolnego obrazka z zadania 1 (otwarcie strony w tym samym oknie)
  • Dodaj po obrazkiem nagłówek stopnia 2 o zawartości: Mapa odsyłaczy.

Zadanie 3

Zapisz w notesie podręcznym

  1. Podaj przykład konstrukcji odsyłacza do wybranej strony internetowej.
  2. Podaj przykład konstrukcji odsyłacza "lokalnego".
  3. Podaj przykład konstrukcji odsyłacza otwierającego dokument docelowy w nowym oknie.
  4. Podaj przykład konstrukcji odsyłacza w postaci graficznej.
  5. Podaj przykład odsyłacza do elementu w bieżącym dokumencie.
  6. Jakiej składni należy użyć, aby ustalić kolor tekstu paragrafu na czerwony z wykorzystaniem notacji RGB?
  7. Jakiej składni należy użyć, aby ustalić kolor tła strony na zielony z wykorzystaniem notacji heksagonalnej?
  8. Podaj wartości w notacjach RGB i heksagonalnej dla kolorów: czerwony, zielony, niebieski, żółty, czarny i biały.
  9. W jaki sposób oznaczamy komentarze w kodzie HTML?

 

Pytania i odpowiedzi: