Inkscape. Zasady tworzenia grafiki na potrzeby strony www. Okna dokowane, wstawianie tekstu. Zadanie projektowe nr 1. HTML + CSS + grafika wektorowa

 

FILM

Zadanie 1

1. Przygotuj dokument o wymiarach 1920x1080 pikseli.
2. Pobierz z serwisu Wikimedia Commons obrazek dnia wybierając nie mniejszy niż rozmiar dokumentu lub POBIERZ
3. Nałóż na jego lewąkrawędź prostokąt o wymiarach 500x1080 pikseli bez konturu, ale z wypełnieniem gradientem linowym w kolorze białym, którego początek będzie miał krycie na zero, a koniec na 100%.
4. Powtórz operacją dla prawej krawędzi.
5. Dodaj kolejny prostokąt o wymiarach 150x150 pikseli z wypełnieniem pełnym kolorem żółtym.
6. Powiel go 4 razy i ułóż jeden pod drugim tak, aby się stykały
7. Zaznacz wszystkie 5 prostokątów i zmień wymiary dla całej grupy na 500 szerokość i 1080 wysokość.
8. Dosuń całą grupę do lewego górnego narożnika
9. Zmień im wypełnienie na gradient liniowy od narożnika do narożnika
10. Umieść w każdym wstawionym prostokącie napis "BLOK"
11. Dodaj pięć gwiazdek o wymiarach 150x150 pikseli, układając je w dowolnej konfuguracji
12. Zmień im wypełnienie na radialne
13. Wyeksportuj pracę do formatu PNG podając jako nazwę pliku cw61.
14. Zaznacz wszystkie obiekty w swoim dokumencie
15. Zmień rozmiar zaznaczenia ustawiając szerokośćna 300 pikseli z zachowaniem współczynnika proporcji
16. Wyeksportuj zaznaczenie do formatu PNG nadając mu nazwę cw61a

PRZYKŁAD

Zadanie 2

Praca nad konstrukcją serwisu informacyjnego. CSS/HTML/JavaScript/Grafika wektorowa

Pytania i odpowiedzi: