Wstawianie obrazów (grafiki) na stronę www.

Zadanie 1

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

• Korzystając z serwisu Wikimedia Commons pobierz 4 obrazy pokazujące polskie góry, zapisując je w folderze, w którym umieściłeś dokument zad1.html.
• Ustal za pomocą dostępnych narzędzi rozmiar obrazków w taki sposób, aby ich szerokość wynosiła dokładnie 200 pikseli zachowując ich proporcje.
• Umieść wszystkie obrazy na swojej stronie w taki sposób, aby wyświetlały się w jednym wierszu.
• Za pomocą składni języka HTML ustal ich szerokość na 150 pikseli. Do każdego z nich dodaj wymagany atrybut alt wpisując jako wartość odpowiednio: obrazek1, obrazek2, obrazek3 i obrazek4.
• Dodaj nad obrazkami nagłówek poziomu 3 z treścią: Polskie piękne góry.
• Zawartość nagłówka i obrazki wyrównaj względem środka strony.
• Dodaj jasne (odcień niebieskiego) tło dla całej strony.
• Wypisz w kolejnych liniach poniżej obrazków nazwy polskich łańcuchów górskich (min. 3)
• Przenieś obrazki do folderu IMG.
• Popraw składnię HTML tak, aby obrazki wyświetlały się poprawnie.

Zadanie 2

Opracuj mini galerię obrazów:

1. Pobierz pliki graficzne.
2. Umieść je odpowiednio (po dwa) w folderach: zwierzeta, samochody, kwiaty.
3. Zapisz kod używając składni HTML tak, aby w efekcie zobaczyć na ekranie galerię:
   • Nagłówek drugiego poziomu, wyśrodkowany o treści GALERIA
   • Poniżej w jednym wierszu obrazki ze zwierzętami, wyśrodkowane
   • Poniżej w jednym wierszu obrazki ze kwiatami, wyśrodkowane
   • Poniżej w jednym wierszu obrazki z autami, wyśrodkowane
   • Szerokość każdego z obrazków 150 pikseli, wysokość 110 pikseli
   • Tło całej strony rgb(255, 230, 230)
   • Tło dla wiersza z obrazkami #ff9999
   • Poniżej nagłówek poziomu 3 z Twoim imieniem, nazwiskiem i klasą - wyśrodkowane

Pytania i odpowiedzi: