7 Inf 3.1 Grafika komputerowa

Kolory w HTML są reprezentowane za pomocą kodów, składających się z symbolu # i sześciu cyfr lub liter, które reprezentują wartości kolorów RGB (Red, Green, Blue).

Każda przeglądarka stron WWW pozwala uzyskać na ekranie jednocześnie 256 różnych kolorów, jednak tylko 216 z nich poprawnie wyświetlają wszystkie przeglądarki internetowe. 

W języku HTML można też używać nazw kolorów. Podstawowe 16 określeń pochodzi od nazw kolorów, które można było uzyskać na komputerach z kartą graficzną VGA (komputery pokazywały kiedyś tylko 16 kolorów). Ostatecznie zwiększono jednak liczbę dostępnych nazw kolorów do 140. 

Przykład 

Ocienie koloru czerwonego (nazwa koloru, kod heksadecymalny czyli szesnastkowy, kod dziesiętny)

Własciwy dobór kolorów na stronie internetowej, ma wielki wpływ na jej oglądalność,  również na podejmowane przez osoby, które ją przegladają wybory (np. decyzje dotyczące zakupów, zainteresowania treścia strony). 

Dowiedz sie wiecej, jakie znaczenie mają poszczególne kolory:

https://www.artefakt.pl/blog/web-design/jak-wybrac-kolory-na-strone-internetowa

ZADANIE 1         

1. W programie Scratch wybierz tło: Nebula

2. Edytuj tło (użyj trybu wektorowego)

3. Na tle nieba narysuj: okrąg i dodaj tekst: "GRAFIKA" (rodzaj czcionki CURLY); 

rysunek powinien wyglądać podobnie, jak na poniżej:

4. Zmień nazwę kostiumu na: "grafika  wektorowa"

5. Zduplikuj kostium

6. Zmień nazwę nowego kostiumu na: "grafika  rastrowa"

7. Kostiumu: "grafika  rastrowa"  przekształć w bitmapę

8. Powiększ bardzo mocno oba kostiumy i porównaj ich właściwości (ostrość obrazu).

9. Sprawdź w obu trybach, czy obraz można edytować, test i figury przekształcać. 

grafika rastrowa	grafika wektorowa

ZADANIE 2         

1. Narysuj w programie Paint prosty obrazek np. dom

2. Zapisz ten sam obrazek pod nazwą: dom , w trzech różnych formatach:

* jpg

* png

* bmp

3. Sprawdź jaki rozmiar maja poszczególne pliki.

4. Edytuj (otwórz za pomocą Paint) po kolei wszystkie pliki. Wypełnij dowolnym kolorem biały obszar rysunku.

5. Podziel się tym co swoimi spostrzeżeniami.