Wyniki egzaminu

Nowy egzamin

Informacje o egzaminie:

Zawód: Technik fotografii i multimediów
Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Data rozpoczęcia: 8 grudnia 2025 10:21
Data zakończenia: 8 grudnia 2025 10:33

Egzamin niezdany

Wynik: 14/40 punktów (35,0%)

Wymagane minimum: 20 punktów (50%)

Udostępnij swój wynik

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Logo, menu, baner, widgety oraz intro to elementy

A. prezentacji multimedialnej.

B. animacji poklatkowej.

C. profesjonalnego materiału wideo z eventu.

D. layoutu strony internetowej.

Zamieszanie wokół takich pojęć jak animacja poklatkowa, prezentacja multimedialna czy materiał wideo często wynika z tego, że elementy graficzne typu logo, baner czy intro pojawiają się w różnych mediach cyfrowych. Jednak ich kluczową funkcją i miejscem występowania są layouty stron internetowych. Animacja poklatkowa polega na tworzeniu ruchu przez wyświetlanie serii statycznych obrazów, które minimalnie różnią się od siebie – tu raczej spotyka się postacie, tła, plansze, ale nie klasyczne widgety czy rozbudowane menu nawigacyjne charakterystyczne dla stron www. Prezentacja multimedialna to forma przekazu oparta na slajdach, grafice i dźwięku, często używana w edukacji lub biznesie – tam wprawdzie czasem pojawia się intro lub logo, ale nie występuje typowa struktura menu ani widgetów, a układ nie jest layoutem w sensie webowym. Z kolei profesjonalny materiał wideo z eventu to głównie rejestracja obrazu i dźwięku, ewentualnie z prostą grafiką lub intro na początku, ale nikt nie wrzuca tam typowych webowych widgetów czy banerów znanych ze stron internetowych. Typowym błędem jest mylenie narzędzi i komponentów służących do budowania interaktywnych doświadczeń na stronie www z tymi, które są używane w innych mediach cyfrowych – te elementy, o których była mowa w pytaniu, stanowią fundament layoutu strony, bo to właśnie tam najpełniej się sprawdzają i mają swoje praktyczne zastosowanie. Branża webowa od dawna dąży do tego, by layout był funkcjonalny, atrakcyjny wizualnie i przyjazny użytkownikowi, wykorzystując właśnie takie elementy jak menu, banery czy widgety – i to się po prostu sprawdza w praktyce, bo bez nich strona byłaby mało użyteczna i nieprzystępna dla odwiedzających.

Pytanie 2

Określ jednostkę rozdzielczości oraz tryb kolorystyczny, które powinny zostać ustalone przy przygotowywaniu zdjęć cyfrowych do projektu witryny internetowej.

A. lpi i RGB

B. ppi i RGB

C. spi i CMYK

D. dpi i CMYK

Wybór niewłaściwych jednostek rozdzielczości oraz trybu koloru może prowadzić do problemów z jakością wizualną zdjęć w galeriach internetowych. Odpowiedzi, które wskazują na lpi (lines per inch) oraz dpi (dots per inch), są nieodpowiednie w kontekście cyfrowych fotografii. Lpi jest terminem używanym głównie w druku, odnoszącym się do jakości rastra i jest nieprzydatny w przypadku zdjęć wyświetlanych na ekranie. Natomiast dpi, choć również odnosi się do rozdzielczości, jest terminem zarezerwowanym dla druku i dotyczy liczby punktów atramentu na cal, co jest nieadekwatne do prezentacji obrazów w Internecie. W przypadku wyboru CMYK (Cyan, Magenta, Yellow, Black) jako trybu kolorów, warto zauważyć, że jest to model stosowany głównie w druku. CMYK może nie oddać właściwych kolorów na ekranie, co z kolei wpłynie negatywnie na percepcję wizualną użytkowników. Właściwe przygotowanie fotografii do internetu powinno uwzględniać standardy, takie jak użycie RGB i ppi, aby zapewnić najlepszą jakość obrazu na różnych urządzeniach. Typowe błędy myślowe prowadzące do wyboru nieodpowiednich standardów obejmują zamianę koncepcji między drukiem a cyfrowym wyświetlaniem oraz brak wiedzy o rozdzielczości odpowiedniej do platformy, na której zdjęcia będą prezentowane.

Pytanie 3

Wskaż obowiązek spoczywający na właścicielu strony internetowej, który zamierza wykorzystać na stronie zdjęcia oznaczone zamieszczonymi symbolami licencji creative commons.

A. Uznania autorstwa, na tych samych warunkach.

B. Wyłącznie uznania autorstwa.

C. Użycia w celach niekomercyjnych.

D. Użycia komercyjnego, na tych samych warunkach.

Odpowiedź 'Uznania autorstwa, na tych samych warunkach.' jest prawidłowa, ponieważ odnosi się do zasad licencji Creative Commons, które są kluczowe dla legalnego korzystania z dzieł chronionych prawem autorskim. Licencje te, w tym szczególnie typ CC BY-SA (Uznanie autorstwa – Na tych samych warunkach), wymagają, aby użytkownik, który zamierza wykorzystać dany utwór, uznał autorstwo oryginalnego twórcy, co oznacza podanie jego imienia i nazwiska lub pseudonimu w sposób zgodny z intencją twórcy. Ponadto, jeśli tworzysz nowe dzieło, bazując na utworze objętym tą licencją, musisz udostępnić je również na takich samych warunkach. Przykładem może być artysta, który tworzy plakat na podstawie zdjęcia objętego licencją CC BY-SA; w takim przypadku musi podać źródło zdjęcia oraz oznaczyć, że plakat jest dostępny na tych samych zasadach. Właściwe stosowanie licencji Creative Commons nie tylko wspiera twórczość i innowacyjność, ale również chroni prawa autorów, co jest zgodne z najlepszymi praktykami w zakresie ochrony własności intelektualnej.

Pytanie 4

W jakich formatach powinien być zorganizowany materiał filmowy przeznaczony do umieszczenia w internetowym projekcie multimedialnym?

A. WEBM, DOCX

B. MPEG-4, MOV

C. FLV, TIFF

D. FLA, SVG

Odpowiedź "MPEG-4, MOV" jest prawidłowa, ponieważ oba formaty są szeroko stosowane w branży multimedialnej, szczególnie w kontekście publikacji treści w internecie. MPEG-4 to jeden z najpopularniejszych formatów kompresji wideo, który zapewnia wysoką jakość obrazu przy stosunkowo małym rozmiarze pliku. Jest on używany przez wiele platform wideo, takich jak YouTube, Vimeo czy Facebook. Z kolei format MOV, stworzony przez Apple, jest również powszechnie wykorzystywany do przechowywania wideo i audio, a jego wszechstronność sprawia, że jest on często wybierany w produkcji filmowej i telewizyjnej. Dobre praktyki w branży zalecają stosowanie tych formatów ze względu na ich zgodność z większością odtwarzaczy i platform, co ułatwia dystrybucję materiałów. Na przykład, gdy tworzysz projekt multimedialny, wybór MPEG-4 lub MOV pozwala na lepszą optymalizację materiałów do przesyłania strumieniowego oraz łatwiejszą edycję w popularnych programach, takich jak Adobe Premiere Pro czy Final Cut Pro.

Pytanie 5

Jakie fonty mogą być wyświetlane przez przeglądarki internetowe?

A. do których mają dostęp

B. które zostały zrasteryzowane

C. w każdym formacie

D. które zostały zamienione na krzywe

Przeglądarki internetowe mogą wyświetlać fonty, do których mają dostęp, co oznacza, że muszą być one zainstalowane na systemie operacyjnym użytkownika lub dostępne na serwerze, z którego ładowana jest strona internetowa. Sprawia to, że dostępność fontów jest kluczowa w projektowaniu stron, ponieważ nie wszystkie fonty będą widoczne dla każdego użytkownika. Aby zapewnić spójność wizualną i estetykę, projektanci często korzystają z fontów webowych, takich jak Google Fonts, które są ładowane z zewnętrznych serwerów. Dzięki temu, niezależnie od systemu operacyjnego czy przeglądarki, wszyscy użytkownicy zobaczą tę samą czcionkę. Dobrą praktyką jest również stosowanie fallback fontów, które są używane, gdy wybrany font nie jest dostępny, co zwiększa elastyczność i niezawodność wizualizacji tekstu na stronach internetowych.

Pytanie 6

Jakie produkty można stworzyć korzystając z programu Adobe Dreamweaver?

A. Arkusze kalkulacyjne

B. Druki reklamowe

C. Zrastrowane ilustracje

D. Aplikacje internetowe

No cóż, ilustracje rastrowe, druki reklamowe i arkusze kalkulacyjne to zupełnie inne rzeczy niż aplikacje webowe i nie można ich tworzyć w Adobe Dreamweaver. Te ilustracje, które są bitmapami, robi się zazwyczaj w programach graficznych, jak Adobe Photoshop czy Illustrator. Dreamweaver nie ma narzędzi do edytowania grafiki rastrowej, bo jego główny fokus to projektowanie i kodowanie stron internetowych. Druki reklamowe to z kolei coś, do czego potrzebujesz specjalistycznych programów, takich jak Adobe InDesign, które zajmują się układami i formatami w druku. A arkusze kalkulacyjne to raczej domena Excela czy Google Sheets, które służą do analizy danych, a nie do robienia aplikacji webowych. Wybieranie złych narzędzi do zadań, które chcesz wykonać, może naprawdę skomplikować życie. Dlatego ważne jest, by wiedzieć, które oprogramowanie jest odpowiednie do danej pracy, bo to wpływa na efektywność i jakość wykonywanych zadań.

Pytanie 7

Jeśli na stronie internetowej, gdzie umieszczone są prezentacje multimedialne, widnieje zapis Wszelkie prawa zastrzeżone, to co to oznacza?

A. prezentacje są chronione hasłem

B. informacje umieszczone na stronie mogą być wykorzystywane bez zgody twórcy

C. informacje zawarte na stronie nie mogą być wykorzystywane bez zgody twórcy

D. prezentacje mogą być udostępnione jedynie po zarejestrowaniu się

Oznaczenie Wszelkie prawa zastrzeżone na stronie internetowej sygnalizuje, że autorzy lub właściciele treści zastrzegają sobie pełne prawa do wykorzystania, reprodukcji oraz dystrybucji zamieszczonych informacji. Oznacza to, że osoby trzecie nie mogą wykorzystywać tych materiałów bez uzyskania wcześniejszej zgody autora. Przykładowo, jeśli ktoś chciałby skorzystać z prezentacji zamieszczonej na takiej stronie w celach edukacyjnych lub komercyjnych, musi najpierw skontaktować się z właścicielem praw autorskich i uzyskać odpowiednie pozwolenie. Tego typu zabezpieczenia są zgodne z międzynarodowymi standardami prawnymi, w tym z Ustawą o prawie autorskim i prawach pokrewnych. W praktyce oznacza to, że naruszenie tych praw może prowadzić do konsekwencji prawnych, w tym roszczeń odszkodowawczych. W związku z tym, warto zawsze zwracać uwagę na informacje prawne zamieszczone na stronach internetowych, aby uniknąć nieporozumień oraz potencjalnych problemów prawnych związanych z niewłaściwym wykorzystaniem treści.

Pytanie 8

Który z poniższych zapisów znaczników w języku XHTML jest poprawny?

A. <XHtml>

B. <xhtml>

C. <XHTML>

D. <xHtMl>

Odpowiedź <xhtml> jest poprawna, ponieważ XHTML (Extensible Hypertext Markup Language) jest językiem znaczników, który jest surową wersją HTML 5. XHTML jest wrażliwy na wielkość liter, co oznacza, że wszystkie znaczniki muszą być pisane małymi literami. To podejście wynika z faktu, że XHTML opiera się na XML, który ma ścisłe zasady dotyczące składni, w tym konieczność używania małych liter dla nazw znaczników. Użycie odpowiedniej składni pozwala na lepszą interoperacyjność między różnymi przeglądarkami internetowymi oraz zapewnia zgodność z standardami W3C. Przykładowe zastosowanie poprawnego znacznika to: <xhtml><title>Przykład</title></xhtml>, co jest podstawą budowy dokumentu XHTML. Używanie poprawnych znaczników jest kluczowe dla uzyskania odpowiednich wyników w interpretacji przez przeglądarki oraz dla poprawnego działania technologii wspierających, takich jak CSS i JavaScript.

Pytanie 9

Kaskadowe arkusze stylów pozwalają na

A. tworzenie szablonów definiujących wygląd elementów wyświetlanych na stronie internetowej

B. określanie animacji przejść w nieliniowych prezentacjach

C. tworzenie szablonów prezentacji nieliniowych z opcją powiększania obrazu oraz zmiany jego lokalizacji

D. określanie pędzli i wzorów

Kaskadowe arkusze stylów (CSS) są kluczowym elementem w projektowaniu stron internetowych, ponieważ umożliwiają oddzielanie treści od prezentacji. Dzięki CSS można definiować wygląd elementów HTML, co pozwala na tworzenie atrakcyjnych i responsywnych interfejsów użytkownika. Przykładowo, za pomocą CSS można ustawić kolory, czcionki, marginesy, paddingi oraz inne właściwości stylizacji, co umożliwia nie tylko estetyczne, ale i funkcjonalne dostosowanie strony do różnych urządzeń. W praktyce, dobre praktyki związane z używaniem CSS obejmują stosowanie selektorów klasowych i identyfikatorów dla lepszej organizacji kodu, a także korzystanie z preprocesorów, takich jak SASS czy LESS, które ułatwiają zarządzanie stylami w większych projektach. Warto także podkreślić, że stosowanie CSS zgodnie z W3C (World Wide Web Consortium) zapewnia lepszą dostępność i zgodność z różnymi przeglądarkami.

Pytanie 10

Firma nabyła zestaw zdjęć na licencji Royalty Free do publikacji drukowanych – ulotek oraz plakatów. Czy można, bez konieczności spełniania dodatkowych warunków, użyć tych materiałów do stworzenia strony internetowej firmy?

A. Nie, ponieważ licencja odnosi się wyłącznie do materiałów drukowanych - ulotek, plakatów

B. Nie, firma powinna dodatkowo nabyć prawo do używania zdjęć na stronie internetowej

C. Nie, firma jest zobowiązana poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu

D. Tak, ponieważ licencja umożliwia wykorzystanie zdjęć w każdym celu firmy

Spostrzeganie, że wykorzystanie zdjęć zakupionych na licencji Royalty Free na stronie internetowej wymaga dodatkowych uprawnień, jest błędne i opiera się na nieporozumieniu dotyczącym natury tych licencji. Licencje Royalty Free pozwalają na wielokrotne wykorzystanie zdjęć w różnych projektach bez konieczności wykupywania dodatkowych praw czy opłat za użytkowanie, o ile nie narusza się warunków licencji. W praktyce, wiele osób błędnie zakłada, że użycie cyfrowe wymaga oddzielnej zgody, co nie jest prawdą. Kolejnym nieporozumieniem jest twierdzenie, że firma powinna informować bank grafiki o każdym użyciu zdjęć. Większość licencji Royalty Free nie wymaga takiego zawiadamiania, co oznacza, że użytkownik nie musi rejestrować każdego zastosowania zdjęcia. Warto także zauważyć, że ograniczenia dotyczące użycia zdjęć w materiałach jedynie drukowanych są mylne, ponieważ Royalty Free obejmuje zarówno druk, jak i media cyfrowe. Przykłady myślenia o licencjach w sposób zbyt restrykcyjny mogą prowadzić do paraliżu decyzyjnego w firmach, które obawiają się naruszenia praw autorskich, podczas gdy w rzeczywistości mają one prawo do swobodnego wykorzystywania tych materiałów, zachowując zgodność z zasadami licencyjnymi.

