Projektowanie layout’u. Responsywność serwisu www.

 

Zadanie 1

Ważne! Wstawiamy w sekcji nagłówka: <meta name="viewport" content="width=device-width, initial-scale=1.0">

Przygotuj dokument cw131.html w którym umieścisz kod HTML, który spowoduje wyświetlenie trzech obrazków jak na filmie.

• Wstaw nagłówek pozionu drugiego o treści: Responsywny obrazek
• Wyśrodkuj wszystkie elementy na stronie
• Ustaw obrazki jeden pod drugim
przykład kodu

Zadanie 2

Ważne! Wstawiamy w sekcji nagłówka: <meta name="viewport" content="width=device-width, initial-scale=1.0">

Przygotuj dokument cw132.html w którym umieścisz kod HTML, który spowoduje wyświetlenie contentu w postaci obrazka zależnego od szerokości okna przeglądarki jak na filmie.

Wstaw nagłówek drugiego poziomu o treści: Zmiana obrazka w zależności od szerokości okna przeglądarki

Wyśrodkuj wszystkie elementy na stronie

Wstaw jeden obrazek i dodaj kod HTML/CSS

Materiały do zajęć

Foto 1 Foto 2 Foto 3

 

Pytania i odpowiedzi: