Formatami zapisu broszury informacyjnej w postaci publikacji elektronicznej przeznaczonej do wyświetlania w internecie są
A. DWG, EPUB
B. PDF, EPUB
C. AI, PDF
D. CSV, PSD
PDF oraz EPUB to faktycznie najczęściej stosowane formaty przy publikacji broszur informacyjnych w internecie. Format PDF (Portable Document Format) zachowuje oryginalny układ graficzny dokumentu, czcionki, kolory i obrazy bez względu na system operacyjny czy urządzenie użytkownika. To sprawia, że PDF jest wręcz standardem dla wszelkich oficjalnych dokumentów, które muszą wyglądać identycznie u każdego odbiorcy – broszury reklamowe, katalogi firmowe, instrukcje. Z drugiej strony EPUB (Electronic Publication) to format stworzony z myślą o publikacjach elektronicznych typu e-book. Pozwala on na dynamiczne dopasowywanie tekstu do wielkości ekranu, co super się sprawdza na smartfonach, tabletach czy czytnikach e-booków. W praktyce, jeśli chcemy by broszura była czytana na różnych urządzeniach i dostępna szeroko w internecie, to właśnie PDF i EPUB zapewniają największą kompatybilność. Co ciekawe, coraz więcej narzędzi do publikacji online (jak Canva, Adobe InDesign) eksportuje gotowe projekty bezpośrednio do tych formatów, bo są po prostu wygodne i uniwersalne. Moim zdaniem warto znać oba – nie tylko z teorii, ale też praktyki pracy z klientem. PDF do druku i prezentacji, EPUB do czytania na urządzeniach mobilnych. To taki branżowy must-have.
Pytanie 2
Jakie programy umożliwiają tworzenie prezentacji w trybie internetowym?
A. Prezi i PowerPoint
B. LibreOffice Impress oraz Adobe Photoshop
C. Prezi Viewer oraz CorelDRAW
D. LibreOffice Impress oraz LibreOffice Writer
Prezi i PowerPoint to dwa popularne narzędzia, które umożliwiają tworzenie prezentacji online, co jest niezwykle istotne w dzisiejszym środowisku pracy zdalnej. Prezi wyróżnia się interaktywnym podejściem do prezentacji, pozwalając na tworzenie dynamicznych układów oraz nawigacji w niestrukturalny sposób, co przyciąga uwagę odbiorców. Przykładem zastosowania Prezi może być wizualizacja skomplikowanych procesów biznesowych w sposób bardziej przystępny i angażujący. Z kolei PowerPoint, będący częścią pakietu Microsoft Office, oferuje szeroką gamę szablonów, narzędzi graficznych i możliwości animacji, co sprawia, że jest to wszechstronny wybór dla wielu profesjonalistów. Dzięki synchronizacji z chmurą, obie platformy umożliwiają współpracę w czasie rzeczywistym, co znacząco zwiększa efektywność pracy zespołowej. Oba oprogramowania są zgodne z najlepszymi praktykami branżowymi w zakresie tworzenia przejrzystych i profesjonalnych prezentacji, co czyni je niezastąpionymi narzędziami w edukacji i biznesie.
Pytanie 3
Która licencja Creative Commons pozwala na dystrybucję, prezentację i wykonanie utworu zarówno w celach komercyjnych, jak i niekomercyjnych, pod warunkiem zachowania jego oryginalnej formy?
A. Uznanie autorstwa - użycie niekomercyjne (CC-BY-NC)
B. Uznanie autorstwa - bez utworów zależnych (CC-BY-ND)
C. Uznanie autorstwa - na tych samych warunkach (CC-BY-SA)
D. Uznanie autorstwa (CC-BY)
Wybrane odpowiedzi nieprawidłowo interpretują zasady licencjonowania w ramach Creative Commons. Licencja Uznanie autorstwa - na tych samych warunkach (CC-BY-SA) pozwala na modyfikację utworów oraz ich komercyjne wykorzystanie, ale wymaga, aby nowe dzieła były także licencjonowane na tych samych zasadach. To oznacza, że każdy, kto wykorzysta utwór, musi zapewnić taką samą wolność innym, co może być mylące w kontekście zachowania oryginalnej formy. Z kolei licencja Uznanie autorstwa - użycie niekomercyjne (CC-BY-NC) wprowadza dodatkowe ograniczenia, które eliminują możliwość wykorzystania dzieła w celach komercyjnych, co jest sprzeczne z wymaganiem, aby licencja umożliwiała takie działanie. Ostatecznie, licencja Uznanie autorstwa (CC-BY) nie zawiera klauzuli dotyczącej braku utworów zależnych, co oznacza, że użytkownicy mogą swobodnie modyfikować utwory, co jest przeciwieństwem tego, co oferuje CC-BY-ND. Zrozumienie tych różnic jest kluczowe dla prawidłowego wyboru licencji, aby zapewnić zgodność z intencjami twórcy i uniknąć naruszeń praw autorskich. Typowe błędy myślowe to utożsamianie wszystkich licencji Creative Commons jako równoważnych, co prowadzi do błędnych wniosków dotyczących ich zastosowań.
Pytanie 4
Autor może zamieścić w projektowanej prezentacji zdjęcie z koncertu
A. tylko po dokonaniu odpowiednich zmian na zdjęciu
B. po otrzymaniu zgody od organizatora koncertu
C. po uzyskaniu zgody osób umieszczonych na zdjęciu koncertowym
D. bez uzyskania zgody osób widocznych na zdjęciu koncertowym
Odpowiedź jest prawidłowa, ponieważ zgodnie z przepisami o ochronie danych osobowych oraz prawie do wizerunku, osoby znajdujące się na zdjęciach mają prawo decydować o tym, czy ich wizerunek może być wykorzystywany publicznie. W przypadku zdjęć z koncertu, gdzie w tle mogą pojawić się inne osoby, ich zgoda jest kluczowa. Praktyczne zastosowanie tej zasady można zaobserwować w branży fotograficznej, gdzie profesjonalni fotografowie często uzyskują podpisane zgody modela na wykorzystanie zdjęć. Warto również zaznaczyć, że w niektórych krajach istnieją przepisy dotyczące tzw. "prawo do prywatności", które jeszcze bardziej restrykcyjnie regulują kwestie związane z publikacją wizerunku osób bez ich zgody. Dlatego, aby mieć pewność, że publikacja zdjęcia nie narusza praw osób trzecich, zawsze należy uzyskać ich zgodę przed użyciem zdjęcia w jakiejkolwiek formie, w tym w prezentacjach czy materiałach promocyjnych.
Pytanie 5
Pozycjonowanie witryny internetowej to proces, który ma na celu
A. określenie parametrów animacji obiektów na stronie.
B. obróbkę graficzną zastosowanych widgetów.
C. zwiększenie widoczności strony internetowej w wynikach wyszukiwania.
D. dobór rozdzielczości elementów graficznych.
Pozycjonowanie strony internetowej, znane również jako SEO (Search Engine Optimization), jest kluczowym procesem, który ma na celu zwiększenie widoczności witryny w wynikach wyszukiwania. W praktyce oznacza to optymalizację treści, struktury strony oraz jej elementów technicznych, aby wyszukiwarki takie jak Google mogły łatwiej zindeksować stronę i lepiej ją ocenić. Przykładem efektywnego pozycjonowania jest zastosowanie słów kluczowych, które są istotne dla tematyki strony oraz częste aktualizowanie treści, co wpływa na ranking w wynikach wyszukiwania. Dobre praktyki SEO obejmują również dbanie o odpowiednią prędkość ładowania strony, optymalizację obrazów oraz zapewnienie responsywności witryny na różnych urządzeniach. Dzięki skutecznemu pozycjonowaniu, strona ma szansę na wyższą pozycję w wynikach wyszukiwania, co z kolei przekłada się na zwiększenie ruchu oraz potencjalnych klientów. Warto również zaznaczyć, że SEO to proces ciągły, wymagający regularnych analiz oraz dostosowywania strategii do zmieniających się algorytmów wyszukiwarek.
Pytanie 6
Wskaż deklaracje kodu CSS, które wyświetlą obraz "kolo.png" w sposób przedstawiony na rysunku "obraz na ekranie".
A. background-image: src="kolo.png" alt="nagłówek" height="50" width="50" repeat;
B. background-image: url(kolo.png); background-repeat : repeat;
C. background-image: url(kolo.png); background-repeat : repeat-x;
D. background-image: kolo.png; background-repeat : repeat-x;
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 7
Jakim znakiem w cudzysłowie powinna kończyć się każda instrukcja w języku skryptowym Perl?
A. :
B. .
C. ;
D. ,
Poprawna odpowiedź to znak ';', który jest wymagany do zakończenia każdej komendy w języku skryptowym Perl. W Perl każdy pojedynczy wyraz polecenia musi być zakończony średnikiem, co pozwala interpreterowi na rozróżnienie między kolejnymi instrukcjami. Na przykład, w prostym skrypcie Perl, aby zdefiniować zmienną i przypisać jej wartość, zastosujemy zapis: '$a = 10;'. Zastosowanie średnika na końcu komendy jest standardem, który zapewnia poprawność składni i umożliwia właściwe wykonanie kodu. To podejście jest zgodne z analogicznymi praktykami w wielu językach programowania, takich jak C, C++ czy Java, gdzie również stosuje się średnik do oddzielania instrukcji. Prawidłowe zrozumienie reguł składniowych Perla jest kluczowe nie tylko dla poprawnego działania skryptów, ale również dla ich czytelności i utrzymania, co jest fundamentalne w programowaniu. Dobrą praktyką jest również stosowanie czytelnych nazw zmiennych i struktur, co w połączeniu z odpowiednim formatowaniem kodu, ułatwia jego późniejszą modyfikację oraz debugowanie.
Pytanie 8
Jaką regułę stylów należy dopisać do pliku style_list.css w celu zdefiniowania klasy znaczek dla list nienumerowanych z obrazkiem znaczek_logo.gif jako znakiem wypunktowania, jeśli obrazek umieszczony jest w podkatalogu GRAFIKI katalogu z plikami stylów?
Niepoprawne odpowiedzi opierają się na niepełnym zrozumieniu zasad działania CSS i jego właściwości. Wiele osób myli koncepcję stylów dla list nienumerowanych, zakładając, że można używać ogólnych selektorów bez uwzględnienia klas. Kluczowym błędem jest brak uwzględnienia właściwej ścieżki do pliku graficznego. Ścieżka do obrazka powinna być określona w kontekście lokalizacji pliku CSS, a nie w innym kontekście, co może prowadzić do nieprawidłowego wyświetlania. Ponadto, niektóre odpowiedzi mogą zapominać o konieczności użycia odpowiedniego selektora, co skutkuje zastosowaniem stylów do wszystkich list, a nie do tych z określoną klasą. Ważne jest, aby stosować dobre praktyki, takie jak unikanie zagnieżdżania selektorów, które nie są logiczne, oraz zapewnienie, że klasy są używane w celu dokładnego targetowania elementów. Poprawne zrozumienie struktury CSS oraz zasad przypisywania stylów do poszczególnych elementów HTML jest kluczowe dla tworzenia funkcjonalnych i estetycznych stron internetowych. Chociaż dostępne odpowiedzi mogą wydawać się na pierwszy rzut oka sensowne, nie spełniają one podstawowych wymagań dotyczących struktury i prawidłowego stosowania CSS.
Pytanie 9
Wskaż parametry, które należy zdefiniować, przygotowując fotografie cyfrowe do projektu galerii internetowej.
A. Rozdzielczość 72 ppi, tryb barwny RGB.
B. Rozdzielczość 72 spi, tryb barwny CMYK.
C. Rozdzielczość 72 dpi, tryb barwny CMYK.
D. Rozdzielczość 72 lpi tryb barwny RGB.
To jest dokładnie ten zestaw parametrów, który powinien być stosowany przy przygotowaniu zdjęć do publikacji w galerii internetowej. Rozdzielczość 72 ppi (pikseli na cal) jest uznawana za standardową dla grafiki wyświetlanej na ekranach komputerów czy urządzeń mobilnych – to w zupełności wystarcza, żeby zdjęcia wyglądały ostro i nie zajmowały zbyt wiele miejsca, co przekłada się na szybsze ładowanie strony. Z mojego doświadczenia, jeśli użyjemy wyższej rozdzielczości, zdjęcia będą większe i obciążą serwer, a przecież użytkownik nawet nie zauważy różnicy. Tryb barwny RGB to absolutna podstawa w kontekście internetu – większość ekranów obsługuje właśnie ten przestrzeń barwną, więc kolory pozostaną takie, jak zamierzono. W praktyce, wszystkie popularne programy graficzne domyślnie ustawiają tryb RGB dla plików przeznaczonych do sieci. Z kolei CMYK to tryb dedykowany do druku i tu zupełnie się nie sprawdzi. Co ciekawe, czasem spotykam się z opinią, że trzeba wyżej ustawić rozdzielczość, ale to tylko marnuje miejsce na dysku. No i warto pamiętać, by zapisywać zdjęcia w formatach takich jak JPEG czy PNG, bo te najczęściej są obsługiwane przez przeglądarki. Tak więc – 72 ppi i RGB to taki internetowy złoty standard.
Pytanie 10
Który z poniższych systemów nie jest systemem zarządzania treścią?
A. Drupal
B. Wordpress
C. Joomla
D. Teams
Teams jest platformą do współpracy, która koncentruje się na komunikacji i pracy zespołowej, oferując funkcje takie jak czaty, wideokonferencje oraz integrację z innymi aplikacjami. Nie jest to system zarządzania treścią (CMS), który służy do tworzenia, edytowania i publikowania treści na stronach internetowych. W przeciwieństwie do platform CMS, takich jak Drupal, Joomla i WordPress, które umożliwiają zarządzanie treściami w sposób zorganizowany i strukturalny, Teams nie oferuje dedykowanych narzędzi do tworzenia treści w kontekście stron internetowych. Przykładowo, Drupal pozwala na budowanie złożonych stron internetowych z różnymi typami treści, podczas gdy Teams skupia się na udostępnianiu informacji w ramach zamkniętej grupy użytkowników.
Pytanie 11
Który z programów jest przeznaczony do projektowania stron WWW?
A. Adobe Premiere
B. Adobe Dreamweaver
C. Adobe Lightroom
D. Adobe Illustrator
Zarówno Adobe Illustrator, jak i Adobe Lightroom oraz Adobe Premiere to programy zaprojektowane do zupełnie innych celów niż tworzenie stron internetowych. Illustrator jest narzędziem do grafiki wektorowej, które służy głównie do projektowania ilustracji, logotypów czy materiałów marketingowych, a nie do budowy stron. Użytkownicy często mylą te aplikacje, myśląc, że mogą używać ich do tworzenia stron, podczas gdy w rzeczywistości są one bardziej odpowiednie do projektowania elementów wizualnych, które mogą być później używane na stronach, lecz nie do ich budowy. Lightroom to aplikacja do obróbki zdjęć, która wspiera fotograficzne aspekty pracy nad wizualnym contentem, ale nie oferuje funkcji związanych z kodowaniem czy rozwijaniem stron internetowych. Z kolei Premiere to program przeznaczony do montażu filmów, który nie ma żadnych zastosowań w kontekście web developmentu. Te błędne założenia mogą prowadzić do nieporozumień, ponieważ użytkownicy mogą myśleć, że każdy program graficzny lub do edycji wideo może być wykorzystywany do tworzenia witryn internetowych. Ważne jest, aby rozumieć, że tworzenie stron wymaga nie tylko umiejętności projektowania, ale również znajomości kodowania oraz zarządzania treścią online, co jest domeną dedykowanych narzędzi takich jak Adobe Dreamweaver.
Pytanie 12
W celu uzyskania widoku przedstawionego na ilustracji należy wybrać w przeglądarkach internetowych Mozilla Firefox lub Google Chrome polecenie
A. zbadaj element lub zbadaj.
B. pobrane pliki lub pobrane.
C. znajdź na tej stronie lub znajdź.
D. edycja lub edytuj.
Odpowiedź "zbadaj element" jest prawidłowa, ponieważ umożliwia dostęp do narzędzi deweloperskich przeglądarek internetowych, które są niezbędne do analizy i debugowania stron WWW. Narzędzia te pozwalają na podgląd struktury HTML, CSS oraz JavaScript, co jest niezwykle istotne dla programistów i projektantów stron. W Mozilla Firefox opcja "zbadaj element" umożliwia użytkownikom wybieranie elementów na stronie, co daje możliwość analizy ich właściwości oraz zrozumienia, jak działają różne style i skrypty. W przypadku Google Chrome, funkcja "zbadaj" działa na podobnej zasadzie, oferując także dodatkowe narzędzia, takie jak monitorowanie wydajności, inspekcja zasobów i analiza ruchu sieciowego. W praktyce, korzystając z tych narzędzi, możemy identyfikować problemy z responsywnością, sprawdzać poprawność implementacji, a także przeprowadzać testy A/B, co jest zgodne z najlepszymi praktykami w zakresie tworzenia stron internetowych.
Pytanie 13
Przedstawiony na ilustracji szablon kompozycji graficznej układu strony internetowej to
A. layout.
B. wakat.
C. plugin.
D. glif.
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 14
Jakie są następne kroki w tworzeniu galerii internetowych?
A. edycja i katalogowanie zdjęć, działania webmasterskie, prace programistyczne, testy, publikacja, aktualizacja
B. nabycie wybranych zdjęć, testowanie funkcji strony, optymalizacja i walidacja, publikacja, weryfikacja poprawności witryny, prace programistyczne
C. tworzenie fotografii, hosting, dobór szablonu, pozycjonowanie, publikacja
D. masowa obróbka zdjęć, testy prędkości ładowania galerii, publikacja, działania programistyczne, optymalizacja
Wszystko, co napisałeś o edycji i skatalogowaniu zdjęć, pracach webmasterskich, programistycznych, testach, publikacji oraz aktualizacji, jest naprawdę trafne. Na początku trzeba przygotować i uporządkować zdjęcia, bo to wpływa na jakość całej galerii i to, jak ją odbierają użytkownicy. Prace webmasterskie to z kolei zarządzanie treścią i SEO – ważne, żeby łatwo było znaleźć stronę w wyszukiwarkach. Programowanie jest istotne, bo to wokół funkcji strony kręci się cała zabawa. Testowanie, w moim doświadczeniu, to kluczowy krok – musisz być pewien, że strona działa na różnych urządzeniach. Publikacja to moment, w którym strona w końcu staje się dostępna, a aktualizacje są po prostu konieczne, żeby treści nie zestarzały się. Generalnie, warto trzymać się dobrych praktyk, jak responsywność czy UX, bo to poprawia wrażenia użytkowników.
Pytanie 15
Do bezprzewodowego przesyłania materiału wideo z telefonu na komputer nie używa się
A. Wi-Fi Direct.
B. sieci Ethernet.
C. sieci WiFi.
D. Bluetooth.
Wybrałeś sieć Ethernet jako technologię, której nie używamy do bezprzewodowego przesyłania wideo z telefonu na komputer, i dobrze, bo Ethernet to standard przewodowy. Kabel z końcówką RJ-45 i gniazdo sieciowe – to podstawa Ethernetu. Połączenie telefon – komputer przez Ethernet fizycznie wymaga kabla, a telefony komórkowe praktycznie nie mają portów RJ-45, bo to nie ta epoka. W praktyce, przesyłanie wideo ze smartfona na komputer opiera się niemal wyłącznie na rozwiązaniach bezprzewodowych: WiFi, Wi-Fi Direct czy Bluetooth. WiFi, czyli komunikacja przez sieć bezprzewodową, umożliwia szybki transfer danych i jest powszechnie używana przy streamingu, np. Miracast, AirPlay czy aplikacje jak VLC. Wi-Fi Direct to trochę taka sieć WiFi, ale bez routera – urządzenia dogadują się bezpośrednio, a prędkości są wystarczające nawet do przesyłania obrazu HD. Bluetooth też pozwala na przesył plików, choć jego przepustowość jest raczej za mała na wideo w dobrej jakości, ale wciąż – jest to komunikacja bezprzewodowa. Ethernet za to, z mojego doświadczenia, przydaje się raczej do połączeń szybkich i stabilnych, ale tylko przewodowych, choć czasem można spotkać adaptery do telefonów, ale do streamingu wideo z telefonu na komputer i tak się ich nie używa. Także, ogólnie rzecz biorąc, wybór Ethernetu jako tej nieużywanej technologii do bezprzewodowego transferu jest zgodny z realiami technicznymi i dobrymi praktykami branży IT.
Pytanie 16
Czynności mające na celu uzyskanie jak najwyższej pozycji strony internetowej w wynikach wyszukiwania to
A. debugowanie
B. pozycjonowanie
C. kodowanie znaków
D. formatowanie
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 17
Które narzędzie programu Adobe Photoshop umożliwia podział layoutu zapisanego w formacie PSD na elementy edytowalne w kodzie HTML?
A. Pióro.
B. Kadrowanie.
C. Zaznaczenie prostokątne.
D. Cięcie na plasterki.
W przypadku pracy nad layoutem w Photoshopie, często pojawia się pokusa użycia narzędzi takich jak Pióro, Kadrowanie czy Zaznaczenie prostokątne, bo są bardzo uniwersalne i przydają się w codziennej obróbce grafiki. Jednak żadne z tych narzędzi nie zostało stworzone z myślą o bezpośrednim przygotowaniu layoutu PSD do eksportu na potrzeby kodowania HTML. Pióro jest świetne do precyzyjnego rysowania ścieżek, wycinania skomplikowanych kształtów czy tworzenia masek, ale nie ma funkcji dzielenia projektu na segmenty gotowe do eksportu. Kadrowanie natomiast służy raczej do zmiany wymiarów całej kompozycji lub przycinania obrazu do określonego rozmiaru, co może być mylące w kontekście fragmentacji layoutu – ktoś może pomyśleć, że wystarczy wykadrować kilka razy różne fragmenty i po sprawie, ale to bardzo nieefektywne i łatwo popełnić błędy, tracąc spójność projektu. Zaznaczenie prostokątne również może wydawać się pomocne, bo pozwala selekcjonować fragmenty obrazu, jednak nie daje ci automatycznego eksportu wszystkich zaznaczonych fragmentów jako osobnych plików – musisz ręcznie kopiować, wklejać na nowe warstwy i zapisywać każdy element, co jest bardzo czasochłonne i podatne na pomyłki. Z mojego doświadczenia te podejścia często prowadzą do niepotrzebnego bałaganu, duplikatów plików albo niespójnych rozmiarów elementów. Jeśli chodzi o dobre praktyki webowe, branża dawno odeszła od ręcznego wycinania każdego fragmentu i poleca korzystać z narzędzi, które automatyzują ten proces, zapewniając precyzję i porządek. Właśnie dlatego narzędzie „Cięcie na plasterki” zostało stworzone – żeby zoptymalizować workflow projektanta i programisty oraz zachować spójność całego procesu konwersji PSD do HTML. Jeżeli chcesz przygotować layout szybko, sprawnie i zgodnie ze standardami, pójście w kierunku innych narzędzi niż cięcie na plasterki jest po prostu nieefektywne i przeważnie kończy się frustracją.
Pytanie 18
Który znacznik HTML pozwala na dodanie grafiki do strony internetowej?
A. <map>
B. <input>
C. <select>
D. <img>
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 19
Aby wyróżnić tekst, wyświetlając go na żółtym tle, jaki znacznik należy zastosować?
A. <del>
B. <mark>
C. C.
D. <small>
Znacznik <mark> to fajne narzędzie w HTML, bo pozwala wyróżnić istotne fragmenty tekstu. Można dzięki niemu podświetlić ważne informacje, na przykład na żółtym tle, co na pewno przyciąga wzrok. Kiedy używasz <mark>, to czytelnicy łatwiej zauważają kluczowe punkty, co jest super przydatne w różnych dokumentach, artykułach czy nawet podczas prezentacji. Używanie semantycznych znaczników to dobry pomysł, bo dzięki temu strona jest bardziej zrozumiała, a także bardziej przyjazna dla osób z różnymi potrzebami. Czytniki ekranowe bardzo cenią sobie takie podejście. Warto pamiętać, że standardy W3C promują używanie znaczników, które mają znaczenie w kontekście treści, więc <mark> na pewno jest praktycznym narzędziem do tworzenia dostępnych stron.
Pytanie 20
Jeśli na stronie internetowej, gdzie umieszczone są prezentacje multimedialne, widnieje zapis Wszelkie prawa zastrzeżone, to co to oznacza?
A. informacje zawarte na stronie nie mogą być wykorzystywane bez zgody twórcy
B. informacje umieszczone na stronie mogą być wykorzystywane bez zgody twórcy
C. prezentacje mogą być udostępnione jedynie po zarejestrowaniu się
D. prezentacje są chronione hasłem
Oznaczenie <i>Wszelkie prawa zastrzeżone</i> 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 21
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. Zielony.
C. Czarny.
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 22
Jakie rodzaje stron internetowych są zoptymalizowane do prawidłowego wyświetlania na ekranach różnych urządzeń, takich jak: monitor komputera, laptop, tablet czy smartfon?
A. Informacyjne
B. Interaktywne
C. Responsywne
D. Statyczne
Odpowiedź 'responsywne' jest poprawna, ponieważ strony responsywne są projektowane w taki sposób, aby automatycznie dostosowywały się do rozmiaru ekranu urządzenia, na którym są wyświetlane. Umożliwia to optymalne doświadczenie użytkownika, niezależnie od tego, czy korzysta on z komputera stacjonarnego, laptopa, tabletu czy smartfona. W praktyce oznacza to, że elementy takie jak tekst, obrazy i przyciski zmieniają swoje układ i rozmiar w odpowiedzi na różne rozdzielczości ekranu. Wytyczne wypracowane przez World Wide Web Consortium (W3C) oraz zasady projektowania opartego na siatce (grid-based design) są podstawą tworzenia takich stron. Przykładem mogą być witryny sklepów internetowych, gdzie responsywność jest kluczowa, umożliwiając zakupy na różnych urządzeniach, co przekłada się na wyższą konwersję i lepsze doświadczenie klienta. Ponadto użycie technologii CSS3, takich jak media queries, jest standardem w responsywnym projektowaniu, co zapewnia elastyczność i funkcjonalność stron w różnych kontekstach użytkowych.
Pytanie 23
Grafika cyfrowa stworzona w rozdzielczości 72 ppi powinna znaleźć zastosowanie w
A. wydruku plakatów w formacie A2
B. wydruku przestrzennego 3D
C. publikacji internetowej
D. publikacji książkowej
Odpowiedź 'publikacja internetowa' jest poprawna, ponieważ projekty graficzne zdigitalizowane w rozdzielczości 72 ppi (pikseli na cal) są odpowiednie do wykorzystania głównie w mediach elektronicznych. Rozdzielczość ta jest wystarczająca dla wyświetlania na ekranach komputerów, tabletów i smartfonów, gdzie obraz jest renderowany w pikselach. W przypadku publikacji internetowych, takich jak strony internetowe, blogi czy media społecznościowe, nie ma potrzeby stosowania wyższej rozdzielczości, ponieważ ekran nie potrafi wyświetlić większej liczby szczegółów. Standardowe praktyki branżowe wskazują, że dla druku, zwłaszcza w formacie książek lub plakatów, zaleca się wyższą rozdzielczość, zazwyczaj 300 ppi, aby zapewnić odpowiednią jakość i ostrość obrazu. Przykładem zastosowania 72 ppi mogą być grafiki na stronach internetowych czy banerach reklamowych, gdzie szybkość ładowania strony i estetyka są kluczowe. Ważne jest, aby projektanci rozumieli różnice w wymaganiach dotyczących rozdzielczości, aby dostarczyć odpowiednie pliki graficzne w zależności od medium, w którym będą one prezentowane.
Pytanie 24
Jakie są zewnętrzne arkusze stylów dla języka HTML?
A. JAVA
B. PHP
C. BASIC
D. CSS
CSS, czyli Cascading Style Sheets, to standardowy język używany do opisywania wyglądu dokumentów HTML. Umożliwia on oddzielenie treści od prezentacji, co jest zgodne z najlepszymi praktykami w tworzeniu stron internetowych. Dzięki CSS można zdefiniować kolory, czcionki, układ i inne aspekty wizualne elementów strony. Przykłady zastosowania CSS obejmują tworzenie responsywnych layoutów, które dostosowują się do różnych rozmiarów ekranów oraz implementację animacji i efektów wizualnych, które poprawiają interaktywność strony. Standardy CSS są regularnie aktualizowane przez W3C, co zapewnia zgodność z nowoczesnymi technologiami i przeglądarkami. Używając CSS, deweloperzy mogą tworzyć bardziej zorganizowany i łatwiejszy do zarządzania kod, co sprzyja lepszej wydajności oraz łatwiejszemu utrzymaniu projektów webowych. Warto także wspomnieć o preprocessory, takie jak SASS czy LESS, które rozszerzają możliwości CSS, oferując zaawansowane funkcje, takie jak zmienne i zagnieżdżanie selektorów, co ułatwia pracę nad bardziej złożonymi projektami.
Pytanie 25
Aby zmienić krój pisma w pliku CSS, należy dostosować właściwość
A. font
B. font-size
C. font-variant
D. font-family
Odpowiedzi, które wskazują na inne właściwości związane z typografią, mogą prowadzić do nieporozumień na temat ich rzeczywistych funkcji. 'Font-variant' jest właściwością, która służy do kontrolowania wyświetlania tekstu w różnych wariantach, takich jak małe litery czy wersaliki, ale nie zmienia samego kroju pisma. Użycie tej właściwości nie wpłynie na wybór czcionki, a jedynie na jej stylistyczne aspekty. Kolejną właściwością, 'font-size', odpowiedzialną jest za ustalanie wielkości czcionki, co również nie wpływa na wybór kroju, lecz jedynie na jego wymiary. Z kolei 'font' jest skrótem dla zestawu właściwości dotyczących czcionki i może zawierać zarówno 'font-size', jak i 'font-family', ale nie jest to optymalny sposób na samodzielną zmianę kroju pisma, szczególnie w kontekście zapewnienia czytelności i dostępności. Dlatego kluczowe jest zrozumienie, że aby zmienić krój pisma, należy używać 'font-family', która jest dedykowana do tego celu i pozwala na dokładną kontrolę nad stylem tekstu. W kontekście dobrych praktyk, warto unikać stosowania nieprecyzyjnych lub zbyt ogólnych właściwości, które nie realizują głównego celu zmiany kroju pisma, a zamiast tego skupić się na właściwości, która ma bezpośredni wpływ na wygląd tekstu, a więc na 'font-family'.
Pytanie 26
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
Często spotyka się błędne myślenie, że GIF nadaje się do grafiki wektorowej, ale to nieprawda. Wektorowa grafika działa na zupełnie innych zasadach, bo jest tworzona za pomocą matematycznych obiektów. Dzięki temu można ją skalować bez straty jakości, a GIF to format rastrowy, gdzie mamy do czynienia z siatkami pikseli. Używanie GIF-ów do wektorowej grafiki to trochę jak robienie spaghetti w pralce – nie wyjdzie. No i trzeba pamiętać, że GIF ma ograniczoną paletę kolorów, więc nie odda pełnej palety barw w bardziej złożonych obrazach. Kiedy ktoś myli GIF z formatami do grafiki wektorowej, takimi jak SVG, to mogą pojawić się niezłe nieporozumienia. Praktyka w grafice wymaga, żeby znali różnice między tymi formatami, jeśli chcą wykorzystać ich najlepsze cechy w swoich projektach.
Pytanie 27
Atrybut odpowiada za
A. styl kroju pisma.
B. rozmiar czcionki.
C. odmianę kroju pisma.
D. grubość czcionki.
Wiele osób myli pojęcia związane z typografią cyfrową, bo faktycznie brzmią one podobnie, a w praktyce oznaczają różne rzeczy. Kiedy mamy do czynienia z atrybutem <font-size>, nie dotyczy on stylu kroju pisma, grubości ani odmiany, tylko wyłącznie wielkości liter. Styl kroju pisma kontroluje się poprzez font-style (np. normal, italic, oblique), natomiast grubość czcionki to już zupełnie inny atrybut – font-weight, który pozwala ustawić np. bold czy light. Odmiana kroju, czyli tzw. font-variant, odpowiada za takie efekty jak kapitaliki (small-caps) i inne wariacje w obrębie tej samej rodziny fontów. To całkiem często spotykany błąd, że ktoś patrząc na nazwę „font-size” myśli od razu o kompletnym wyglądzie tekstu, podczas gdy chodzi tylko o rozmiar, czyli określenie, jak duże będą znaki wyświetlane na ekranie lub wydruku. W praktyce, pomieszanie tych pojęć prowadzi do frustracji, bo można próbować zmieniać np. grubość tekstu przez font-size i nic się nie dzieje – wtedy warto wrócić do podstaw CSS i sprawdzić, jakie właściwości odpowiadają za które aspekty typografii. Moim zdaniem bardzo ważne jest, żeby od początku mieć rozdzielone w głowie te funkcje, tym bardziej że w profesjonalnych projektach często miksuje się kilka atrybutów naraz: font-size dla wielkości, font-weight dla grubości, font-style dla kursywy, a jeszcze inne dla wariantów czy rodzin krojów. Ogólnie mówiąc, każde z tych ustawień służy czemu innemu i choć razem tworzą końcowy efekt, trzeba je stosować zgodnie z ich przeznaczeniem, żeby osiągnąć zamierzony rezultat wizualny. Warto też wiedzieć, że światowa specyfikacja CSS jasno rozróżnia te właściwości, więc przy pracy z kodem trzymanie się tej nomenklatury daje porządek i przewidywalność efektów.
Pytanie 28
CC-NC to licencja pozwalająca na
A. korzystanie z materiałów prywatnie, w celach komercyjnych oraz bez konieczności podawania autora
B. używanie materiałów komercyjnie jedynie po zgonie autora
C. dowolne dysponowanie materiałem, lecz wyłącznie w celach niekomercyjnych
D. swobodne używanie udostępnionych materiałów, jednak z obowiązkiem podania autora
Oznaczenie CC-NC, czyli Creative Commons NonCommercial, często mylone jest z pełną swobodą użytkowania materiałów albo z brakiem konieczności wskazywania autora. To błąd, bo NC wyraźnie ogranicza prawo do korzystania do tzw. zastosowań niekomercyjnych. W praktyce oznacza to, że materiały można kopiować, remiksować, udostępniać czy nawet przerabiać, ale nie wolno na nich zarabiać ani używać ich do celów reklamowych, sprzedażowych czy promocji odpłatnych usług. Jeśli ktoś uzna, że wystarczy podać autora i można używać dowolnie – to nie do końca tak działa, bo samo NC nie zawiera wymogu podania autora (za to odpowiada oznaczenie BY). Spotkałem się też z przekonaniem, że można wykorzystywać takie treści komercyjnie po śmierci autora, ale prawa autorskie według polskiego prawa wygasają dopiero 70 lat po śmierci twórcy, niezależnie od warunków licencji. Kolejny błąd, często powtarzany, to przekonanie, że materiały CC-NC można używać komercyjnie, jeśli jest to w celach prywatnych – co logicznie się wyklucza. Licencja ta nie pozwala w żadnym przypadku na wykorzystanie w działalności zarobkowej, nawet jeśli odbywa się to u osoby fizycznej. Branża IT i świat kreatywny bardzo tego pilnują; wielokrotnie widziałem przypadki, gdzie nieświadome użycie CC-NC w komercyjnych projektach prowadziło do poważnych sporów prawnych. Największym problemem jest nadinterpretacja pojęcia „niekomercyjny” – dla niektórych osób granica jest niejasna, ale zgodnie z praktyką międzynarodową każda forma czerpania korzyści majątkowych, nawet pośrednia, łamie warunki NC. Podsumowując – zawsze trzeba dokładnie analizować symbole licencji CC i nie sugerować się domysłami, jak można używać dany utwór.
Pytanie 29
Jakie odcienie powinny zostać uwzględnione w układzie strony internetowej opracowywanej w oparciu o kolory podstawowe?
A. Fioletowy, pomarańczowy, zielony
B. Fioletowy, czarny, biały
C. Czerwony, żółty, niebieski
D. Czerwony, fioletowy, pomarańczowy
Poprawna odpowiedź to czerwony, żółty, niebieski, ponieważ są to kolory podstawowe w teorii koloru. W kontekście projektowania stron internetowych, wykorzystanie tych kolorów jako bazowych pozwala na łatwe tworzenie palety barwnej, która jest harmonijna i estetyczna. Barwy podstawowe są fundamentem dla tworzenia innych kolorów, co daje projektantom dużą elastyczność w dopasowywaniu odcieni do specyfikacji wizualnych projektu. Na przykład, czerwony może być użyty jako kolor akcentujący, żółty dodaje energii i optymizmu, a niebieski wprowadza spokój i profesjonalizm. Stosowanie kolorów podstawowych jest zgodne z zasadami kontrastu i kompozycji, co jest kluczowe dla czytelności i użyteczności strony. Warto również zaznaczyć, że zgodnie z teorią Gestalt, harmonijna kompozycja kolorów wpływa na percepcję i zachowanie użytkowników, co jest istotne przy projektowaniu interaktywnych elementów na stronach internetowych.
Pytanie 30
W jakim przypadku oba odkrycia w kodzie HTML reprezentują ten sam kolor?
A. rgb(128, 255, 0); #ff8000
B. yellow; #ffff00
C. purple; #ff00ff
D. green; rgb(0, 255, 0)
Wybór którejkolwiek z pozostałych odpowiedzi jest błędny, bo każdy z tych zapisów odnosi się do innego koloru, co ma znaczenie przy kodowaniu w HTML i CSS. Zrozumienie kolorów w CSS wymaga znajomości różnych formatów ich zapisu. Na przykład 'green; rgb(0, 255, 0)' to zielony, z maksymalną intensywnością zielonego i brakiem czerwonego oraz niebieskiego. Wartości RGB są spoko, ale mogą być mylące, jak nie znasz dokładnych odcieni. Z kolei 'purple; #ff00ff' to fioletowy, a 'rgb(128, 255, 0); #ff8000' oznacza dwa różne kolory. W praktyce warto korzystać z narzędzi do wyboru kolorów, które pomagają w wizualizacji i porównywaniu kolorów, żeby lepiej dobrać paletę kolorów w projekcie. Pamiętaj, że dobór kolorów ma ogromne znaczenie dla estetyki czy użyteczności interfejsów, więc warto poświęcić czas na naukę ich reprezentacji.
Pytanie 31
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. W deklaracji !DOCTYPE brak jest odniesienia do definicji typu dokumentu (DTD).
B. Znacznika <blockquote> nie można użyć wewnątrz znaczników <td></td>.
C. Brakuje znacznika <meta> i jego atrybutów.
D. Brakuje znaczników <heading> <article> <nav> <aside> <footer>.
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 32
Jakie parametry obrazu cyfrowego należy wykorzystać do stworzenia internetowej galerii zdjęć?
A. RGB, 72 ppi
B. CMYK, 150 ppi
C. CMYK, 72 ppi
D. LAB, 300 ppi
Odpowiedź 'RGB, 72 ppi' jest prawidłowa, ponieważ RGB jest modelem kolorów idealnym do zastosowań w sieci, z uwagi na to, że wiele urządzeń wyświetlających, takich jak monitory komputerowe i smartfony, używa tego modelu. Rekomendowana rozdzielczość 72 ppi (pikseli na cal) z kolei jest standardem dla obrazów wyświetlanych w internecie. Rozdzielczość ta zapewnia akceptowalną jakość wizualną przy jednoczesnym ograniczeniu rozmiaru pliku, co jest kluczowe dla szybkiego ładowania stron internetowych. W praktyce, przygotowując zdjęcia do galerii internetowej, warto także zastosować kompresję JPEG, co dodatkowo zmniejszy objętość plików bez znaczącej straty jakości. Omijanie formatu CMYK, który jest stosowany głównie w druku, jest istotne, ponieważ obrazy RGB są lepiej dostosowane do wyświetlania na ekranach. Przykładowo, stworzenie galerii zdjęć z użyciem RGB i 72 ppi pozwala na efektywne zarządzanie zasobami oraz lepsze wrażenia użytkowników, co jest zgodne z najlepszymi praktykami webowymi.
Pytanie 33
Który panel należy wybrać w kokpicie Wordpress, aby zmienić layout graficzny strony?
A. Wygląd.
B. Media.
C. Wtyczki.
D. Narzędzia.
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ść).
Pytanie 34
Jakie produkty można stworzyć korzystając z programu Adobe Dreamweaver?
A. Druki reklamowe
B. Arkusze kalkulacyjne
C. Aplikacje internetowe
D. Zrastrowane ilustracje
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 35
W zewnętrznym arkuszu stylów, który jest powiązany z określoną stroną www, znajduje się zapis: img {border : 3px solid black ; margin: 20px}, natomiast w wewnętrznym arkuszu stylów tej strony: img {border-color : red}. Jeśli w sekcji body zostanie umieszczony tekst: <img src = "obrazki/fotol9.jpg" style = "margin: 15px" /> to obrazek foto19.jpg zostanie wyświetlony z
A. czerwoną ramką oraz marginesem 15 pikseli
B. czarną ramką oraz marginesem 15 pikseli
C. czerwoną ramką oraz marginesem 20 pikseli
D. czarną ramką oraz marginesem 20 pikseli
Twoja odpowiedź jest trafna! Wiem, że korzystając z wewnętrznego arkusza stylów (CSS), zmieniasz kolor ramki na czerwony. A jak zewnętrzny arkusz ustawiał właściwości dla obrazków, takie jak szerokość ramki czy marginesy, to lokalne style mają wyższy priorytet. Więc gdy w <img> dodasz style='margin: 15px', to margines będzie wynosił 15 pikseli, a ramka na pewno pozostanie czerwona. To wszystko mówi nam o tym, jak ważne jest zrozumienie kaskadowego działania stylów i jak to wpływa na wygląd elementów. Z mojego doświadczenia, dobrze mieć porządek w arkuszach i unikać konfliktów między stylami. Zastosowanie systematycznego nazewnictwa naprawdę pomaga.
Pytanie 36
Narzędziem koniecznym do stworzenia projektu witryny internetowej w programie Adobe Photoshop jest
A. pióro
B. cięcie na plasterki
C. zaznaczanie
D. próbkowanie kolorów
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 37
Zdjęcia, które mają być umieszczone na stronie internetowego sklepu, powinny mieć
A. maksymalny rozmiar pliku
B. zintegrowaną dodatkową paletę kolorów
C. zainstalowany dedykowany plug-in
D. minimalny rozmiar pliku
Wybór opcji "jak najmniejszy rozmiar pliku" jest kluczowy dla efektywności działania sklepu internetowego. Zmniejszenie rozmiaru plików graficznych wpływa na szybkość ładowania strony, co jest istotnym czynnikiem w doświadczeniu użytkownika oraz pozycji w wynikach wyszukiwania. Zgodnie z wytycznymi Google, strony ładujące się szybciej mają większe szanse na lepsze pozycjonowanie w wynikach wyszukiwania. Praktyczne zastosowania tej wiedzy obejmują kompresję zdjęć przy użyciu narzędzi takich jak TinyPNG czy ImageOptim, które zmniejszają rozmiar grafik bez zauważalnej utraty jakości. Dodatkowo, korzystanie z odpowiednich formatów plików, takich jak JPEG dla zdjęć i PNG dla grafik z przezroczystością, również przyczynia się do optymalizacji. Warto również pamiętać o responsywności grafik, co oznacza, że obrazy powinny być dostosowane do różnych rozmiarów ekranów, co z kolei wpływa na szybkość ładowania oraz oszczędność danych użytkowników mobilnych. Zastosowanie tych praktyk nie tylko poprawia wydajność strony, ale także zwiększa satysfakcję klientów, co w efekcie prowadzi do lepszych wyników sprzedażowych.
Pytanie 38
Na prędkość ładowania strony internetowej najmniejszy wpływ ma
A. kolorystyka strony
B. ilość elementów multimedialnych zawartych na stronie
C. szybkość serwera, na którym umieszczono stronę
D. wybór przeglądarki internetowej
Kolorystyka strony ma znikomy wpływ na szybkość jej wczytywania, co czyni tę odpowiedź poprawną. Szybkość ładowania stron internetowych jest przede wszystkim związana z ilością i wielkością zasobów, które muszą być pobrane przez przeglądarkę, takich jak obrazy, skrypty czy style CSS. W praktyce oznacza to, że wybór kolorystyki, który nie wymaga dodatkowych zasobów graficznych (np. użycie jednolitych kolorów zamiast dużych grafik), nie wpływa na czas ładowania. Standardy webowe, takie jak Web Performance Optimization (WPO), podkreślają znaczenie optymalizacji zasobów, a nie estetyki strony. Warto również zauważyć, że dobre praktyki projektowania responsywnego mogą pomóc w minimalizowaniu wpływu elementów wizualnych na wydajność, co pokazuje, jak można projektować z myślą o efektywności.
Pytanie 39
Aby ułatwić interpretację treści w publikacji online, w zgodzie z zasadami typografii internetowej, w jednej linii może znajdować się
A. 25 znaków
B. 55 znaków
C. 37 znaków
D. 95 znaków
Odpowiedzi "25 znaków", "37 znaków" oraz "95 znaków" nie są poprawne z perspektywy typografii internetowej. Odpowiedź z wartością 25 znaków jest zbyt krótka, co może prowadzić do rozdrobnienia tekstu, a tym samym obniżenia jego spójności i czytelności. Takie podejście sprawia, że czytelnik może mieć trudności z przyswajaniem informacji, ponieważ zbyt mała liczba znaków w linii zmusza do częstszego skanowania wzrokiem, co w rezultacie może powodować zmęczenie. Z kolei 37 znaków jest również niewystarczające, aby tekst był odpowiednio płynny i angażujący; nie daje to czytelnikowi możliwości zanurzenia się w treści. Zbyt krótka długość linii ogranicza również kontekst, który może być przekazywany w danym zdaniu, co jest niezbędne do pełnego zrozumienia tematu. Odpowiedź "95 znaków" z drugiej strony przekracza optymalny zakres, co może prowadzić do tzw. efektu zmęczenia wzroku. Długie linie tekstu są znacznie trudniejsze do śledzenia w linii wzroku, co może prowadzić do zgubienia kontekstu oraz zmniejszenia efektywności przyswajania treści. Warto zwrócić uwagę na badania, które sugerują, że idealna długość linii powinna wahać się od 50 do 75 znaków, co wspiera tezę, że odpowiedzi podane w pytaniu nie spełniają standardów typografii internetowej, które kładą nacisk na czytelność i komfort czytania. Niezrozumienie tej zasady może prowadzić do nieefektywnych publikacji i frustracji użytkowników.
Pytanie 40
Logo, menu, baner, widgety oraz intro to składniki
A. prezentacji multimedialnej
B. profesjonalnego materiału wideo z wydarzenia
C. układu strony internetowej
D. animacji poklatkowej
Odpowiedzi dotyczące prezentacji multimedialnej, profesjonalnego materiału wideo z eventu oraz animacji poklatkowej nie są trafne w kontekście wymienionych elementów. Prezentacja multimedialna, jako forma przekazu, skupia się na dynamicznym przedstawieniu informacji, często poprzez slajdy, co nie odnosi się do stałych elementów layoutu strony internetowej. Materiał wideo z eventu ma na celu dokumentację wydarzenia i interakcję z publicznością, a nie kreowanie struktury witryny, podczas gdy animacja poklatkowa to technika filmowa, która nie ma zastosowania w kontekście układu strony. Tego rodzaju pomyłki mogą wynikać z nieporozumienia dotyczącego zakresu funkcji każdego z tych elementów. Wiele osób myli pojęcia, ponieważ wszystkie te formy treści mogą być używane w ramach strony internetowej, ale nie są to elementy, które definiują layout. Layout strony internetowej jest narzędziem do organizowania treści w sposób, który ułatwia użytkownikom nawigację i interakcję, co jest zupełnie innym podejściem niż tworzenie złożonych prezentacji lub filmów. Dobrze zrozumiane podstawy web designu powinny koncentrować się na hierarchii wizualnej, dostępności i użyteczności, co nie znajduje odzwierciedlenia w wymienionych niepoprawnych odpowiedziach.
Odtwarzaj przebieg egzaminu krok po kroku i ucz się na własnych błędach. Widzisz dokładnie, w jakiej kolejności rozwiązywałeś pytania, ile czasu spędziłeś nad każdym z nich i kiedy zmieniałeś odpowiedzi.
Co znajdziesz na stronie przebiegu:
Suwak czasu
Przesuwaj i przeglądaj pytania w kolejności, w jakiej je rozwiązywałeś
Tryb nauki
Włącz, aby zobaczyć poprawne odpowiedzi i wyjaśnienia do pytań
Analiza czasu
Sprawdź, ile czasu spędziłeś nad każdym pytaniem i gdzie traciłeś czas
Monitoring focusu
Widzisz momenty, gdy opuściłeś zakładkę - tak jak widzi to nauczyciel
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.