Pytanie 11

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. Płyty DVD

B. Zewnętrzny, przenośny dysk magnetyczny

C. Serwer NAS

D. Kasety magnetofonowe

Płyty DVD, zewnętrzne przenośne dyski magnetyczne oraz kasety magnetofonowe to rozwiązania, które, choć mogą służyć do przechowywania danych, nie są optymalne w kontekście potrzeb związanych z dużymi zbiorami danych, takimi jak 2 TB materiałów cyfrowych. Płyty DVD mają ograniczoną pojemność, wynoszącą zazwyczaj 4,7 GB dla standardowej płyty jednowarstwowej, co oznaczałoby, że do przechowania 2 TB potrzeba co najmniej 425 płyt DVD. Ta forma przechowywania jest niewygodna, a także czasochłonna przy wczytywaniu i zapisywaniu danych. Zewnętrzne przenośne dyski magnetyczne, choć oferują większą pojemność, są zazwyczaj jednostkami do przechowywania offline, co oznacza, że nie są stale dostępne w sieci. Użytkownicy muszą fizycznie podłączać je do komputerów, co ogranicza możliwość jednoczesnego dostępu wielu osób. Z kolei kasety magnetofonowe, będące technologią przestarzałą, oferują minimalną pojemność i są niepraktyczne w kontekście nowoczesnych wymagań dotyczących dostępu i archiwizacji materiałów cyfrowych. Wybór tych opcji może wynikać z pewnych nieporozumień dotyczących dostępności, pojemności oraz bezpieczeństwa danych, co prowadzi do nieefektywnego zarządzania zasobami cyfrowymi.

Pytanie 12

Dostosowanie pliku JPEG do wyświetlenia na stronie internetowej (przy zdefiniowanych wymiarach obrazu) wiąże się z wyborem

A. palety kolorów

B. stopnia kompresji

C. trybu koloru

D. innego formatu pliku

Optymalizacja pliku JPEG to proces, który w pierwszej kolejności koncentruje się na dostosowywaniu stopnia kompresji, aby osiągnąć zrównoważony wynik jakości obrazu i rozmiaru pliku. Często pojawiają się jednak nieporozumienia związane z innymi aspektami, które nie mają tak istotnego wpływu na optymalizację dla webu. Paleta kolorów, na przykład, odnosi się bardziej do formatów bitmapowych, jak GIF czy PNG, które korzystają z ograniczonej liczby kolorów. JPEG obsługuje pełen zakres kolorów i nie wymaga palety, co eliminuje możliwość jej optymalizacji w kontekście JPEG. Zmiana formatu pliku również nie jest optymalizacją, ponieważ koncentruje się na całkowitym przejściu do innego formatu, co nie tylko nie poprawia wydajności, ale może również prowadzić do utraty jakości, jeśli nie jest przeprowadzona z ostrożnością. Tryb koloru może mieć znaczenie w kontekście edycji graficznej, jednak w przypadku JPEG nie jest czynnikiem kluczowym dla optymalizacji plików do użytku internetowego. Użytkownicy mogą często mylić te aspekty z procesem optymalizacji, co prowadzi do suboptymalnych rozwiązań i nieefektywnego zarządzania zasobami multimedialnymi na stronach internetowych.

Pytanie 13

Weryfikacja poprawności realizacji projektu responsywnej strony internetowej polega na

A. prezentacji jej na urządzeniach o zróżnicowanej wielkości ekranów

B. ustaleniu liczby odsłon strony

C. zliczeniu liczby znaków na stronie

D. skalowaniu kolorów prezentowanych na ekranie

Ocena poprawności wykonania projektu responsywnej strony internetowej nie może być oparta na ilości wyświetleń strony, ponieważ ten wskaźnik nie dostarcza informacji na temat jakości i funkcjonalności samej strony. Liczba wyświetleń jest bardziej związana z popularnością treści niż z jej użytecznością i dostosowaniem do różnych urządzeń. Chociaż wysoka liczba wyświetleń może wskazywać na zainteresowanie użytkowników, nie mówi nic o tym, jak dobrze strona działa na różnych platformach i rozmiarach ekranów. Podobnie, policzenie ilości znaków na stronie jest zupełnie nieadekwatnym sposobem oceny, ponieważ nie ma bezpośredniego związku z aspektem responsywności. W rzeczywistości bardziej złożone strony mogą mieć więcej znaków, ale to nie gwarantuje lepszej użyteczności. Również kalibracja kolorów wyświetlanych na monitorze nie ma związku z responsywnością. Choć kolory i ich dobra prezentacja są istotne w kontekście estetyki, to nie wpływają na to, jak strona dostosowuje się do różnych urządzeń. W praktyce oznacza to, że ocena responsywności nie może opierać się na aspektach statystycznych czy estetycznych, lecz musi koncentrować się na realnym działaniu i użyteczności strony na różnych platformach.

Pytanie 14

Aby stworzyć graficzno-tekstową kompozycję na stronie internetowej, powinno się wykorzystać program

A. Audacity

B. Adobe Photoshop

C. Puzzle Flow

D. Adobe AfterEffects

Adobe Photoshop to jeden z najpopularniejszych programów graficznych, wykorzystywanych do tworzenia kompozycji graficzno-tekstowych na stronach internetowych. Oferuje bogaty zestaw narzędzi do edycji grafiki rastrowej, co czyni go idealnym narzędziem do projektowania wizualnych elementów stron, takich jak banery, przyciski, ikony czy tła. Program pozwala na zaawansowane manipulacje obrazem, w tym warstwy, maski, filtry oraz efekty, które wspierają twórcze podejście w projektowaniu. Przykładem zastosowania Photoshop w praktyce może być stworzenie grafiki promującej nową usługę na stronie internetowej, gdzie projektant łączy tekst z obrazem, dbając o estetykę i czytelność. W kontekście standardów branżowych, korzystanie z Adobe Photoshop umożliwia projektantom przestrzeganie zasad UX/UI, poprzez tworzenie intuicyjnych i atrakcyjnych wizualnie interfejsów. Dlatego też, wybór tego oprogramowania przy tworzeniu stron internetowych jest zgodny z aktualnymi trendami i najlepszymi praktykami w branży.

Pytanie 15

Wskaż element, który pozwala na układanie bloków treści w odniesieniu do siebie na stronie www.

A. <div>

B.

C. <img>

D.

Wybór znaczników , oraz <img> wskazuje na powszechne nieporozumienia dotyczące ich funkcji w HTML. Tag służy do wstawiania podziału linii i jest używany głównie w kontekście tekstu, gdzie nie jest potrzebne tworzenie nowego bloku. Nie ma on wpływu na układ strony, a jego nadużycie może prowadzić do nieczytelnych lub nieoptymalnych układów. Używanie do pozycjonowania elementów jest nieefektywne, ponieważ nie umożliwia elastycznego zarządzania layoutem. Z kolei znacznik jest stosowany do wyróżniania tekstu, co również nie wpływa na pozycjonowanie bloków, a jego zastosowanie powinno być ograniczone do elementów, które rzeczywiście wymagają wyróżnienia. Użycie zamiast semantycznych tagów, takich jak , prowadzi do problemów z dostępnością i SEO, ponieważ zawartość nie jest opisywana w sposób zrozumiały dla użytkowników technologii asystujących. Tag <img> jest z kolei używany do wstawiania obrazów na stronę, ale nie ma on związku z układem bloków tekstowych lub innych elementów strony. Kluczowym błędem myślowym jest niewłaściwe przypisanie funkcji do tych znaczników; zamiast używać ich do pozycjonowania zawartości, powinniśmy polegać na <div> i CSS, które są stworzonymi do tego celu narzędziami.

Pytanie 16

Wskaż obowiązek spoczywający na właścicielu strony internetowej, który zamierza wykorzystać na stronie zdjęcia oznaczone zamieszczonymi symbolami licencji creative commons.

A. Uznania autorstwa, na tych samych warunkach.

B. Użycia komercyjnego, na tych samych warunkach.

C. Użycia w celach niekomercyjnych.

D. Wyłącznie uznania autorstwa.

Analizując poszczególne koncepcje błędnych odpowiedzi, widać często powtarzający się błąd w zrozumieniu, czym rzeczywiście są i jak działają licencje Creative Commons. Wiele osób błędnie zakłada, że wystarczy wyłącznie uznać autorstwo – co jest prawdą w przypadku licencji CC BY, ale tutaj mamy jeszcze dodatkowy warunek. Ograniczenie wykorzystania tylko do celów niekomercyjnych myli się z rzeczywistością, bo taki wymóg występuje dopiero przy licencjach z oznaczeniem NC (NonCommercial), a nie przy zestawie BY-SA. Wielu użytkowników nieświadomie utożsamia symbol SA („ShareAlike”, czyli „na tych samych warunkach”) z obowiązkiem udostępnienia tylko w celach komercyjnych lub tylko niekomercyjnych – co jest nieprawidłowe. W praktyce ten wymóg dotyczy po prostu tego, że każda praca pochodna lub modyfikacja musi być objęta dokładnie tą samą licencją, co oryginał. Typowym błędem jest też założenie, że licencje CC blokują użycie komercyjne – a przecież BY-SA dopuszcza komercyjne wykorzystanie, pod warunkiem spełnienia wymogów. Spotyka się też myślenie, że wystarczy formalnie uznać autora i można robić z materiałem wszystko – a to przecież może prowadzić do naruszenia praw licencyjnych, jeśli np. udostępnimy przeróbkę zdjęcia bez oryginalnych warunków licencji. Moim zdaniem trzeba zawsze czytać oznaczenia symboli na materiałach CC i nie kierować się przyzwyczajeniami – bo każda kombinacja pociąga inne skutki prawne. Warto też pamiętać, że poprawne wdrażanie tych zasad to już branżowy standard i po prostu dobra praktyka etyczna.

Pytanie 17

Na prawidłowe wyświetlanie polskich znaków na stronie WWW wpływa

A. ustawienie języka polskiego jako języka domyślnego w przeglądarce internetowej

B. odpowiednie kodowanie w pliku HTML

C. plik konfiguracyjny serwera

D. domyślny styl używanej przeglądarki internetowej

Wydaje mi się, że domyślny styl przeglądarki, plik konfiguracyjny serwera i to, jak ustawione jest język polski w przeglądarkach, nie mają aż takiego wpływu na to, jak polskie znaki się wyświetlają. Owszem, style mogą wpływać na wygląd, ale nie na interpretację znaków. Przeglądarki dadzą radę wyświetlać różne znaki, jeżeli serwer i dokument HTML są odpowiednio skonfigurowane. Plik konfiguracyjny serwera może ustawić domyślne kodowanie, ale bez definicji kodowania w HTML przeglądarka może zinterpretować znaki źle. Co ciekawe, ustawienie polskiego jako domyślnego języka w przeglądarce, choć może pomóc w niektórych rzeczach, nie rozwiąże problemów z kodowaniem. Kiedy kodowanie jest źle ustawione, nawet poprawne ustawienia językowe niewiele pomogą. Często ludzie myślą, że przeglądarka zawsze dobrze odczyta tekst, a prawda jest taka, że to dobra konfiguracja dokumentu HTML jest najważniejsza. Dlatego fajnie jest zawsze dbać o to, żeby dokumenty miały zadeklarowane właściwe kodowanie, żeby uniknąć problemów z wyświetlaniem.

Pytanie 18

Która z właściwości CSS pozwala na ustawienie koloru tła dla danego elementu?

A. Color

B. Text-Color

C. Bgcolor

D. Background-Color

Właściwość CSS 'background-color' to naprawdę ważny element, jeśli chodzi o stylizację stron. Dzięki niej możemy fajnie ustawić kolory tła dla różnych elementów naszej strony. To sprawia, że strona wygląda lepiej i jest bardziej przyjemna dla oka użytkownika. Na przykład, żeby ustawić jasnoszary kolor tła dla 'div', możemy napisać coś takiego: 'div { background-color: #f0f0f0; }'. Ale pamiętaj, żeby dobierać kolory tak, żeby dobrze kontrastowały z tekstem, bo to naprawdę ma znaczenie dla osób, które korzystają z naszej strony. Warto się też zainteresować innymi właściwościami, jak 'background-image' czy 'background-size', bo dzięki nim można stworzyć ciekawe wizualne efekty. Takie połączenia to super sposób na przyciągnięcie uwagi!

Pytanie 19

Jakie są zewnętrzne arkusze stylów dla języka HTML?

A. PHP

B. BASIC

C. CSS

D. JAVA

CSS, czyli Kaskadowe Arkusze Stylów, jest standardowym językiem używanym do opisywania wyglądu i formatowania dokumentów HTML. Jego głównym celem jest oddzielenie treści od prezentacji, co umożliwia wprowadzenie zmian w stylach bez konieczności modyfikacji samej treści. Przykładowo, jeśli chcesz zmienić kolor tekstu w całej aplikacji, wystarczy zaktualizować jedną regułę CSS, zamiast przeszukiwać i edytować każdy plik HTML. Standardy CSS pozwalają na tworzenie responsywnych i dobrze wyglądających stron internetowych, co jest kluczowe w dzisiejszym świecie, gdzie użytkownicy korzystają z różnych urządzeń. Dzięki CSS można wprowadzać m.in. style rozkładu, kolory, czcionki oraz zaawansowane techniki, takie jak animacje czy przejścia. Stosowanie CSS zgodnie z dobrymi praktykami, takimi jak użycie klas i identyfikatorów, poprawia czytelność kodu oraz umożliwia łatwiejsze utrzymanie strony. Warto również znać narzędzia takie jak preprocessory CSS (np. SASS, LESS), które znacznie poszerzają możliwości standardowego CSS, wprowadzając elementy takie jak zmienne czy zagnieżdżone reguły.

Pytanie 20

Jaką regułę stylów trzeba dodać do pliku style_list.css, aby zdefiniować klasę znaczek dla nienumerowanych list z obrazem znaczek_logo.gif jako symbolem wypunktowania, gdy obrazek znajduje się w podfolderze GRAFIKI w katalogu z plikami stylów?

A. .znaczek {list-style-image: url(\GRAFIKI\znaczek_logo.gif)}

B. .znaczek {list-style-image: url(grafiki/znaczek_logo.gif)}

C. ul.znaczek {list-style-image: url(GRAFIKI/znaczek_logo.gif)}

D. ul.znaczek {list-style-type: url(grafiki\znaczek_logo.gif)}

Odpowiedzi, które zawierają błędne ścieżki do zasobów lub niewłaściwe zastosowanie właściwości CSS, wskazują na powszechne nieporozumienia dotyczące struktury i składni kaskadowych arkuszy stylów. Przykładowo, użycie list-style-type z adresem URL jest nieprawidłowe, ponieważ ta właściwość nie obsługuje obrazów jako wartości. Właściwość list-style-type służy do definiowania stylu punktów wypunktowania z zestawów predefiniowanych (np. disc, circle, square) i nie przyjmuje linków do plików graficznych. Innym typowym błędem jest użycie niewłaściwej składni w ścieżce do pliku, np. użycie odwrotnego ukośnika (\) zamiast ukośnika (/) w systemach opartych na UNIX, co jest standardem w CSS. Kiedy ścieżka do pliku jest podana w niewłaściwy sposób, przeglądarka nie będzie w stanie załadować zasobu, co skutkuje brakiem wizualizacji zamierzonego efektu. Kluczowe jest również zrozumienie różnicy między selektorami klasowymi a selektorami typów, co wpływa na to, do jakich elementów stosowane są style. Prawidłowe stosowanie CSS wymaga znajomości zarówno konwencji składniowych, jak i zasady działających reguł stylu — co jest kluczowe dla tworzenia dobrze wyglądających i funkcjonalnych stron WWW.

