Ćwiczenia - Projektowanie Stron WWW

Zadanie 1: Projektuje układ sekcji na stronie internetowej

Zaprojektuj układ strony głównej witryny dla fikcyjnej firmy zajmującej się produkcją ekologicznych kosmetyków. Strona powinna zawierać:

nagłówek z logo i nawigacją,
sekcja główna z dużym banerem,
trzy sekcje z ofertą,
opinie klientów,
formularz kontaktowy,
stopka z danymi firmy.

Wykonaj: Szkic oraz opis rozmieszczenia sekcji.

Zadanie 2: Tworzy brief witryny internetowej

Stwórz brief dla strony internetowej lokalnej kawiarni o nazwie „Kawa z Pasją”.

Brief powinien zawierać:

cel strony,
grupę docelową,
kluczowe funkcje,
styl graficzny,
wymagania techniczne.

Zadanie 3: Stosuje zasady doboru barw na stronie internetowej

Zaprojektuj paletę kolorystyczną dla strony internetowej aplikacji do medytacji i relaksu. Wybierz kolor główny oraz 2 kolory uzupełniające. Uzasadnij swój wybór.


:root {
    --main-color: #7ec8c8;
    --accent-color: #c0dfd9;
    --contrast-color: #f5f5f5;
}
body {
    background-color: var(--main-color);
    color: #333;
}

Zadanie 4: Dobiera czcionki i jednostki ich wielkości na stronie internetowej

Stwórz fragment kodu HTML i CSS dla bloga podróżniczego. Dobierz czcionki i jednostki zgodnie z zasadami czytelności.


Moje podróże po Azji
Podróżowanie to moja pasja. Oto kilka miejsc, które odwiedziłem...


body {
    font-size: 16px;
}
h1 {
    font-size: 2.5rem;
    font-family: 'Segoe UI', sans-serif;
}
p {
    font-size: 1.125em;
    font-family: 'Georgia', serif;
}

Zadanie 5: Dostosowuje strony internetowe do potrzeb osób z niepełnosprawnościami

Zaprojektuj dostępny formularz kontaktowy zgodny ze standardami WCAG.



    Email:
    

    Wiadomość:
    
    Wpisz treść wiadomości.

Zadanie 6: Tworzy witryny internetowe zgodnie z projektem

Na podstawie projektu graficznego wykonaj stronę HTML + CSS dla salonu fryzjerskiego.

układ zgodny z projektem,
stylizacja zgodna z paletą kolorów i typografią,
responsywność,
struktura HTML5.