Wskaź program, w którym można przeprowadzić retusz fotografii, która ma być umieszczona na stronie internetowej?
A. Painter
B. Photoshop
C. Studio Artist
D. Illustrator
Photoshop to wiodący program w dziedzinie edycji grafiki rastrowej, który jest szeroko stosowany w branży kreatywnej do retuszu zdjęć. Oferuje zaawansowane narzędzia, takie jak maski, warstwy oraz filtry, które pozwalają na precyzyjne dostosowanie kolorów, kontrastu i detali zdjęć. Użytkownicy mogą wykorzystać funkcję retuszu, aby usunąć niedoskonałości, zredukować szumy oraz poprawić ogólną jakość obrazu, co jest kluczowe przy publikacji na stronach internetowych. Przykładem zastosowania Photoshopa może być retusz portretów, gdzie program umożliwia wygładzenie skóry, usunięcie cieni oraz podkreślenie oczu. Standardy branżowe sugerują, że zdjęcia publikowane online powinny mieć odpowiednią rozdzielczość oraz być zoptymalizowane pod kątem szybkości ładowania, co Photoshop również wspiera dzięki funkcjom eksportu. Dzięki rozbudowanej dokumentacji oraz aktywnej społeczności, użytkownicy mogą łatwo znaleźć porady i techniki, które pomogą im w efektywnej pracy z tym oprogramowaniem.
Pytanie 2
Przy publikacji projektu multimedialnego, w którym wykorzystano cytaty z dzieł literackich, należy pamiętać, aby umieszczone fragmenty tekstu
A. oznakować jako cytat.
B. oznakować wypunktowaniem.
C. pogrubić.
D. pochylić.
Oznaczanie cytatów w projektach multimedialnych jest kluczowym elementem poszanowania praw autorskich oraz zachowania przejrzystości w prezentacji treści. Umieszczając cytaty, należy je wyraźnie oznaczyć, aby odbiorca mógł łatwo zidentyfikować, które fragmenty tekstu pochodzą od innych autorów. W praktyce oznaczenie cytatu może obejmować użycie cudzysłowów, a także wskazanie źródła, z którego pochodzi dany fragment. Takie podejście jest zgodne z ogólnymi zasadami cytowania oraz standardami akademickimi, które zalecają, aby cytaty były wyraźnie oddzielone od tekstu głównego. Na przykład, w publikacjach naukowych często stosuje się format APA lub MLA, które proponują specifikę w oznaczaniu cytatów, podkreślając wagę etyki w badaniach. Dobre praktyki wskazują, że poprawne oznaczenie cytatu nie tylko zwiększa wiarygodność projektu, ale także pozwala uniknąć zarzutów o plagiat, co jest kluczowe w każdej formie publikacji.
Pytanie 3
Zanim zamieścisz w Internecie materiał multimedialny zawierający wizerunek osoby niepełnoletniej, należy
A. podpisać zdjęcie osoby niepełnoletniej, podając jej imię oraz nazwisko
B. uzyskać zgodę osoby niepełnoletniej oraz jej prawnych opiekunów
C. uzyskać zgodę osoby niepełnoletniej na zamieszczenie wizerunku
D. umieścić zdjęcie osoby niepełnoletniej po prawej stronie slajdu
Uzyskanie zgody osoby nieletniej oraz jej prawnych opiekunów przed publikacją wizerunku jest kluczowym elementem ochrony prywatności i praw dziecka, zgodnie z obowiązującymi przepisami prawa, w tym RODO. Osoby nieletnie nie są w pełni zdolne do podejmowania decyzji dotyczących wykorzystania ich wizerunku, dlatego zgoda ich opiekunów prawnych jest niezbędna. Przykładem zastosowania tej zasady jest sytuacja, w której szkoła planuje opublikować zdjęcia dzieci z wydarzenia szkolnego na swojej stronie internetowej. W takim przypadku szkoła musi uzyskać pisemną zgodę zarówno od dzieci, jak i ich rodziców lub opiekunów. Dobre praktyki w zakresie ochrony danych osobowych przewidują stosowanie formularzy zgody, które jasno określają, w jaki sposób i w jakim celu dane będą wykorzystywane, co zwiększa transparentność i zaufanie do instytucji. Należy również pamiętać, że zgoda może być cofnięta w każdym momencie, co powinno być jasno komunikowane w formularzu.
Pytanie 4
Który ze znaczników HTML służy do pogrubienia tekstu?
A. <div>
B. <big>
C. <strong>
D. <abbr>
Znacznik <strong> to podstawowe narzędzie w HTML służące do semantycznego wyróżniania fragmentów tekstu, które mają być uznane za szczególnie ważne lub mocno zaakcentowane. W praktyce przeglądarki domyślnie wyświetlają tekst objęty tym tagiem jako pogrubiony, co faktycznie odpowiada na zapotrzebowanie na wyróżnienie. Jednak <strong> to coś więcej niż tylko pogrubienie wizualne – chodzi tutaj o nadanie tekstowi znaczenia, które mogą odczytać nie tylko ludzie, ale także czytniki ekranu, roboty indeksujące czy inne narzędzia wspierające dostępność. Używanie <strong> jest zgodne z dobrymi praktykami, bo nie polega tylko na stylizacji, a na przekazaniu istotności treści. Moim zdaniem, warto pamiętać, że jeśli chcesz po prostu pogrubić tekst bez dodatkowego kontekstu semantycznego, można też użyć <b>, ale to już raczej sytuacja wyjątkowa. W każdym większym projekcie webowym, gdzie myśli się o SEO i dostępności, lepiej postawić właśnie na <strong>. Często, pracując w zespole, widzę że początkujący programiści mieszają te tagi, więc polecam od razu przyzwyczaić się do stosowania semantyki. Co ciekawe, <strong> nie wymaga dodatkowego stylowania CSS, choć zawsze możesz modyfikować wygląd według projektu. Takie podejście naprawdę usprawnia pracę całego zespołu frontendowego i ułatwia późniejsze utrzymanie kodu.
Pytanie 5
Programem, który nie służy do projektowania stron internetowych jest
A. Pajączek.
B. HotDog.
C. Microsoft Expression Web.
D. Adobe Photoshop.
Adobe Photoshop jest programem graficznym, który służy do edycji i obróbki zdjęć oraz tworzenia grafiki rastrowej. Choć jest to narzędzie niezwykle potężne w kontekście projektowania elementów wizualnych, takich jak obrazy i projekty layoutów, nie jest to program przeznaczony bezpośrednio do tworzenia stron internetowych. W praktyce, projektanci często wykorzystują Photoshop do stworzenia wizualnych prototypów stron, ale do rzeczywistego budowania i publikowania stron internetowych potrzebne są inne narzędzia, takie jak edytory HTML czy systemy zarządzania treścią (CMS). Dobre praktyki w branży obejmują wykorzystanie Photoshopa do tworzenia grafik, a następnie użycie odpowiednich narzędzi, takich jak HTML, CSS lub JavaScript, aby stworzyć w pełni funkcjonalną stronę internetową. Dzięki takiemu podejściu można zadbać o to, aby strona była nie tylko atrakcyjna wizualnie, ale również zoptymalizowana pod kątem wydajności i dostępności.
Pytanie 6
Jaki atrybut powinien być przypisany do elementu na stronie internetowej, aby wywołać działanie programu po najechaniu kursorem myszy na ten element?
A. onmouseout
B. onmouseup
C. onmousedown
D. onmouseover
Atrybut 'onmouseover' jest zdarzeniem w JavaScript, które umożliwia wywołanie funkcji lub reakcji na stronie internetowej, gdy użytkownik najedzie kursorem myszy na dany element. Jest to powszechnie stosowany sposób na zwiększenie interaktywności stron WWW. Przykładowo, możemy użyć go do zmiany koloru przycisku lub wyświetlenia dodatkowej informacji, co poprawia doświadczenie użytkownika. W praktyce, atrybut ten można przypisać do różnych elementów HTML, takich jak <div>, <button>, <img> itp. Warto również zwrócić uwagę na aspekty dostępności, gdyż odpowiednie użycie zdarzeń myszy powinno być uzupełnione przez inne metody nawigacji, aby zapewnić dostępność dla użytkowników korzystających z klawiatury czy technologii asystujących. Dobrym przykładem może być wykorzystanie zdarzenia 'onmouseover' w połączeniu z oprogramowaniem CSS, które zmienia styl elementu. To zgodne z najlepszymi praktykami, gdzie staramy się unikać nadmiarowego skryptowania, zamiast tego korzystając z możliwości stylizacji CSS, co znacznie poprawia wydajność.
Pytanie 7
Który z programów jest przeznaczony do projektowania stron WWW?
A. Adobe Premiere
B. Adobe Lightroom
C. Adobe Dreamweaver
D. Adobe Illustrator
Adobe Dreamweaver to zaawansowane narzędzie do tworzenia stron internetowych, które łączy edytor wizualny oraz edytor kodu. Umożliwia projektowanie responsywnych stron internetowych, wspierając jednocześnie standardy HTML, CSS oraz JavaScript. Dzięki intuicyjnemu interfejsowi, użytkownicy mogą łatwo przekształcać swoje pomysły w funkcjonalne witryny, a także korzystać z podglądu na żywo, co pozwala na bieżąco weryfikować wygląd i działanie strony. Dreamweaver wspiera również integrację z systemami zarządzania treścią (CMS) oraz narzędziami do wersjonowania. W praktyce, program ten jest używany przez profesjonalnych web developerów do tworzenia złożonych aplikacji internetowych, gdzie istotna jest nie tylko estetyka, ale również funkcjonalność oraz zgodność z aktualnymi standardami webowymi, co jest kluczowe dla SEO oraz użyteczności witryn.
Pytanie 8
Jaki znacznik jest używany do dodawania obrazka na stronę internetową?
A. <map>
B. <select>
C. <input>
D. <img>
Znacznik <img> to taki standardowy element w HTML, którego używamy do wstawiania obrazków na stronie. Najważniejszy jest atrybut 'src', bo to właśnie on mówi, skąd przeglądarka ma pobrać obrazek. Drugi istotny atrybut to 'alt', który daje alternatywny tekst, gdyby obrazek się nie załadował. To jest bardzo ważne, nie tylko dla osób z niepełnosprawnościami, ale też dla SEO. Przykładowe użycie mogłoby wyglądać tak: <img src='url_do_obrazka.jpg' alt='Opis obrazka'>. Pamiętaj też o dobraniu odpowiednich formatów obrazków, takich jak JPEG, PNG czy GIF, w zależności od tego, co chcesz osiągnąć. Odpowiednie rozmiary i kompresja obrazków są kluczowe, żeby strona ładowała się szybko i dobrze działała dla użytkowników. Dobrym pomysłem jest także korzystanie z atrybutów 'width' i 'height', bo to pomaga przeglądarkom ogarnąć miejsce dla obrazków jeszcze przed ich załadowaniem. Obrazki na stronach nie tylko ładnie wyglądają, ale też pomagają w lepszym zrozumieniu treści przez ludzi.
Pytanie 9
Która z właściwości nie definiuje formatu GIF?
A. Pozwala na zapis oraz odtwarzanie animacji
B. Ograniczona paleta kolorów
C. Wykorzystywany do grafiki wektorowej
D. Często używany w projektowaniu stron WWW
GIF, czyli Graphics Interchange Format, to na pewno jeden z najpopularniejszych formatów graficznych. Bardzo fajne w nim jest to, że pozwala na tworzenie animacji, co świetnie sprawdza się w różnych miejscach w internecie. Jednak warto wiedzieć, że GIF nie potrafi przechowywać grafiki wektorowej, bo to format rastrowy, gdzie obrazki są zbudowane z pikseli. W praktyce oznacza to, że jak powiększysz GIF, to straci na jakości. Co więcej, ma ograniczenie do 256 kolorów, przez co nie nadaje się najlepiej do bardziej złożonych grafik. Dlatego często widzimy go w prostych animacjach czy ikonach, bo jego łatwość w użyciu jest naprawdę przydatna. W kontekście projektowania stron internetowych GIF-y są na topie, a różne aplikacje i media społecznościowe chętnie je wykorzystują. Z mojego doświadczenia, znajomość GIF-a jest ważna dla każdego, kto tworzy coś w sieci.
Pytanie 10
Jaką licencję muszą posiadać pliki, aby można je było legalnie pobrać za darmo z internetowych repozytoriów i zastosować, na przykład, w prezentacji marketingowej przedsiębiorstwa?
A. Jedynie z domeny publicznej
B. Z domeny publicznej lub na licencji CC BY
C. Copyright
D. CC BY SA NC
Wybór odpowiedzi 'Z domeny publicznej lub na licencji CC BY' jest słuszny, ponieważ obie te kategorie pozwalają na swobodne wykorzystywanie materiałów bez obaw o naruszenie praw autorskich. Domena publiczna to zasoby, które nie są objęte prawami autorskimi, co oznacza, że każdy może z nich korzystać w dowolny sposób, w tym w marketingowej prezentacji firmy. Przykładami są klasyki literatury, obrazy czy muzyka, które nie mają już obowiązujących praw autorskich. Z kolei licencja Creative Commons BY (CC BY) pozwala na wykorzystanie utworów pod warunkiem podania autorstwa, co jest zgodne z zasadami etyki. Dzięki temu, można wykorzystać takie materiały w promocji, tworząc atrakcyjne treści wizualne i tekstowe, które przyciągną uwagę odbiorców. Ważne jest, aby zawsze sprawdzić szczegółowe warunki licencji, aby upewnić się, że sposób wykorzystania jest zgodny z jej postanowieniami. Zastosowanie tych zasad w praktyce pozwala na legalne i etyczne korzystanie z dostępnych zasobów.
Pytanie 11
Firma nabyła zestaw zdjęć z licencją Royalty Free do wykorzystania w materiałach reklamowych, takich jak ulotki czy plakaty. Czy jest możliwe, aby bez dodatkowych warunków użyć tych zdjęć na stronie internetowej firmy?
A. Nie, firma ma obowiązek poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu
B. Nie, ponieważ licencja obejmuje wyłącznie materiały drukowane - ulotki, plakaty
C. Tak, ponieważ licencja zezwala na wykorzystanie zdjęć w dowolnym celu firmy
D. Nie, firma musi dodatkowo zakupić prawo do używania zdjęć na stronie internetowej
Licencje Royalty Free są projektowane z myślą o szerokim zastosowaniu, co oznacza, że po zakupie takich zdjęć można je wykorzystywać w różnych kontekstach, w tym w materiałach drukowanych oraz cyfrowych. W przypadku odpowiedzi, która stwierdza, że firma może wykorzystać zakupione zdjęcia do przygotowania strony internetowej, jest to zgodne z właściwym zrozumieniem warunków licencyjnych. Licencja Royalty Free nie ogranicza się jedynie do jednego typu mediów, ale zazwyczaj umożliwia wielokrotne wykorzystanie w różnych projektach, co czyni ją bardzo elastyczną. Przykładem może być użycie tych zdjęć zarówno w broszurach reklamowych, jak i na stronie internetowej, co pozwala na spójne przekazywanie wizualnej tożsamości marki. Ważne jest, aby przed wykorzystaniem zdjęć dokładnie zapoznać się z umową licencyjną, aby upewnić się, że wszystkie warunki są spełnione. Dobre praktyki branżowe sugerują, że każda firma powinna prowadzić dokumentację dotyczącą zakupionych licencji, co ułatwia przyszłe wykorzystanie zasobów wizualnych bez ryzyka naruszenia praw autorskich.
Pytanie 12
Wskaż deklaracje kodu CSS, które wyświetlą obraz "kolo.png" w sposób przedstawiony na rysunku "obraz na ekranie".
A. background-image: url(kolo.png); background-repeat : repeat-x;
B. background-image: kolo.png; background-repeat : repeat-x;
C. background-image: url(kolo.png); background-repeat : repeat;
D. background-image: src="kolo.png" alt="nagłówek" height="50" width="50" repeat;
W przypadku błędnych odpowiedzi można zauważyć kilka powszechnych nieporozumień dotyczących składni CSS oraz sposobu wyświetlania obrazów jako tła. Przede wszystkim, w pierwszej z nieprawidłowych opcji zastosowano składnię 'background-image: kolo.png;', która nie zawiera wymaganej funkcji 'url()'. Bez niej przeglądarki nie będą w stanie poprawnie zinterpretować ścieżki do pliku graficznego, co skutkuje brakiem wyświetlania obrazu. Inna odpowiedź wskazuje na 'background-image: url(kolo.png); background-repeat: repeat;', co również jest błędne, ponieważ ta deklaracja spowoduje powtarzanie tła zarówno w poziomie, jak i w pionie, co nie odpowiada wymaganiom wizualnym przedstawionym w pytaniu. Dodatkowo, ostatnia niepoprawna odpowiedź wykorzystuje składnię HTML ('src', 'alt', 'height', 'width'), co jest całkowicie nieadekwatne w kontekście CSS. Te pomyłki wynikają często z nieporozumienia między HTML a CSS, gdzie każda technologia ma swoje własne zasady i konwencje. Kluczowe jest zrozumienie, że CSS służy do stylizacji elementów HTML, a nie do ich definiowania w sposób charakterystyczny dla HTML. Znajomość składni i konwencji stosowanych w CSS ma kluczowe znaczenie dla prawidłowego stosowania stylów i uzyskiwania pożądanych efektów wizualnych na stronach internetowych.
Pytanie 13
W programie Adobe Photoshop stosuje się do dzielenia obrazu na mniejsze sekcje w celu publikacji na stronach internetowych
A. cięcie na plasterki
B. ścieżki
C. kanały
D. stempel
Odpowiedź "cięcie na plasterki" jest poprawna, ponieważ ta funkcja w Adobe Photoshop pozwala na efektywne dzielenie dużych obrazów na mniejsze fragmenty, które mogą być łatwiej przesyłane i wyświetlane na stronach internetowych. Proces ten jest istotny, ponieważ zbyt duże pliki graficzne mogą znacznie spowolnić ładowanie stron, co negatywnie wpływa na doświadczenia użytkowników. Używając opcji cięcia na plasterki, można precyzyjnie określić, w jaki sposób obraz zostanie podzielony, co pozwala na optymalizację wydajności witryny. Dobre praktyki w projektowaniu stron internetowych zalecają ograniczenie rozmiaru plików graficznych oraz ich odpowiednie dzielenie, co jest szczególnie istotne dla mobilnych wersji stron. Dodatkowo, korzystając z tej metody, można łatwo dostosować format i jakość plików do różnych urządzeń, co jest kluczowe w dobie responsywnego designu. Cięcie na plasterki nie tylko zmniejsza rozmiar plików, ale także umożliwia naładowanie tylko niezbędnych fragmentów obrazu w odpowiednich momentach, co jest techniką znaną jako lazy loading.
Pytanie 14
W jaki sposób należy zapisać obraz w formacie plikowym, aby mógł być wyświetlany na stronie internetowej z płynnymi przejściami w obszarze przezroczystości (z częściowymi przezroczystościami)?
A. PNG
B. BMP
C. JPEG
D. PDF
Format PNG (Portable Network Graphics) jest idealnym wyborem do zapisywania obrazów z częściowymi przezroczystościami. W odróżnieniu od formatu JPEG, który nie obsługuje przezroczystości, PNG wykorzystuje algorytmy kompresji bezstratnej, co pozwala na zachowanie wysokiej jakości obrazu przy jednoczesnym wsparciu dla warstw przezroczystości. Dzięki temu, obrazy zapisane w tym formacie mogą w sposób płynny przechodzić od pełnej nieprzezroczystości do całkowitej przezroczystości, co jest kluczowe w projektowaniu stron internetowych i aplikacji graficznych. Przykładowo, ikony, logo czy tła obrazów z przezroczystością są często zapisywane w formacie PNG, co pozwala na ich łatwe nakładanie na inne elementy strony, bez widocznych krawędzi czy bloków kolorów. Dodatkowo, PNG obsługuje także paletę kolorów, co czyni go wszechstronnym narzędziem w pracy z grafiką. Użycie PNG jest zgodne z najlepszymi praktykami w tworzeniu estetycznych i funkcjonalnych interfejsów użytkownika.
Pytanie 15
Projektując efektywny baner internetowy, należy zwrócić uwagę na
A. prostość i spójność układu.
B. różnorodność wizualną i tekstową.
C. duży rozmiar.
D. wielokolorowość.
Tworząc skuteczny baner internetowy, kluczowe jest, aby zachować prostotę i spójność kompozycji. Prosty design pozwala użytkownikom szybko zrozumieć przekaz, co jest niezwykle ważne w środowisku internetowym, gdzie czas reakcji jest ograniczony. Spójność kompozycji oznacza, że wszystkie elementy graficzne, kolory oraz czcionki powinny współgrać ze sobą, tworząc harmonijną całość. Przykładem może być stosowanie ograniczonej palety kolorów, która nie tylko przyciąga uwagę, ale również pozwala na lepsze zapamiętanie marki. W praktyce, efektywne banery często wykorzystują duże, czytelne czcionki i wyraźne przyciski CTA (Call to Action), co sprzyja konwersji. Standardy UX/UI wskazują, że dostosowanie elementów wizualnych do preferencji grupy docelowej oraz unikanie nadmiaru informacji przyczynia się do zwiększenia skuteczności kampanii reklamowych. Warto również dodać, że zgodność z zasadami dostępności pozwala dotrzeć do szerszej grupy odbiorców.
Pytanie 16
Jaki operator w języku JavaScript służy do obliczania reszty z dzielenia?
A. operator +
B. operator %
C. operator /
D. operator *
Operator % w języku JavaScript jest używany do obliczania reszty z dzielenia dwóch liczb. Zastosowanie tego operatora jest niezwykle przydatne w wielu kontekstach, na przykład podczas ustalania, czy liczba jest parzysta czy nie. Możemy to zweryfikować, dzieląc liczbę przez 2 i sprawdzając, czy reszta wynosi 0. Przykładowo, wyrażenie 4 % 2 zwróci 0, co potwierdza, że liczba 4 jest parzysta. Operator ten jest również kluczowy w algorytmach, które wymagają cyklicznych powtórzeń lub rozdzielenia danych, takich jak w przypadku iteracji przez tablicę. Przykładowo, w przypadku 10 % 3 otrzymujemy 1, co wskazuje, że 10 dzieli się przez 3 z resztą 1. W kontekście najlepszych praktyk programowania, użycie operatora modulo powinno być przemyślane, aby uniknąć błędów logicznych, zwłaszcza w sytuacjach złożonych, jak na przykład w grach, gdzie często trzeba kontrolować stany i cykle. Warto również pamiętać, że operator ten działa zarówno na liczbach całkowitych, jak i zmiennoprzecinkowych, co czyni go wszechstronnym narzędziem w wielu scenariuszach programistycznych.
Pytanie 17
W jakim trybie kolorów powinna być zapisana fotografia cyfrowa, która ma być opublikowana w internecie?
A. HSL
B. CMY
C. CMYK
D. RGB
Wiesz, wybór trybu RGB do zapisywania zdjęć na strony internetowe to naprawdę dobry ruch. To dlatego, że większość wyświetlaczy, z jakimi mamy do czynienia, korzysta z modelu RGB, gdzie kolory powstają dzięki połączeniu czerwonego, zielonego i niebieskiego światła. Dzięki temu uzyskujemy szeroką paletę kolorów, co jest ważne, zwłaszcza jeśli chcemy, żeby zdjęcia wyglądały atrakcyjnie w sieci. Na przykład, gdy wrzucasz zdjęcia na swoją stronę, to kolory muszą być wyraźne i oddawać to, co widzisz na żywo. Standardy, jak sRGB, wskazują na to, że RGB jest najlepszym wyborem do publikacji online, żeby kolory były poprawnie wyświetlane na różnych urządzeniach. No i nie zapominajmy, że popularne formaty jak JPEG czy PNG idealnie współpracują z RGB, co czyni go naprawdę super rozwiązaniem dla grafik w internecie. Tak więc, RGB to idealna opcja do publikacji w sieci, gdy zależy nam na jakości kolorów.
Pytanie 18
Jaką informację zawiera pierwszy znacznik HTML w strukturze strony www?
A. Typ języka zastosowanego do budowy strony www
B. Dane dotyczące praw autorskich
C. Nazwa strony www
D. Słowa kluczowe i opis witryny internetowej
Pierwszy znacznik HTML w szkieletach stron internetowych, czyli deklaracja typu dokumentu (DOCTYPE), ma kluczowe znaczenie, ponieważ określa rodzaj języka używanego do stworzenia danej strony. Wprowadza przeglądarkę w odpowiedni tryb wyświetlania, dzięki czemu możemy korzystać z nowoczesnych funkcji HTML oraz CSS. Przykładowo, deklaracja <!DOCTYPE html> informuje przeglądarki, że strona jest napisana w HTML5, co jest obecnie standardem w branży. Umożliwia to prawidłowe renderowanie elementów, a także korzystanie z wielu zaawansowanych funkcji, takich jak multimedia czy semantyczne znaczniki. Ważne jest, by zawsze stosować poprawny DOCTYPE, ponieważ jego brak może prowadzić do problemów z wyświetlaniem i działaniem strony. Ponadto, strona, która nie ma prawidłowo określonego typu dokumentu, może działać w tzw. trybie quirks, co zmienia sposób interpretacji CSS i HTML przez przeglądarki, a w efekcie może prowadzić do nieprzewidywalnych wyników.
Pytanie 19
Jakie rozwiązanie powinno być wybrane do przechowywania obszernego zbioru (2 TB) cyfrowych materiałów, gdyż ma on być ciągle dostępny w sieci dla uprawnionej grupy użytkowników?
A. Serwer NAS
B. Płyty DVD
C. Zewnętrzny, przenośny dysk magnetyczny
D. Kasety magnetofonowe
Serwer NAS (Network Attached Storage) to specjalistyczne urządzenie zaprojektowane do przechowywania i udostępniania danych w sieci komputerowej. Wybór serwera NAS do przechowywania dużego zbioru materiałów cyfrowych (2 TB) ma wiele zalet. Przede wszystkim umożliwia on łatwy dostęp do danych dla upoważnionej grupy osób, co jest kluczowe w kontekście współpracy zespołowej. Serwery NAS są wyposażone w różne mechanizmy zabezpieczeń, takie jak autoryzacja użytkowników oraz szyfrowanie danych, co zapewnia bezpieczeństwo przechowywanych informacji. Dodatkowo, serwery NAS często oferują możliwość tworzenia kopii zapasowych oraz replikacji danych, co jest niezbędne w przypadku utraty danych. Dzięki wsparciu dla protokołów takich jak SMB, NFS czy FTP, użytkownicy mogą łatwo integrować NAS z różnymi systemami operacyjnymi. Przykłady zastosowania to udostępnianie plików w biurze, przechowywanie mediów oraz backupowanie danych z komputerów. W kontekście standardów, NAS spełnia wymagania związane z dostępnością i ciągłością działania, co czyni je idealnym rozwiązaniem dla wymagających środowisk.
Pytanie 20
Według zasad typografii w sieci, maksymalna liczba znaków w jednej linii tekstu wynosi
A. 95 znaków
B. 50 znaków
C. 37 znaków
D. 25 znaków
Odpowiedź 50 znaków jest zgodna z zaleceniami typografii internetowej, które sugerują, że optymalna długość linii tekstu powinna wynosić od 50 do 75 znaków. Długość 50 znaków jest szczególnie efektywna, ponieważ wspomaga czytelność i ułatwia skanowanie tekstu przez użytkowników. W praktyce oznacza to, że na stronach internetowych, które stosują tę zasadę, użytkownicy mogą łatwiej przyswajać informacje, co ma pozytywny wpływ na ich doświadczenie. Dobrą praktyką jest także zastosowanie odpowiedniego odstępu między liniami oraz marginesów, co dodatkowo poprawia estetykę i ułatwia czytanie. Warto również zauważyć, że w kontekście urządzeń mobilnych, gdzie przestrzeń jest ograniczona, dąży się do zachowania podobnych zasad, jednak z uwzględnieniem ich specyfiki. Wspierając czytelność, możemy również zwiększyć czas spędzony na stronie oraz zmniejszyć wskaźniki odrzuceń, co jest korzystne z perspektywy SEO.
Pytanie 21
Czy można w jakiś sposób poza ochroną prawną zabezpieczyć zdjęcia przechowywane w banku grafiki (np. serwisie iStock) przed nieautoryzowanym wykorzystaniem w celu ich późniejszej sprzedaży?
A. Nie, nie ma możliwości zabezpieczenia zdjęć dostępnych w sieci.
B. Nie, banki grafiki nie zezwalają na dodatki zabezpieczające zgromadzone zdjęcia.
C. Tak, można umieścić prosty znak wodny na każdym zdjęciu.
D. Tak, można zabezpieczyć przez zastosowanie znacznika digimarc.
Umieszczanie znacznika Digimarc na zdjęciach to skuteczna metoda zabezpieczania treści graficznych przed niedozwolonym wykorzystaniem. Digimarc to technologia, która umożliwia ukrycie informacji o prawach autorskich w obrazie, co czyni je niewidocznymi dla oka ludzkiego, ale rozpoznawalnymi dla specjalistycznego oprogramowania. Dzięki temu, nawet jeśli zdjęcie trafi do nieautoryzowanego użytkownika, możliwe będzie ustalenie jego właściciela i podjęcie odpowiednich kroków prawnych. Praktyczne zastosowanie takiego rozwiązania jest szczególnie ważne w branży fotograficznej i marketingowej, gdzie ochrona własności intelektualnej ma kluczowe znaczenie. Warto pamiętać, że umieszczanie znaku wodnego na zdjęciach, choć również może pomóc w ochronie, często obniża ich estetykę i tym samym może wpłynąć na sprzedaż. W związku z tym, Digimarc stanowi bardziej subtelną alternatywę, która nie tylko chroni prawa autorskie, ale także pozwala na zachowanie wysokiej jakości wizualnej zdjęć.
Pytanie 22
Dlaczego zamieszczony kod jest niezgodny z XHTML 1.1?
<!DOCTYPE html> <html> <head> <title>Agencja Grafiki Użytkowej GRAFA</title> <link rel="stylesheet" href="css/styles.css"/> </head> <body> <table> <tr><td id="menu">..tu menu... </td> <td id="header">Nasza agencja została stworzona przez ludzi dla ludzi. Jesteśmy na rynku od 1999 roku, stale zmieniając się dla WAS. <blockquote><p> Nasze motto: ....</p> </blockquote></td> </tr> <tr> <td colspan="2" id="content"> … tu opis oferty.... </td> </tr> </table> </body> </html>
A. Brakuje znacznika <meta> i jego atrybutów.
B. Brakuje znaczników <heading> <article> <nav> <aside> <footer>.
C. Znacznika <blockquote> nie można użyć wewnątrz znaczników <td></td>.
D. W deklaracji !DOCTYPE brak jest odniesienia do definicji typu dokumentu (DTD).
Wybór odpowiedzi dotyczącej braku odniesienia do definicji typu dokumentu (DTD) w deklaracji !DOCTYPE jest słuszny, ponieważ zgodnie z normą XHTML 1.1 każda strona internetowa musi zawierać poprawną deklarację do DTD. Deklaracja ta informuje przeglądarki o tym, jak interpretować dokument, co jest kluczowe dla zachowania zgodności i poprawnego renderowania. Przykładowa poprawna deklaracja dla XHTML 1.1 to: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">. Brak takiej deklaracji może prowadzić do nieprawidłowego wyświetlania strony oraz błędów w interpretacji kodu przez różne przeglądarki. Zgodność z DTD zapewnia również, że nasz dokument jest zgodny z obowiązującymi standardami, co jest kluczowe w kontekście SEO i dostępności. Dlatego ważne jest, aby zawsze uwzględniać odpowiednią deklarację, aby uniknąć problemów z kompatybilnością.
Pytanie 23
Który atrybut znacznika powinien być użyty, aby włączyć grafikę do strony WWW w sposób spełniający wytyczne WCAG dotyczące użyteczności oraz dostępności serwisów internetowych?
A. id
B. target
C. name
D. alt
Atrybut 'alt' (alternatywny tekst) znacznika <img> jest kluczowy dla zapewnienia dostępności treści wizualnych w Internecie. Zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines), każdy obraz umieszczony na stronie WWW powinien mieć przypisany atrybut 'alt', który opisuje jego zawartość lub funkcję. Dzięki temu użytkownicy korzystający z czytników ekranu mogą zrozumieć kontekst grafik, co jest niezbędne dla osób z dysfunkcją wzroku. Przykładowo, jeśli na stronie znajduje się zdjęcie jabłka, atrybut alt powinien zawierać opis, taki jak 'czerwone jabłko na białym tle'. W przypadku, gdy obraz jest czysto dekoracyjny, atrybut alt powinien być pusty (alt=""), co informuje technologie asystujące, że obraz nie niesie ze sobą żadnej istotnej informacji. Użycie atrybutu 'alt' jest nie tylko zgodne z wymaganiami prawnymi, ale również przyczynia się do lepszej jakości doświadczeń użytkowników oraz poprawy SEO, ponieważ wyszukiwarki mogą lepiej zrozumieć treści wizualne.
Pytanie 24
Jakie produkty można stworzyć korzystając z programu Adobe Dreamweaver?
A. Druki reklamowe
B. Zrastrowane ilustracje
C. Aplikacje internetowe
D. Arkusze kalkulacyjne
Adobe Dreamweaver to naprawdę fajne narzędzie, które pomaga w tworzeniu stron internetowych i aplikacji. Można w nim programować w HTML, CSS, a nawet JavaScript, co daje dużą swobodę w projektowaniu. Osobiście uważam, że duży plus to jego opcje wizualne, bo można wprowadzać zmiany bez konieczności grzebania w kodzie non-stop. Przykładem, gdzie Dreamweaver się sprawdza, są interaktywne formularze, które są niezbędne w wielu stronach. A do tego integracja z bazami danych, co znacznie ułatwia życię, szczególnie przy dynamicznej treści. Nie zapominajmy też o standardach, jak W3C, które są wspierane przez program. Dzięki temu, mamy pewność, że nasze projekty są zgodne i wyglądają jak należy. To narzędzie jest znane w naszej branży, więc warto je znać i się nim posługiwać.
Pytanie 25
Jakie narzędzia powinny być zastosowane w celu zabezpieczenia transmisji danych przy użyciu protokołu HTTP w module zamawiania/opłacania w sklepie internetowym firmy?
A. Mechanizmy szyfrowania SSL i TLS
B. Hasło przekazywane klientowi w automatycznie generowanej wiadomości e-mail
C. Kwalifikowany podpis elektroniczny
D. Szyfrowanie PGP
Słuchaj, mechanizmy szyfrowania SSL i TLS to naprawdę ważne sprawy, jeśli chodzi o bezpieczeństwo w sieci. Jak robisz zakupy w internecie, te protokoły pomagają chronić twoje dane między przeglądarką a serwerem. Dzięki nim nikt nie ma szansy na podsłuchanie tego, co wysyłasz. To szczególnie istotne dla informacji, które mogą być dość wrażliwe, jak dane kart płatniczych. Przykład? Kiedy płacisz w sklepie online, twoje dane są szyfrowane, a więc hakerzy nie mają dostępu. Zauważyłeś pewnie, że przeglądarki często pokazują kłódkę obok adresu strony – to oznacza, że połączenie jest bezpieczne, więc możesz być spokojny. Poza tym, korzystanie z SSL/TLS jest zgodne z najlepszymi praktykami, a także z normami bezpieczeństwa, które regulują, jak powinny wyglądać płatności w sieci.
Pytanie 26
W której sekcji dokumentu HTML powinny się znajdować znaczniki odpowiedzialne za określenie wyglądu właściwej treści strony internetowej?
A. <head>
B. <meta>
C. <body>
D. <title>
Odpowiedź <body> jest prawidłowa, ponieważ to właśnie w tej sekcji dokumentu HTML umieszczana jest właściwa treść strony internetowej, która jest wyświetlana użytkownikom. Znaczniki w obrębie <body> definiują wszystkie elementy, które będą widoczne na stronie, takie jak teksty, obrazy, linki, formularze i inne komponenty interaktywne. W praktyce, to właśnie w <body> implementuje się różnorodne style i skrypty, które wpływają na wygląd i funkcjonalność witryny. Dobrą praktyką jest również organizowanie treści w odpowiednie struktury, takie jak nagłówki (np. <h1>, <h2>), akapity (<p>) oraz listy (<ul>, <ol>), co wspomaga zarówno dostępność treści, jak i SEO. Warto pamiętać, że semantyka HTML ułatwia przetwarzanie treści przez wyszukiwarki oraz czytniki ekranowe, co z kolei pozytywnie wpływa na doświadczenia użytkowników. W związku z tym, umiejętne zarządzanie zawartością w sekcji <body> jest kluczowym aspektem projektowania stron internetowych.
Pytanie 27
Domena publiczna zawiera zasoby cyfrowe, które nie są objęte ochroną prawną, ponieważ od momentu zgonu twórcy minęło co najmniej
A. 100 lat
B. 70 lat
C. 125 lat
D. 25 lat
Odpowiedź 70 lat jest prawidłowa, ponieważ zgodnie z międzynarodowymi standardami praw autorskich, w tym zgodnie z Konwencją Berneńską, czas ochrony praw autorskich trwa przez życie autora oraz przez 70 lat po jego śmierci. Oznacza to, że po upływie tego okresu, dzieła stają się częścią domeny publicznej, co umożliwia ich swobodne wykorzystywanie bez konieczności uzyskiwania zgody spadkobierców. Przykładem może być literatura klasyczna, jak na przykład dzieła Williama Szekspira czy Fryderyka Chopina, które po upływie 70 lat od śmierci swoich twórców mogą być w pełni wykorzystywane, adaptowane i publikowane bez obaw o naruszenie praw autorskich. W praktyce, artyści, twórcy i badacze mogą czerpać z tych zasobów, aby tworzyć nowe dzieła, co przyczynia się do rozwoju kultury i sztuki. Dzięki przestrzeganiu tych zasad, rozwija się także innowacyjność i współpraca w obszarze twórczości.
Pytanie 28
Który znacznik HTML pozwala na dodanie grafiki do strony internetowej?
A. <map>
B. <img>
C. <select>
D. <input>
Znacznik <img> to coś, co jest naprawdę ważne w HTML, bo dzięki niemu możemy wstawiać różne grafiki do naszych stron. W praktyce działa to tak, że mamy składnię: <img src="ścieżka/do/obrazu" alt="opis obrazu">, gdzie 'src' to ścieżka, gdzie leży nasz obraz, a 'alt' to tekst, który pokazuje się, gdy obrazek się nie załadował. Używanie tego 'alt' to nie tylko dobra praktyka, ale też pomaga osobom, które korzystają z czytników ekranu. Aha, no i pamiętajmy, by nie przesadzać z wielkością obrazków - niewłaściwie zoptymalizowane zdjęcia mogą strasznie spowolnić ładowanie strony. Generalnie, <img> jest świetnym narzędziem, które dodaje fajne wizualne doznania i poprawia SEO, jeśli użyjemy obrazków rozmiarowo dostosowanych do różnych urządzeń - tu wkraczają media responsywne i techniki lazy loading. Po prostu, dobrze mieć to wszystko na uwadze, bo to naprawdę kluczowe w web designie.
Pytanie 29
Czynności mające na celu uzyskanie jak najwyższej pozycji strony internetowej w wynikach wyszukiwania to
A. pozycjonowanie
B. kodowanie znaków
C. formatowanie
D. debugowanie
Pozycjonowanie, znane również jako SEO (Search Engine Optimization), to zestaw działań mających na celu poprawę widoczności strony internetowej w wynikach wyszukiwarek internetowych, takich jak Google. Różne techniki pozycjonowania obejmują optymalizację treści, budowanie linków oraz poprawę struktury witryny i jej szybkości ładowania. Na przykład, stosowanie odpowiednich słów kluczowych w treści i meta tagach wpływa na to, w jaki sposób roboty wyszukiwarek indeksują stronę. Według standardów branżowych, kluczowe znaczenie ma także dostosowanie witryny do urządzeń mobilnych, co jest zgodne z aktualnymi wymaganiami Google, które faworyzują strony responsywne. Dobre praktyki obejmują również analizę konkurencji oraz regularne aktualizowanie treści, co pomaga utrzymać stronę na czołowych miejscach wyników wyszukiwania. Współczesne pozycjonowanie to nie tylko techniczne aspekty, ale także zrozumienie intencji użytkowników i dostosowanie się do ich potrzeb.
Pytanie 30
Logo, menu, baner, widgety oraz intro to składniki
A. animacji poklatkowej
B. układu strony internetowej
C. profesjonalnego materiału wideo z wydarzenia
D. prezentacji multimedialnej
Odpowiedź wskazująca na layout strony internetowej jest poprawna, ponieważ wszystkie wymienione elementy: logo, menu, baner, widgety oraz intro, są kluczowymi komponentami, które wpływają na układ i funkcjonalność witryny. Layout, określający strukturę i organizację treści na stronie, ma ogromne znaczenie dla doświadczeń użytkowników. Przykładowo, logo powinno być umiejscowione w górnej części strony, co czyni je łatwo dostrzegalnym, a menu nawigacyjne powinno być intuicyjne, by ułatwić poruszanie się po witrynie. Banery można wykorzystać do promocji, a widgety, takie jak formularze kontaktowe czy powiązane artykuły, poprawiają interakcję z użytkownikami. Dobrze zaprojektowany layout nie tylko zwiększa estetykę strony, ale również wpływa na optymalizację SEO, co jest potwierdzone przez praktyki zalecane przez Google. Współczesne standardy web designu kładą duży nacisk na responsywność, co oznacza, że layout powinien być dostosowany do różnych urządzeń, przy zachowaniu spójności wizualnej i funkcjonalnej.
Pytanie 31
Jaki kolor będą miały teksty akapitów utworzone na podstawie przedstawionego arkusza stylów? <style> p{color: yellow;} p{color: black;} p{color: red;} </style>
A. Czerwony.
B. Czarny.
C. Zielony.
D. Żółty.
Odpowiedź 'Czerwony' jest poprawna, ponieważ arkusz stylów CSS, który został przedstawiony, zawiera reguły definiujące kolor tekstu akapitów. W CSS, kiedy mamy do czynienia z kilkoma regułami przypisującymi różne style do tego samego elementu, ostatnia reguła ma pierwszeństwo. W tym przypadku, ostatnia reguła ustawia kolor na czerwony (red), co oznacza, że tekst akapitów będzie wyświetlany w tym kolorze. To podejście jest zgodne z zasadą kaskadowości w CSS, która mówi, że style są stosowane w kolejności ich pojawiania się w kodzie. W praktyce, zrozumienie kaskadowości jest kluczowe dla skutecznego projektowania stron internetowych, ponieważ pozwala na skuteczne zarządzanie stylem i zapewnia, że najnowsze zmiany będą miały zastosowanie. Dobrą praktyką jest również organizowanie arkuszy stylów w sposób, który minimalizuje konflikty, na przykład poprzez stosowanie bardziej specyficznych selektorów, aby uniknąć sytuacji, w której wiele reguł nakłada się na ten sam element.
Pytanie 32
Który znacznik HTML umożliwia wyróżnienie konkretnego tekstu za pomocą podświetlenia na stronie www?
A. <mark>
B. <small>
C. <ins>
D. <sub>
Znacznik <mark> w HTML jest używany do wyróżniania tekstu poprzez jego podświetlenie, co ułatwia zwrócenie uwagi na ważne informacje. Standard W3C definiuje ten znacznik jako element semantyczny, który wskazuje, że dany fragment tekstu jest istotny w kontekście treści. Użycie <mark> jest szczególnie przydatne w sytuacjach, gdy chcemy wyróżnić fragmenty tekstu w artykułach, dokumentach lub na stronach internetowych, gdzie kluczowe informacje powinny być łatwo dostrzegalne przez użytkowników. Przykładowo, w aplikacjach edukacyjnych, gdzie uczniowie przeszukują teksty w celu znalezienia informacji, zastosowanie tego znacznika może pomóc im w szybszym dotarciu do istotnych fragmentów. Dobrą praktyką jest również stylizowanie elementu <mark> poprzez CSS, co pozwala na dostosowanie koloru tła i tekstu, aby pasowały do ogólnej estetyki strony. Ponadto, użycie <mark> wspiera dostępność, ponieważ czytniki ekranu mogą interpretować ten znacznik jako wyróżniony tekst, co ułatwia zrozumienie treści osobom z niepełnosprawnościami wzrokowymi.
Pytanie 33
Wskaż element, który pozwala na układanie bloków treści w odniesieniu do siebie na stronie www.
A. <b>
B. <div>
C. <br>
D. <img>
Odpowiedź <div> jest poprawna, ponieważ tag ten jest kluczowym elementem w HTML, który umożliwia grupowanie i pozycjonowanie bloków zawartości na stronie internetowej. Element <div> służy do tworzenia sekcji, które można stylizować i układać w pożądany sposób przy użyciu CSS. Przykładem zastosowania może być tworzenie układu z wieloma kolumnami lub sekcjami na stronie, gdzie poszczególne elementy można precyzyjnie kontrolować. Dobrą praktyką jest stosowanie <div> w połączeniu z odpowiednimi klasami CSS, co pozwala na lepsze zarządzanie stylem i responsywnością strony. W kontekście semantyki HTML, <div> jest neutralnym kontenerem, co oznacza, że nie ma własnego znaczenia semantycznego, ale w połączeniu z innymi elementami, takimi jak <header>, <article> czy <footer>, może tworzyć zrozumiałą strukturę strony. Warto również pamiętać, że użycie <div> w odpowiedniej hierarchii DOM wspiera dostępność i indeksację przez wyszukiwarki, co jest istotne w SEO.
Pytanie 34
Narzędziem koniecznym do stworzenia projektu witryny internetowej w programie Adobe Photoshop jest
A. pióro
B. próbkowanie kolorów
C. zaznaczanie
D. cięcie na plasterki
Cięcie na plasterki (ang. slicing) jest kluczowym narzędziem w procesie tworzenia projektu strony internetowej w Adobe Photoshop. To technika, która polega na podzieleniu obrazu na mniejsze fragmenty, co umożliwia ich łatwe eksportowanie jako osobne pliki graficzne. Dzięki temu projektanci mogą precyzyjnie kontrolować każdy element interfejsu, zapewniając optymalizację rozmiaru plików i szybkość ładowania strony. Przykładowo, podczas projektowania przycisków czy ikon w Photoshopie, każda część może być wydzielona i zapisana w odpowiednim formacie, co jest istotne dla responsywności strony. Standardy webowe zalecają ograniczenie rozmiaru plików graficznych, aby poprawić doświadczenie użytkownika i SEO. Cięcie na plasterki jest zatem nie tylko praktycznym narzędziem, ale również zgodnym z najlepszymi praktykami projektowania stron internetowych, które koncentrują się na efektywności i jakości. Warto również pamiętać, że odpowiednie cięcie może wpłynąć na estetykę oraz funkcjonalność strony, co jest istotne w kontekście użytkowników mobilnych i ich różnorodnych rozdzielczości ekranów.
Pytanie 35
Łamaniem zasad etyki zawodowej przez osobę pracującą w dziedzinie projektowania graficznego jest
A. nieprzestrzeganie praw autorskich dotyczących używanych materiałów cyfrowych
B. wykorzystywanie więcej niż dwóch dni urlopu na żądanie w ciągu roku
C. brak ustalonych godzin pracy nad projektem
D. różnorodność zleceń przyjmowanych do realizacji
Nieprzestrzeganie praw autorskich wykorzystywanych materiałów cyfrowych stanowi istotne naruszenie zasad etyki zawodowej w dziedzinie projektowania graficznego. Prawo autorskie chroni oryginalne dzieła, w tym obrazy, fotografie, czcionki i inne materiały, które są niezbędne w pracy grafika. Wykorzystywanie takich materiałów bez odpowiednich licencji lub zgody właściciela praw autorskich nie tylko narusza prawo, ale także podważa zaufanie do profesjonalizmu grafika. W praktyce oznacza to, że każdy grafik powinien zawsze dążyć do uzyskania stosownych zezwoleń na użycie cudzych prac, co jest zgodne z dobrymi praktykami branżowymi. Na przykład, korzystanie z banków zdjęć, które oferują materiały na licencji royalty-free, może znacznie zminimalizować ryzyko naruszeń. Takie podejście nie tylko chroni przed konsekwencjami prawnymi, ale także wspiera etykę zawodową, promując poszanowanie pracy innych artystów oraz twórców.
Pytanie 36
Podaj właściwą sekwencję działań realizowanych podczas aktualizacji aplikacji Wordpress?
A. Testowanie klonowanej witryny, sprawdzanie reguł CSS, projektowanie elementów graficznych
B. Wykonanie kopii zapasowej, testowanie klonowanej witryny, aktualizacja elementów witryny
C. Formatowanie treści, drukowanie projektu witryny, określenie licencji grafik
D. Instalacja wtyczek, sprawdzanie znaczników HTML, pozycjonowanie witryny
Prawidłowa kolejność czynności podczas aktualizacji aplikacji WordPress obejmuje wykonanie kopii zapasowej, testowanie sklonowanej strony oraz aktualizowanie elementów strony. Wykonanie kopii zapasowej jest kluczowe, ponieważ pozwala na przywrócenie strony w przypadku wystąpienia problemów. Testowanie sklonowanej strony umożliwia sprawdzenie, czy wszystkie aktualizacje działają poprawnie, bez ryzyka zakłócenia działania strony głównej. Dopiero po tych krokach można bezpiecznie zaktualizować wtyczki, motywy lub inne elementy na stronie głównej.
Pytanie 37
Czynnikiem prowadzącym do niepożądanego zachowania pracownika w miejscu pracy jest?
A. przestrzeganie regulaminowych przerw
B. rejestrowanie godzin pracy
C. długotrwały stres
D. terminowe wypłacanie wynagrodzenia
Długotrwały stres jest jedną z kluczowych przyczyn niepożądanego zachowania pracowników w miejscu pracy. Przewlekły stres może prowadzić do obniżenia wydajności, a także do negatywnych skutków zdrowotnych, takich jak wypalenie zawodowe. Pracownicy narażeni na stres mogą wykazywać zachowania agresywne, apatyczne lub nieodpowiedzialne, co w dłuższym okresie wpływa na atmosferę w zespole oraz na wyniki całej organizacji. Przykładowo, w firmach, gdzie pracownicy są obciążeni nadmiernymi wymaganiami bez odpowiedniego wsparcia, często można zaobserwować wysoki wskaźnik rotacji kadry i absencji. Z punktu widzenia dobrych praktyk zarządzania zasobami ludzkimi, istotne jest wdrażanie programów wsparcia psychologicznego oraz szkoleń dotyczących zarządzania stresem. Warto również prowadzić regularne badania satysfakcji pracowników, aby na bieżąco identyfikować źródła stresu i podejmować odpowiednie działania. Efektywne zarządzanie stresem w miejscu pracy jest zgodne z normami ISO 45001, które odnoszą się do systemów zarządzania bezpieczeństwem i higieną pracy, oraz promują zdrowe i bezpieczne środowisko pracy.
Pytanie 38
Atrybut odpowiada za
A. rozmiar czcionki.
B. odmianę kroju pisma.
C. styl kroju pisma.
D. grubość czcionki.
Atrybut <font-size> faktycznie odpowiada za rozmiar czcionki, czyli wielkość liter oraz innych znaków wyświetlanych na stronie internetowej. To bardzo istotny parametr w projektowaniu interfejsów, bo ma wpływ na czytelność, dostępność i ogólny odbiór wizualny strony. W CSS właściwość font-size jest używana do precyzyjnego określania wielkości tekstu – można ją podać w pikselach (px), punktach (pt), em, rem czy nawet w procentach. Dzięki temu projektanci mogą łatwo dostosować tekst do różnych urządzeń czy preferencji użytkowników. Z mojego doświadczenia, dobrze dobrany font-size to podstawa czytelności: nie tylko chodzi o wygodę, ale też o to, żeby tekst był czytelny dla osób z wadami wzroku. Warto pamiętać, że według wytycznych WCAG minimalny rozmiar czcionki na stronach www powinien wynosić przynajmniej 16px. Często w praktyce stosuje się też wartości względne jak em lub rem, bo pozwala to stronę skalować razem z ustawieniami przeglądarki użytkownika. Nierzadko też korzysta się z media queries, żeby zmieniać font-size na mniejszych ekranach. W sumie, font-size to jedna z najbardziej podstawowych, ale też najważniejszych właściwości w CSS – bez niej trudno mówić o profesjonalnym projekcie interfejsu.
Pytanie 39
W celu opublikowania rastrowego obrazu cyfrowego w internecie należy nadać mu parametry:
A. tryb barwny RGB, rozdzielczość 72 ppi, jak największy rozmiar pliku.
B. tryb barwny CMYK, rozdzielczość 96 ppi, jak największy rozmiar pliku.
C. tryb barwny RGB, rozdzielczość 72 ppi, jak najmniejszy rozmiar pliku.
D. tryb barwny CMYK, rozdzielczość 96 ppi, jak najmniejszy rozmiar pliku.
Obraz cyfrowy przygotowywany do publikacji w internecie powinien mieć tryb barwny RGB, rozdzielczość 72 ppi oraz możliwie jak najmniejszy rozmiar pliku – to takie żelazne zasady, którymi kieruje się każdy grafik czy webmaster. RGB to standardowy model kolorów dla ekranów komputerów, telefonów, tabletów – praktycznie wszystkich urządzeń wyświetlających grafikę online. CMYK jest wykorzystywany w druku, a nie w internecie. Rozdzielczość 72 ppi (czyli pikseli na cal) przyjęła się historycznie jako wystarczająca, bo starsze monitory tyle właśnie wyświetlały – dziś ekrany potrafią więcej, ale wciąż 72 ppi to minimum, które pozwala uzyskać poprawną ostrość i niepotrzebnie nie powiększa pliku. Kluczowy jest także jak najmniejszy rozmiar pliku – im mniejszy plik, tym szybciej ładuje się strona, co jest mega istotne dla komfortu użytkowników i pozycjonowania w Google. Moim zdaniem, zawsze warto korzystać z formatów JPG (dla zdjęć) lub PNG (dla grafik z przezroczystościami), a przed wrzuceniem na stronę dobrze jest skompresować plik, np. w TinyPNG czy Squoosh. To wszystko razem sprawia, że obrazek jest lekki, wygląda dobrze na większości urządzeń i nie zamula strony. W branży webowej lepiej unikać CMYK oraz zbędnie dużych plików – niepotrzebnie tylko obciążają serwer i użytkownika.
Pytanie 40
Który panel należy wybrać w kokpicie Wordpress, aby zmienić layout graficzny strony?
A. Media.
B. Wygląd.
C. Narzędzia.
D. Wtyczki.
Poprawnie wskazany został panel „Wygląd”, bo to właśnie tam w kokpicie WordPressa zarządza się layoutem graficznym strony. W tym miejscu możesz zmieniać motyw (theme), który tak naprawdę definiuje ogólny układ: rozmieszczenie kolumn, nagłówka, stopki, typ nawigacji, a także wiele elementów wizualnych jak kolory czy podstawowa typografia. Z poziomu „Wygląd → Motywy” wybierasz, instalujesz i aktywujesz motywy, co jest zgodne z dobrą praktyką pracy z WordPressem: nie grzebiemy w kodzie rdzenia, tylko korzystamy z gotowych, responsywnych szablonów. W „Wygląd → Dostosuj” (Customizer) można zmieniać układ strony głównej, włączać lub wyłączać paski boczne, ustawiać statyczną stronę startową, a czasem też układ poszczególnych sekcji, jeśli motyw na to pozwala. Moim zdaniem to jest jedno z najważniejszych miejsc w panelu, bo tu realnie kształtujesz doświadczenie użytkownika na stronie. W dobrych motywach znajdziesz tam też ustawienia siatki (gridu), szerokości kontenera, układu bloga (lista, kafelki) czy ustawienia nagłówka typu sticky. Przez „Wygląd → Menu” projektujesz strukturę nawigacji, czyli to, jak użytkownik porusza się po serwisie – to też jest element layoutu, bo decyduje, gdzie i jak wyświetla się menu. W „Wygląd → Widgety” (albo „Obszary widgetów”) zarządzasz zawartością pasków bocznych i stopki, co pozwala zmienić rozmieszczenie dodatkowych bloków: wyszukiwarki, listy kategorii, krótkich informacji kontaktowych itd. W nowoczesnych instalacjach WordPressa dochodzi jeszcze edytor pełnych szablonów (Full Site Editing), gdzie w sekcji „Wygląd → Edytor” można projektować układ całej witryny blokami – nagłówki, stopki, szablony wpisów. Z mojego doświadczenia wynika, że trzymanie wszystkich zmian layoutu właśnie w panelu „Wygląd” ułatwia późniejszą administrację, aktualizacje motywu i zgodność z responsywnością oraz standardami webowymi (HTML5, semantyka, dostępność).
Strona wykorzystuje pliki cookies do poprawy doświadczenia użytkownika oraz analizy ruchu. Szczegóły
Polityka plików cookies
Czym są pliki cookies?
Cookies to małe pliki tekstowe, które są zapisywane na urządzeniu użytkownika podczas przeglądania stron internetowych. Służą one do zapamiętywania preferencji, śledzenia zachowań użytkowników oraz poprawy funkcjonalności serwisu.
Jakie cookies wykorzystujemy?
Niezbędne cookies - konieczne do prawidłowego działania strony
Funkcjonalne cookies - umożliwiające zapamiętanie wybranych ustawień (np. wybrany motyw)
Analityczne cookies - pozwalające zbierać informacje o sposobie korzystania ze strony
Jak długo przechowujemy cookies?
Pliki cookies wykorzystywane w naszym serwisie mogą być sesyjne (usuwane po zamknięciu przeglądarki) lub stałe (pozostają na urządzeniu przez określony czas).
Jak zarządzać cookies?
Możesz zarządzać ustawieniami plików cookies w swojej przeglądarce internetowej. Większość przeglądarek domyślnie dopuszcza przechowywanie plików cookies, ale możliwe jest również całkowite zablokowanie tych plików lub usunięcie wybranych z nich.