Pytanie 21

Przedstawiony na ilustracji szablon kompozycji graficznej układu strony internetowej to

A. plugin.

B. glif.

C. wakat.

D. layout.

Odpowiedź "layout" jest prawidłowa, ponieważ termin ten odnosi się do kompozycji graficznej strony internetowej, która wyznacza układ elementów takich jak nagłówki, menu, treści i stopki. Layout jest kluczowym aspektem projektowania interfejsu użytkownika i ma znaczący wpływ na doświadczenia użytkowników. Odpowiednie rozmieszczenie elementów sprzyja czytelności i użyteczności strony, co jest zgodne z zasadami projektowania UX. Dobrze zaplanowany layout ułatwia nawigację i pozwala użytkownikom szybko znaleźć poszukiwane informacje. Na przykład, w przypadku stron e-commerce, odpowiedni układ produktów, informacji o cenach oraz przycisków „dodaj do koszyka” może znacząco wpłynąć na konwersję i zadowolenie użytkowników. W standardach web designu, takich jak Responsive Web Design, layout jest również dostosowywany do różnych urządzeń, zapewniając użytkownikom spójne doświadczenie, niezależnie od tego, czy korzystają z komputera, tabletu czy smartfona.

Pytanie 22

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. Hasło przekazywane klientowi w automatycznie generowanej wiadomości e-mail

B. Mechanizmy szyfrowania SSL i TLS

C. Kwalifikowany podpis elektroniczny

D. Szyfrowanie PGP

Słuchaj, używanie haseł przesyłanych przez e-maile jako sposobu na zabezpieczenie danych to nie jest najlepszy pomysł. Jasne, hasła są ważne, ale jeśli przesyłasz je w e-mailach, to narażasz je na przechwycenie przez hakerów. Bo te maile mogą być łatwe do odczytania przez niepowołane osoby, co prowadzi do nieautoryzowanego dostępu do kont. Co do kwalifikowanego podpisu cyfrowego, to on wprawdzie dodaje jakąś warstwę zabezpieczeń, ale nie szyfruje danych w trakcie ich przesyłania. Podpisy są bardziej do potwierdzania autentyczności, a nie do szyfrowania. PGP to jeszcze inna sprawa, bo to głównie służy do szyfrowania wiadomości e-mail, ale w przypadku szyfrowania połączeń w internecie nie jest to zbyt powszechne. Dużo ludzi myśli, że skoro coś jest szyfrowane, to już jest wszystko ok, ale w rzeczywistości SSL i TLS są niezbędne do zapewnienia bezpieczeństwa. Ignorowanie tego może prowadzić do sporych problemów z bezpieczeństwem.

Pytanie 23

Jakiego narzędzia w Adobe Photoshop używa się do podziału obrazu na mniejsze części w celu publikacji na stronach internetowych?

A. kanałów

B. ścieżek

C. plasterków

D. stempla

Wybór narzędzi takich jak stempel czy ścieżki do dzielenia obrazu na mniejsze kawałki to trochę nietrafiona decyzja. Stempel służy do retuszowania, czyli kopiowania fragmentów w obrębie jednego obrazu, a nie do dzielenia go. Ścieżki są bardziej do precyzyjnych selekcji i tworzenia kształtów, więc też tutaj się nie sprawdzą. Kanały dotyczą zarządzania kolorami i przezroczystością, a nie dzielenia grafiki. Błąd, który tu widzę, to pomylenie funkcji narzędzi edycyjnych z tym, co mogą zrobić w kontekście publikacji w sieci. Żeby dobrze zoptymalizować zasoby graficzne, trzeba wybrać odpowiednie narzędzia. Plasterki idealnie nadają się do tego zadania, podczas gdy stempel czy ścieżki mają zupełnie inne zastosowania.

Pytanie 24

Która linia kodu zawiera prawidłowe zastosowanie zagnieżdżonych (wewnętrznych) deklaracji CSS w dokumencie HTML?

A.	<head>… <style type="text/css">… </style> </head>
B.	<body> … <style type="text/css">... </style> </body>
C.	<head>… <link rel=stylesheet type=css href=style/style.css /> </head>
D.	<head>… <link rel="stylesheet" type="text/css" href="style/style.css" /> </head>

A. A.

B. C.

C. D.

D. B.

Umieszczanie zagnieżdżonych deklaracji CSS wewnątrz sekcji <body> dokumentu HTML jest praktyką, która wprowadza poważne problemy z wydajnością oraz organizacją kodu. Takie podejście sprawia, że przeglądarka musi przetwarzać style w momencie renderowania treści, co może prowadzić do opóźnień w wyświetlaniu strony. Z punktu widzenia standardów webowych, style powinny być umieszczane w sekcji <head>, aby mogły być załadowane i zastosowane jeszcze przed przetworzeniem elementów HTML. Przykłady umieszczania arkuszy stylów w sekcji <body> są sprzeczne z najlepszymi praktykami oraz mogą powodować konflikt z innymi stylami. Zamiast jasno określić styl elementów, kod staje się chaotyczny, co prowadzi do trudności w konserwacji i modyfikacji projektu. Kolejnym błędnym podejściem jest korzystanie z linków do zewnętrznych arkuszy stylów w miejscu zagnieżdżania. Może to powodować, że style są załadowane z opóźnieniem, co negatywnie wpływa na wrażenia użytkownika. Zrozumienie, jak i gdzie deklarować style, jest kluczowe dla prawidłowego projektowania stron internetowych oraz zgodności z obowiązującymi standardami. Warto zwrócić uwagę, że właściwe zorganizowanie kodu CSS nie tylko poprawia wydajność, ale także ułatwia zrozumienie i rozwój projektu w przyszłości.

Pytanie 25

Kluczowym elementem kodu, który zarządza aplikacją internetową, jest

A. widok

B. wzorzec

C. kontroler

D. model

Wybór widoku, modelu lub wzorca jako najważniejszej części aplikacji internetowej nie oddaje pełni ich roli w architekturze MVC. Widok odpowiada za prezentację danych użytkownikowi, ale nie ingeruje w logikę aplikacji, przez co jest mniej kluczowy w kontekście zarządzania interakcją użytkownika. Widok może być zmieniany niezależnie od logiki aplikacji, co czyni go bardziej sferą estetyczną, a nie funkcjonalną. Z kolei model zarządza danymi i ich logiką, ale jego rola jest również ograniczona do przechowywania informacji i interakcji z bazą danych. Nie decyduje on o tym, jak dane są prezentowane lub jak użytkownik wchodzi w interakcję z aplikacją. Współczesne standardy projektowania aplikacji, takie jak RESTful API, wskazują na znaczenie rozdzielenia odpowiedzialności pomiędzy te elementy, gdzie kontroler pełni rolę pośrednika. W przypadku wzorca, choć jest to ważny koncept w programowaniu, nie jest to bezpośrednio komponent aplikacji, lecz raczej sposób organizacji kodu, który może być zaimplementowany w różnych częściach architektury. Warto zauważyć, że mylenie tych elementów prowadzi do niewłaściwego zrozumienia struktury aplikacji, co może skutkować trudnościami w jej rozwijaniu i utrzymywaniu.

Pytanie 26

Obrazy umieszczane w Internecie w prezentacjach multimedialnych są zapisywane w przestrzeni kolorów

A. ProPhoto RGB

B. CMYK

C. Adobe RGB

D. sRGB

