Wróć do informacji o e-podręczniku Wydrukuj Pobierz materiał do PDF Pobierz materiał do EPUB Pobierz materiał do MOBI Zaloguj się, aby dodać do ulubionych Zaloguj się, aby skopiować i edytować materiał Zaloguj się, aby udostępnić materiał Zaloguj się, aby dodać całą stronę do teczki
1
Pokaż ćwiczenia:
1
Ćwiczenie 1
RsxBxLgMwXqgt
Dokończ zdanie.
Przycisk, który zachęca użytkownika do określonej akcji, np. „czytaj dalej” nazywa się… Możliwe odpowiedzi: 1. CTA, 2. HTML, 3. CSS, 4. CLS
Źródło: Akademia Finansów i Biznesu Vistula, licencja: CC BY-SA 3.0.
1
Ćwiczenie 2
R1UkLam4kguac
Wskaż, co nie jest jednym z trzech etapów projektowania strony internetowej. Możliwe odpowiedzi: 1. schemat (wireframe), 2. makieta (mockup), 3. prototyp, 4. szkic
Źródło: Akademia Finansów i Biznesu Vistula, licencja: CC BY-SA 3.0.
1
Ćwiczenie 3
R11O6O8D4dRHY
Uzupełnij zdanie. 1. Dropdown, 2. Kontent, 3. CTA, 4. Dropbox to rozwijana lista, która pojawia się po kliknięciu w dany element menu.
2
Ćwiczenie 4

W programie graficznym stwórz wireframe, zawierający: baner, CTA, menu i nagłówek z rozwinięciem tekstowym.

Przykład 1
RrFheXUQVbDze
Źródło: tylko do użytku edukacyjnego.
2
Ćwiczenie 5

Nazwij elementy strony.

R1BSQG78agBHL
Źródło: tylko do użytku edukacyjnego.
2
Ćwiczenie 5
RbaWs4xjCiqmH
(Uzupełnij).
2
Ćwiczenie 6

Wireframe wykonany w Ćwiczeniu 4 przekształć w makietę.

Przykład 2
R1ZW26boYJwu9
Źródło: tylko do użytku edukacyjnego.
3
Ćwiczenie 7

Makietę z Ćwiczenia 6 przekształć w prototyp gotowy do publikacji. Poszukaj błędów. Zobacz, czy wszystkie napisy są czytelne.

Przykład 3
RHkXgpUcWaqZV
Źródło: tylko do użytku edukacyjnego.
3
Ćwiczenie 8

Skorzystaj z generatora makiet i zobacz, czy stworzona przez ciebie makieta jest przejrzysta, prawidłowo wykonana.

Przykład 4

Przykład wyglądu interfejsu generatora.

RpVhNFRusQ7yQ
Źródło: tylko do użytku edukacyjnego.