Odpowiedź sRGB jest poprawna, ponieważ standard sRGB (standard Red Green Blue) jest najczęściej używaną przestrzenią barw w Internecie i w aplikacjach multimedialnych. Został on zaprojektowany przez HP i Microsoft w celu zapewnienia spójności kolorystycznej na różnych urządzeniach, takich jak monitory, drukarki i aparaty fotograficzne. sRGB definiuje sposób, w jaki kolory są reprezentowane i odtwarzane, co jest kluczowe dla użytkowników publikujących zdjęcia online. W praktyce oznacza to, że zdjęcia zapisane w tej przestrzeni barw będą wyświetlane w sposób zbliżony na większości ekranów, co minimalizuje ryzyko nieporozumień związanych z różnicą w odwzorowaniu kolorów. W kontekście publikacji w sieci, stosowanie sRGB jest uznawane za najlepszą praktykę, a wiele platform społecznościowych automatycznie konwertuje przesyłane obrazy do tej właśnie przestrzeni. Warto pamiętać, że jeśli zdjęcia są przygotowywane do druku, należy rozważyć inne przestrzenie barw, takie jak CMYK, które są bardziej odpowiednie dla druku offsetowego.

Pytanie 27

Czynności mające na celu uzyskanie jak najwyższej pozycji strony internetowej w wynikach wyszukiwania to

A. debugowanie

B. kodowanie znaków

C. formatowanie

D. pozycjonowanie

Formatowanie to proces mający na celu nadanie odpowiedniego wyglądu elementom tekstowym w dokumentach, nie wpływa jednak na pozycjonowanie strony w wynikach wyszukiwania. W kontekście stron internetowych, formatowanie dotyczy głównie stylów CSS i układów HTML, co poprawia estetykę, ale nie ma bezpośredniego wpływu na widoczność w wyszukiwarkach. Kodowanie znaków jest związane z określeniem, jak znaki są reprezentowane w systemie komputerowym, co także nie ma bezpośredniego wpływu na SEO. Chociaż właściwe kodowanie (np. UTF-8) jest ważne dla poprawnego wyświetlania tekstów, to nie przyczynia się do poprawy pozycji w wynikach wyszukiwania. Debugowanie to proces identyfikacji i naprawy błędów w kodzie, który może wpłynąć na działanie aplikacji, ale nie jest tożsamy z działaniami optymalizacyjnymi dla wyszukiwarek. Różnica między tymi pojęciami może prowadzić do mylnych przekonań, że aspekty techniczne, takie jak formatowanie czy debugowanie, mogą poprawić ranking witryny. Właściwe zrozumienie różnic między SEO a innymi działaniami związanymi z tworzeniem i utrzymywaniem stron internetowych jest kluczowe dla skutecznej strategii marketingowej i widoczności w Internecie.

Pytanie 28

Baner internetowy skierowany do młodzieży powinien

A. zawierać animacje

B. łączyć emocje pozytywne i negatywne

C. łączyć jasne tło, intensywny kolor, mały nagłówek

D. nie wyrażać emocji

Niektóre koncepcje związane z projektowaniem banerów internetowych skierowanych do młodzieży okazują się nieefektywne lub wręcz błędne. Ignorowanie emocji w reklamie, jak sugeruje jedna z odpowiedzi, jest niezgodne z aktualnymi trendami marketingowymi. Młodzież, będąca często w fazie poszukiwania tożsamości i emocjonalnych doświadczeń, reaguje na emocjonalne przekazy. Przykładami mogą być kampanie, które odwołują się do wartości przyjaźni, akceptacji lub wolności, co jest szczególnie ważne w kontekście młodzieżowym. Pomimo że połączenie pozytywnych i negatywnych emocji może być interesującą strategią, w przypadku banerów internetowych, gdzie kluczowe jest szybkie przyciągnięcie uwagi, zbyt złożony przekaz może być mylący i prowadzić do dezorientacji. Kluczowym błędem jest także założenie, że jasne tło i mocne kolory są wystarczające do przyciągnięcia uwagi. W rzeczywistości, projekt graficzny musi być przemyślany, a dobór kolorów i elementów wizualnych musi współgrać z przesłaniem marki, a także emocjami, jakie chcemy wzbudzić w odbiorcy. Aby osiągnąć skuteczność, baner powinien nie tylko wyglądać atrakcyjnie, ale przede wszystkim być zgodny z preferencjami i zachowaniami grupy docelowej, co w przypadku młodzieży oznacza uwzględnienie nowoczesnych trendów, w tym wykorzystania animacji i interaktywnych elementów, które zwiększają zaangażowanie i zachęcają do działania.

Pytanie 29

Jaki język nie służy do tworzenia stron internetowych?

A. PHP

B. CSS

C. HTML

D. SQL

Tak, HTML, CSS i PHP to podstawowe technologie do robienia stron, ale nie można myśleć, że wszystkie języki są równie ważne w budowie interfejsu. HTML to ten język, który daje strukturę treści. CSS z kolei to odpowiedzialny za styl, czyli kolory, czcionki i układ. PHP to język skryptowy, co pozwala na dynamiczne generowanie treści w odpowiedzi na różne akcje użytkownika, więc jest dość istotny w aplikacjach webowych. Ale mylenie SQL z tworzeniem stron to błąd, bo jego główną rolą jest zarządzanie danymi w bazach. SQL pozwala na różne operacje, jak dodawanie, aktualizowanie czy usuwanie danych. Często ludzie się mylą przez brak znajomości, jak te wszystkie technologie działają razem. Ważne jest, żeby wiedzieć, które języki działają z użytkownikiem, a które ogarniają dane w tle, żeby się nie pogubić w ich zastosowaniu.

Pytanie 30

Który z wymienionych programów nie służy do projektowania stron internetowych?

A. Microsoft Expression Web

B. Adobe Photoshop

C. Pajączek

D. HotDog

Kiedy mówimy o tworzeniu stron internetowych, istotne jest zrozumienie, jakie oprogramowanie i narzędzia są przeznaczone do tego celu. Microsoft Expression Web to program, który pozwala na edytowanie kodu HTML, CSS i JavaScript oraz wspiera tworzenie układów stron, co czyni go przydatnym dla web developerów. Podobnie, Pajączek jest zintegrowanym środowiskiem programistycznym, które umożliwia edycję kodu oraz wizualizację strony, co może znacznie usprawnić proces projektowania. HotDog również wspiera proces tworzenia stron, oferując opcje zarządzania kodem oraz wsparcie dla standardów webowych. W odróżnieniu od tych narzędzi, Adobe Photoshop nie jest przeznaczony do kodowania ani do zarządzania strukturą stron internetowych. Typowym błędem myślowym jest mylenie edytorów graficznych z edytorami kodu. Programy graficzne są niezbędne do tworzenia wizualnych elementów strony, ale sama ich obecność nie wystarcza do zaprojektowania funkcjonalnej strony internetowej. Użytkownicy mogą pomylić Photoshop z narzędziem do budowy stron, co prowadzi do nieporozumień dotyczących ról, jakie poszczególne aplikacje odgrywają w procesie tworzenia strony. Stąd ważne jest, aby pamiętać, że do efektywnego tworzenia stron internetowych nie wystarczy jedynie umiejętność obsługi programów graficznych, ale także zrozumienie języków programowania oraz narzędzi dedykowanych dla web developmentu.

Pytanie 31

Jakie znaczenie ma akronim HTML?

A. Hierarchiczna struktura danych

B. Hipertekstowy język znaczników

C. Kaskadowe arkusze stylów

D. Zewnętrzne arkusze stylów

Odpowiedzi, które nie wskazują na Hipertekstowy Język Znaczników, opierają się na mylnych założeniach. Hierarchiczna struktura danych odnosi się do organizacji danych w sposób hierarchiczny, co jest bardziej związane z bazami danych lub strukturami drzewiastymi, a nie z językiem znaczników. Zewnętrzne arkusze stylów dotyczą CSS, które są stosowane do stylizacji elementów HTML, a Kaskadowe arkusze stylów to kolejna nazwa dla CSS. Te koncepcje są istotne w kontekście projektowania stron, ale nie odnoszą się do samego HTML. Często mylenie tych pojęć wynika z braku zrozumienia różnicy między strukturą a stylizacją. HTML koncentruje się na semantyce i układzie zawartości, a CSS na jej wyglądzie. Zrozumienie tych różnic jest kluczowe dla efektywnego tworzenia stron internetowych. Używanie niewłaściwych terminów może prowadzić do nieporozumień w komunikacji między programistami, co w dłuższej perspektywie obniża jakość kodu i wpływa na wydajność aplikacji internetowych. Dlatego ważne jest, aby rozwijać wiedzę na temat języków używanych w web development, aby unikać błędów i poprawnie integrować różne technologie.

Pytanie 32

W języku HTML znacznik zawiera

A. nazwę dokumentu.

B. blok informacji widocznych dopiero w momencie rozwinięcia go przez użytkownika.

C. treść dokumentu.

D. opisy i słowa kluczowe, które są wykorzystywane przez serwisy wyszukujące.

Wiele osób zaczynających naukę HTML myli się w kwestii roli znacznika <meta>, czasem zakładając, że odpowiada on za główną treść dokumentu, jego nazwę czy nawet jakieś ukryte, rozwijane fragmenty. W rzeczywistości <meta> nie służy do przechowywania widocznych elementów strony ani do nadawania jej nazw. Treść dokumentu, czyli to, co użytkownik widzi na stronie, umieszcza się w sekcji <body> za pomocą takich znaczników jak , <div>, <h1> itd. <meta> znajduje się natomiast w sekcji <head> i nigdy nie pokazuje niczego bezpośrednio użytkownikowi. Nazwę dokumentu ustala się przez <title>, a nie <meta>, co jest częstym problemem – tytuł pojawia się np. na karcie przeglądarki i jako nagłówek wyników wyszukiwania. Wersje HTML nie przewidują też żadnego mechanizmu, w którym <meta> przechowuje bloki danych rozwijane przez użytkownika – do tego służą zupełnie inne narzędzia, jak <details> czy skrypty w JavaScript. Typowy błąd to także założenie, że <meta> działa automatycznie na pozycjonowanie, podczas gdy obecnie niektóre wyszukiwarki ignorują wybrane tagi meta (np. keywords), a większą wagę przykładają do realnej treści i struktury strony. W praktyce dobre wykorzystanie <meta> polega na świadomym umieszczaniu opisów (meta description), słów kluczowych, informacji o kodowaniu czy instrukcji dla robotów, co wynika bezpośrednio ze specyfikacji HTML5. Rozumienie, gdzie umieścić <meta> i jakie dane może zawierać, jest kluczowe dla każdego, kto chce tworzyć profesjonalne i nowoczesne strony internetowe. Warto też pamiętać, że meta tagi są narzędziem dla maszyn, a nie dla końcowego użytkownika – to subtelna, ale istotna różnica, której pominięcie prowadzi do wielu nieporozumień.

Pytanie 33

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.

Wybór odpowiedzi "Czarny" lub "Żółty" jest wynikiem niepełnego zrozumienia zasad kaskadowości w CSS. W CSS, kiedy definiujemy wielokrotnie ten sam element z różnymi stylami, tylko ostatnia zdefiniowana reguła będzie miała zastosowanie, jeśli wszystkie mają tę samą specyficzność. W tym przypadku odpowiedzi te ignorują fakt, że właściwość 'color: red;' zdefiniowana później w arkuszu stylów zyskuje priorytet nad wcześniejszymi regułami. Dlatego, nawet jeśli wcześniej zdefiniowano kolor żółty i czarny, to definicja koloru czerwonego całkowicie je zastępuje. Warto zauważyć, że typowym błędem jest nieprzestrzeganie zasady kaskadowości, co prowadzi do niepoprawnych założeń na temat stylizacji elementów. Często przyczyną tych nieporozumień jest też nieznajomość działania specyfikacji CSS, która reguluje, jak style są stosowane do elementów. Zrozumienie tej zasady jest kluczowe dla prawidłowej obsługi arkuszy stylów, co w praktyce przekłada się na bardziej efektywne projektowanie i rozwój stron internetowych. Przykładem może być sytuacja, w której deweloper, nie zrozumiawszy działania kaskadowości, nieświadomie ustawia style, które są później nadpisywane przez inne reguły, co prowadzi do nieprzewidywalnych rezultatów wizualnych na stronie.

Pytanie 34

Aby zwiększyć spójność układu strony internetowej za pomocą kompozycji rytmicznej, należy wykorzystać

A. akcent.

B. kontrast.

C. dysharmonię.

D. powtórzenia.

Powtórzenia są kluczowym elementem kompozycji rytmicznej, który przyczynia się do wzmocnienia spójności strony internetowej. W projektowaniu graficznym powtórzenia mogą przyjmować różne formy, takie jak powtarzające się kolory, czcionki, ikony czy układy elementów. Dzięki tym elementom użytkownicy łatwiej zapamiętują oraz orientują się w strukturze strony. Przykładem efektywnego zastosowania powtórzeń może być strona internetowa, która konsekwentnie używa tego samego zestawu kolorów i typografii w nagłówkach, przyciskach i elementach interaktywnych. Takie podejście nie tylko poprawia estetykę strony, ale także zwiększa jej funkcjonalność poprzez ułatwienie nawigacji. W praktyce, stosując powtórzenia, projektanci mogą stworzyć bardziej harmonijną i przyjazną dla użytkownika przestrzeń, co jest zgodne z zasadami UX (User Experience) oraz z wytycznymi WCAG (Web Content Accessibility Guidelines), które podkreślają znaczenie spójności w projektowaniu. Dobrze przemyślana kompozycja rytmiczna przyczynia się do lepszego odbioru treści przez użytkowników.

Pytanie 35

W dokumencie hipertekstowym, przy pomocy znacznika , określa się

A. rozpoczęcie nagłówka dokumentu HTML

B. zakończenie dokumentu HTML

C. zakończenie nagłówka dokumentu HTML

D. rozpoczęcie dokumentu HTML

Wybór błędnych odpowiedzi świadczy o niepełnym zrozumieniu struktury dokumentu HTML. Odpowiedzi wskazujące na koniec dokumentu HTML, początek dokumentu, czy koniec nagłówka są nieprecyzyjne w kontekście roli znacznika <HEAD>. Koniec dokumentu HTML oznaczany jest przez znacznik </HTML>, co jednoznacznie definiuje, że wszystkie elementy dokumentu zostały już zdefiniowane. Z kolei początek dokumentu HTML jest sygnalizowany przez znacznik <HTML>, który wskazuje na rozpoczęcie całej struktury dokumentu. Zrozumienie, że <HEAD> dotyczy tylko nagłówka, a nie całego dokumentu, jest kluczowe. Nagłówek z kolei nie kończy się na <HEAD>, ale jest zakończony przez </HEAD>, co również może wprowadzać w błąd. Typowym błędem myślowym jest mylenie kontekstu użycia tagów w HTML - każdy znacznik ma swoją określoną funkcję i miejsce w hierarchii dokumentu. Wiedza o tym, co znajduje się w sekcji nagłówkowej, jest niezbędna do prawidłowego rozumienia, jak struktura HTML wpływa na sposób wyświetlania treści oraz na optymalizację dla wyszukiwarek. Właściwe umiejscowienie i użycie znaczników są fundamentalne dla tworzenia dobrze działających stron internetowych.

Pytanie 36

Znaczniki w teście: raz dwa trzy spowodują, że w wyświetleniu słowo dwa będzie

A. pogrubione.

B. pochylone.

C. podwyższone.

D. obniżone.

Odpowiedź "pogrubiony" jest poprawna, ponieważ znacznik w HTML służy do wyróżniania tekstu przez jego pogrubienie. W kontekście przedstawionego frazowania, tekst "dwa" otoczony znacznikiem zostanie wyświetlony w formie pogrubionej, co przyciągnie uwagę czytelnika. Pogrubienie tekstu jest często stosowane w dokumentacji technicznej, materiałach marketingowych czy prezentacjach, aby podkreślić istotne informacje. Warto zauważyć, że stosowanie odpowiednich znaczników HTML jest kluczowe dla poprawnego renderowania treści w przeglądarkach internetowych. Dobre praktyki obejmują umiejętne użycie znaczników, aby zachować czytelność i estetykę treści. Przykładowo, w artykule naukowym, pogrubienie może wskazywać na kluczowe wyniki badań, co ułatwia ich szybkie zidentyfikowanie przez czytelników.

Pytanie 37

Poniżej przedstawiono fragment kodu strony internetowej. Gdy pliki strony znajdują się na lokalnym dysku komputera PC, obrazek obraz01.jpg jest wyświetlany, natomiast po załadowaniu plików na zewnętrzny serwer – już nie. Co jest tego przyczyną?
<div class = “grafika">
<img alt = “widok ogólny" src = “obrazki\obraz01.jpg" />
</div>

A. Niewłaściwa kolejność atrybutów znacznika img.

B. To, że znacznik img nie został zamknięty.

C. Zastosowanie w ścieżce dostępu lewego ukośnika (\).

D. Ujęcie znacznika img w znacznik div.

Wybór poprawnych atrybutów i struktury kodu HTML jest kluczowy dla prawidłowego wyświetlania treści na stronach internetowych. Ujęcie znacznika img w znacznik div jest standardową praktyką w HTML i nie wpływa negatywnie na wyświetlanie obrazków. Element div często używany jest do grupowania innych elementów, co pozwala na lepszą organizację i stylizację strony. Podobnie, stwierdzenie, że znacznik img nie został zamknięty, jest błędne; w HTML5 znaczniki samodzielne, takie jak img, nie wymagają znacznika zamykającego. Co więcej, kolejność atrybutów w znaczniku img nie ma wpływu na jego działanie, o ile wszystkie wymagane atrybuty są poprawnie zdefiniowane. Kluczowym błędem myślowym jest przekonanie, że problemy z wyświetlaniem obrazków są spowodowane błędami w strukturze znaczników, zamiast zwrócenia uwagi na właściwe ścieżki dostępu. Przy przenoszeniu plików na serwer, istotne jest dostosowanie ścieżek do zgodnych z oczekiwaniami serwera, co oznacza użycie ukośnika prawego dla zapewnienia, że zasoby są prawidłowo lokalizowane. Używanie niewłaściwych ukośników może prowadzić do frustracji i problemów w trakcie publikacji stron internetowych, dlatego kluczowe jest przestrzeganie standardów webowych.

Pytanie 38

Wskaż prawidłowy zapis dotyczący tworzenia akapitów tekstu w języku HTML.

A. Pierwszy akapit. Drugi akapit.

B. Pierwszy akapit. Drugi akapit.

C. Pierwszy akapit. Drugi akapit.

D. Pierwszy akapit. Drugi akapit.

To jest właśnie prawidłowy sposób tworzenia akapitów w HTML – czyli otwierasz tag , potem umieszczasz tekst akapitu, a na końcu zamykasz tag . Tak jest to opisane w standardach HTML, które są stosowane praktycznie wszędzie, niezależnie od tego, czy robisz prostą stronę domową, czy duży portal. Moim zdaniem to jedno z podstawowych zagadnień, które warto mieć w małym palcu, bo w praktyce w kodzie HTML praktycznie każda treść dzieli się na akapity. Takie podejście pozwala przeglądarkom poprawnie zinterpretować strukturę dokumentu i wyświetlić tekst z odpowiednim odstępem pomiędzy akapitami. To też ma ogromne znaczenie dla dostępności stron – czytniki ekranu czy roboty Google lepiej „rozumieją” taka strukturę. Pewnie spotkasz się z sytuacjami, gdzie ktoś zapomni zamknąć tag albo użyje niepoprawnej składni, ale takie błędy potem powodują nieprzewidywalne efekty w wyświetlaniu. Dla porządku, najnowsze standardy HTML5 zalecają zawsze zamykać tagi, nawet jeśli przeglądarki próbują czasem zgadywać, co programista miał na myśli. W praktyce, jak piszesz Tekst, możesz być pewien, że tekst będzie traktowany jak osobny akapit i nie zagnieździ się nigdzie dziwnie.

Pytanie 39

Jak nazywa się unikalny adres, który przypisany jest do każdej opublikowanej strony oraz zasobu w sieci?

A. FTP

B. IP

C. URL

D. IMAP

IMAP, FTP i IP to terminy związane z różnymi aspektami funkcjonowania Internetu, jednak nie są one poprawnymi odpowiedziami na pytanie dotyczące adresu zasobów internetowych. IMAP, czyli Internet Message Access Protocol, to protokół używany do zarządzania wiadomościami e-mail, pozwalający na synchronizację poczty między serwerem a klientem. Nie ma on nic wspólnego z lokalizowaniem stron internetowych, co jest kluczowym aspektem URL. FTP, lub File Transfer Protocol, jest z kolei protokołem służącym do przesyłania plików pomiędzy komputerami w sieci. Umożliwia on transfer danych, ale nie identyfikuje lokalizacji zasobów w Internecie. IP, czyli Internet Protocol, odnosi się do adresowania urządzeń w sieci komputerowej. Adres IP identyfikuje jedno konkretne urządzenie, a nie zasób internetowy. Często mylenie tych terminów wynika z braku zrozumienia ich funkcji w kontekście sieci. W rzeczywistości, każdy zasób w Internecie jest lokalizowany za pomocą URL, który jest bardziej specyficzny i ukierunkowany na dostęp do konkretnych treści. Rozróżnienie tych terminów jest kluczowe w zrozumieniu podstaw funkcjonowania Internetu i jest fundamentem w nauce o sieciach komputerowych.

Pytanie 40

Wprowadzenie na stronie internetowej to jej składnik w formie

A. zaawansowanego menu strony www

B. formularza online

C. animacji wprowadzającej do serwisu internetowego

D. tekstu informacyjnego dostępnego w głównym oknie serwisu

Pojęcia związane z elementami witryn internetowych, takie jak formularze internetowe, informacje tekstowe, menu czy animacje, często mylone są w kontekście funkcji, jakie pełnią na stronach www. Formularze internetowe są narzędziem umożliwiającym użytkownikom interakcję z serwisem, np. poprzez zbieranie danych osobowych, zapisy na newslettery czy składanie zamówień. Choć są niezwykle ważne, nie są one elementem intro, lecz odrębną częścią interfejsu. Informacje tekstowe widoczne w oknie głównym serwisu są kluczowe dla przekazywania treści, ale ich rola różni się od animacji wprowadzających, które mają za zadanie wciągnąć użytkownika w wizualny i emocjonalny sposób. Dodatkowo, rozbudowane menu strony internetowej odpowiada za nawigację, a nie za wprowadzenie użytkownika w tematykę serwisu. Ostatecznie, animacje wprowadzające są zaprojektowane tak, aby skupiać uwagę użytkownika, zbudować zainteresowanie i prezentować markę w atrakcyjny sposób, co nie jest celem pozostałych wymienionych elementów. Błąd w wyborze odpowiedzi często wynika z mylnego utożsamienia różnych funkcji, które pełnią te elementy w ramach architektury informacji i doświadczeń użytkowników. Dobrze zaprojektowana strona internetowa powinna harmonijnie łączyć wszystkie te elementy, jednak każdy z nich ma swoją unikalną rolę, którą należy zrozumieć, aby skutecznie projektować interfejsy użytkownika.

Rozpocznij nowy egzamin

Powrót do strony głównej