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
Deklaracja CSS: li span {font-size:10pt; color:green;} wskazuje, że rozmiar 10 pt dotyczy
A. tekstu wewnątrz wszystkich znaczników span
B. wyłącznie tekstu znajdującego się wewnątrz znaczników span umieszczonych w znacznikach li
C. jedynie tekstu wewnątrz wszystkich znaczników li, które są osadzone w znacznikach span
D. tekstu wewnątrz wszystkich znaczników li oraz span
Wybór odpowiedzi dotyczącej zastosowania reguły CSS jest poprawny, ponieważ selektor 'li span' odnosi się do wszystkich znaczników 'span', które znajdują się wewnątrz znaczników 'li'. W praktyce oznacza to, że reguła ta wpływa tylko na tekst w tych specyficznych elementach, co pozwala na precyzyjne stylizowanie zawartości list. Zastosowanie takich selektorów jest szczególnie ważne w przypadku pisania złożonych dokumentów HTML, gdzie precyzyjne stylizowanie elementów może znacznie poprawić czytelność i estetykę strony. Na przykład, jeżeli chcielibyśmy, aby tylko niektóre fragmenty tekstu w liście miały inny rozmiar czcionki lub kolor, użycie tej reguły pozwala na pełną kontrolę nad formatowaniem. Tego typu techniki są zgodne z najlepszymi praktykami w zakresie kaskadowych arkuszy stylów (CSS), które promują modularność i elastyczność w projektowaniu stron internetowych.
Pytanie 2
Który z wymienionych programów nie służy do projektowania stron internetowych?
A. HotDog
B. Microsoft Expression Web
C. Adobe Photoshop
D. Pajączek
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 3
Która z podanych zasad nie odnosi się do tworzenia witryn internetowych?
A. Wykorzystywanie krótkich fragmentów tekstu.
B. Zachowanie spójności stylistycznej.
C. Tworzenie atrakcyjnych grafik.
D. Użycie co najmniej trzech par kolorów dopełniających.
Wprowadzanie co najmniej trzech par barw wzajemnie dopełniających nie jest zasadą powszechnie stosowaną w projektowaniu stron internetowych. W rzeczywistości, skuteczne projektowanie wizualne polega na umiejętnym dobieraniu kolorów, które nie tylko są estetyczne, ale także wspierają czytelność i funkcjonalność strony. Wiele z najlepszych praktyk w zakresie projektowania kolorów sugeruje ograniczenie palety kolorów do dwóch lub trzech głównych barw, co pozwala na zachowanie spójności wizualnej i unikanie przeładowania informacyjnego. Przykładowo, stosując jedną dominującą barwę, kolor akcentu oraz neutralne tło, projektant może stworzyć harmonijną kompozycję. Ponadto, zasady dotyczące dostępności, takie jak zapewnienie odpowiedniego kontrastu między tekstem a tłem, są kluczowe, by strona była użyteczna dla wszystkich użytkowników. Zatem, wykorzystanie zbyt wielu par barw wzajemnie dopełniających może prowadzić do dezorientacji i zmniejszenia funkcjonalności strony, zamiast ją poprawić.
Pytanie 4
Narzędziem koniecznym do stworzenia projektu witryny internetowej w programie Adobe Photoshop jest
A. cięcie na plasterki
B. zaznaczanie
C. pióro
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 5
Jakie parametry mają kluczowe znaczenie przy przygotowywaniu cyfrowego obrazu do publikacji w sieci?
A. Rozdzielczość, tryb barw oraz wielkość obrazu
B. Jakość grafiki, głębia kolorów oraz liczba warstw
C. Format pliku oraz użyte filtry fotograficzne
D. Paleta kolorów oraz typy użytych masek
Wybór rozdzielczości, trybu koloru oraz rozmiaru obrazu jest kluczowy dla uzyskania optymalnej jakości wizualnej w publikacjach internetowych. Rozdzielczość obrazu definiuje liczbę pikseli, co bezpośrednio wpływa na szczegółowość wyświetlanego obrazu. Zazwyczaj dla obrazów internetowych zaleca się rozdzielczość od 72 do 150 dpi, co wystarcza do wyświetlania na ekranach, przy jednoczesnym zmniejszeniu rozmiaru pliku. Tryb koloru, na przykład RGB (Red, Green, Blue), jest najczęściej używany w kontekście prezentacji na stronach internetowych, ponieważ odpowiada sposobowi, w jaki kolory są wyświetlane na monitorach. Z kolei rozmiar obrazu, mierzony w pikselach, powinien być dostosowany do wymagań konkretnej platformy czy urządzenia, aby zapewnić szybkie ładowanie strony. Przykładowo, obrazy o dużych rozmiarach mogą spowolnić ładowanie strony, co negatywnie wpływa na doświadczenia użytkowników i SEO. Optymalizacja tych parametrów zgodnie z najlepszymi praktykami branżowymi przyczynia się do zachowania jakości obrazu przy jednoczesnym minimalizowaniu czasów ładowania.
Pytanie 6
Wprowadzenie na stronie internetowej to jej składnik w formie
A. animacji wprowadzającej do serwisu internetowego
B. tekstu informacyjnego dostępnego w głównym oknie serwisu
C. zaawansowanego menu strony www
D. formularza online
Animacja wprowadzająca do serwisu internetowego, często nazywana również intro, to istotny element interfejsu użytkownika, który ma na celu przyciągnięcie uwagi odwiedzających oraz wprowadzenie ich w tematykę strony. Te wizualne wprowadzenie może być używane do przedstawienia marki, zaprezentowania kluczowych funkcji serwisu lub po prostu do stworzenia estetycznego wrażenia. Praktyczne zastosowanie takiej animacji można zaobserwować na stronach internetowych firm, które w sposób kreatywny chcą wyróżnić się w zatłoczonym internecie. Standardy UX/UI, takie jak te opisane w wytycznych Web Content Accessibility Guidelines (WCAG), sugerują, że animacje powinny być stosowane z umiarem, aby nie zakłócały one doświadczenia użytkownika. Ważne jest również, aby animacje były płynne i nie powodowały frustracji, co można osiągnąć dzięki zastosowaniu odpowiednich technologii, takich jak CSS3 czy JavaScript. To, co wyróżnia dobrą animację wprowadzającą, to jej umiejętne połączenie z treścią strony, co skutkuje poprawą zaangażowania użytkowników oraz ich satysfakcji z korzystania z serwisu.
Pytanie 7
Aby ułatwić interpretację treści w publikacji online, w zgodzie z zasadami typografii internetowej, w jednej linii może znajdować się
A. 95 znaków
B. 37 znaków
C. 55 znaków
D. 25 znaków
Odpowiedź "55 znaków" jest poprawna, ponieważ jest zgodna z zaleceniami dotyczącymi czytelności tekstu w publikacjach internetowych. Badania wykazały, że idealna długość linii tekstu w formacie cyfrowym powinna wynosić od 50 do 75 znaków. Długość 55 znaków optymalizuje zarówno czytelność, jak i komfort czytania, co jest szczególnie istotne w kontekście designu stron internetowych oraz aplikacji mobilnych. Praktycznym przykładem zastosowania tej zasady może być projektowanie układów tekstowych w serwisach informacyjnych, gdzie zbyt długie linie mogą prowadzić do trudności w śledzeniu kolejnych wierszy, co wpływa negatywnie na doświadczenie użytkownika. Użycie 55 znaków w jednej linii sprzyja także efektywnemu skanowaniu tekstu, co jest kluczowe w dobie natłoku informacji. Dobrze zaprojektowane strony internetowe powinny uwzględniać te zasady typograficzne, aby przyciągnąć i zatrzymać uwagę odbiorców, co z kolei przyczynia się do dłuższego czasu spędzonego na stronie oraz lepszego przyswajania treści.
Pytanie 8
Na rysunku przedstawiono projekt multimedialny
A. animacji.
B. galerii zdjęć.
C. strony www.
D. prezentacji.
Odpowiedź, którą zaznaczyłeś, to galeria zdjęć i to jest całkiem dobre! Widać, że na załączonym obrazku mamy do czynienia z interfejsem, który typowo kojarzy się z tym rodzajem aplikacji. Galerie zdjęć są super, bo pozwalają na łatwe przeglądanie wizualnych treści. Użytkownicy mogą zobaczyć miniatury zdjęć z jednej strony, a z drugiej większy widok wybranego zdjęcia. To takie proste i intuicyjne, co zgadza się z zasadami użyteczności. W praktyce galerie używa się wszędzie - od osobistych albumów online po portfolio artystów. Wiele platform, na przykład WordPress, ma wtyczki, które to umożliwiają, co czyni je mega wszechstronnym narzędziem. Poza tym, jeśli myślimy o SEO, to dobrze zrobiona galeria z odpowiednimi tagami alt może naprawdę pomóc w lepszej indeksacji w wyszukiwarkach. To może zwiększyć widoczność Twojego projektu, co przecież jest ważne.
Pytanie 9
W jakim modelu kolorów powinny być zorganizowane pliki zdjęciowe przeznaczone do umieszczenia w internetowym projekcie multimedialnym?
A. Bichromia
B. Pantone
C. RGB
D. CMY
Tryb barwny RGB (Red, Green, Blue) jest standardem wykorzystywanym w projektach internetowych oraz na ekranach komputerowych. Działa on na zasadzie additive color mixing, co oznacza, że kolory są tworzone poprzez łączenie różnych intensywności światła czerwonego, zielonego i niebieskiego. W kontekście multimedialnych projektów internetowych, gdzie obrazy są wyświetlane na monitorach, tryb RGB jest najbardziej optymalny, ponieważ wszystkie urządzenia wyświetlające dane na bazie światła, takie jak monitory, telewizory czy projektory, operują właśnie w tym modelu. Przykładem może być stworzenie grafiki na stronę internetową, gdzie każdy kolor użyty w obrazie powinien być definiowany w przestrzeni RGB, aby zapewnić, że będzie on wyglądał tak samo na różnych urządzeniach. Dodatkowo, wiele narzędzi graficznych i edytorów zdjęć, takich jak Adobe Photoshop, domyślnie używa RGB dla projektów przeznaczonych do wyświetlania na ekranie. Warto więc znać ten tryb oraz jego zastosowania, aby efektywnie tworzyć i publikować treści wizualne w Internecie.
Pytanie 10
Aby zmienić kolor tła witryny internetowej, należy określić atrybut
A. colgroup
B. tbody
C. bgcolor
D. style
Atrybut bgcolor jest specyficznie przeznaczony do definiowania koloru tła elementów HTML, co czyni go właściwym narzędziem do zmiany tła strony internetowej. Historia tego atrybutu sięga czasów, kiedy zaczęto rozwijać HTML, a jego zastosowanie jest szczególnie widoczne w tagach takich jak <table>, <tr> czy <td>. Przykładem użycia atrybutu bgcolor może być zastosowanie go w tabelach do wyróżniania poszczególnych komórek lub wierszy, co poprawia czytelność danych. Należy jednak pamiętać, że w najnowszych standardach HTML, w tym HTML5, preferuje się używanie CSS do stylizacji stron, w tym zmiany koloru tła. Przykładowo, zamiast używać bgcolor, bardziej zaleca się zastosowanie stylu CSS: 'style="background-color: #ff0000;"', co zapewnia lepszą separację treści od prezentacji i umożliwia łatwiejszą modyfikację stylów w przyszłości.
Pytanie 11
Atrybut odpowiada za
A. styl kroju pisma.
B. odmianę kroju pisma.
C. rozmiar czcionki.
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 12
Pierwszym krokiem weryfikacji poprawności struktury kodu strony internetowej stworzonego w aplikacji Notepad++ jest
A. utworzenie tablicy wielowymiarowej.
B. sprawdzenie, jak kod jest interpretowany przez przeglądarkę internetową.
C. użycie wyrażeń regularnych, które umożliwiają określenie ogólnych zasad.
D. przekazanie folderów zawierających pliki na serwer.
Sprawdzanie sposobu interpretacji kodu przez przeglądarkę internetową to kluczowy pierwszy krok w testowaniu poprawności struktury kodu strony internetowej. Gdy piszemy kod HTML, CSS lub JavaScript, musimy mieć pewność, że jest on zgodny z obowiązującymi standardami webowymi, co zapewniają organizacje takie jak W3C. Przeglądarki internetowe są narzędziami, które interpretują ten kod i renderują go w formie stron internetowych. Aby weryfikować poprawność kodu, programiści mogą używać narzędzi deweloperskich wbudowanych w przeglądarki, które umożliwiają podgląd struktury DOM, stylów CSS oraz konsoli JavaScript. Na przykład, w Google Chrome można używać narzędzia 'Inspect Element', które pozwala na dynamiczne sprawdzanie, jak zmiany w kodzie źródłowym wpływają na wyświetlanie strony. To podejście nie tylko identyfikuje błędy, ale także pozwala na optymalizację wydajności i poprawę użyteczności strony. Dobre praktyki sugerują regularne testowanie w różnych przeglądarkach, aby zapewnić spójne doświadczenia użytkownika.
Pytanie 13
Wskaż znacznik umożliwiający pozycjonowanie względem siebie bloków zawartości w obrębie strony www.
A. <br>
B. <div>
C. <img>
D. <b>
Znacznik <div> to prawdziwy fundament przy budowaniu struktury strony internetowej i organizowaniu układu elementów. Jest to tzw. znacznik blokowy (block-level), który pozwala grupować różne fragmenty treści, a następnie pozycjonować je względem siebie za pomocą CSS. Bez <div> trudno wyobrazić sobie rozplanowanie całych sekcji (np. nagłówków, menu, głównej treści, stopki). To właśnie dzięki temu znacznikowi możemy stosować flexboxa, grida czy pozycjonowanie absolutne i względne, co daje masę możliwości w praktycznym układaniu layoutu. Moim zdaniem to taki trochę szwajcarski scyzoryk HTML-a – niby prosty, a jakże wszechstronny. W praktyce często używa się <div> nawet do tymczasowego dzielenia sobie strony w fazie projektowania. Warto pamiętać, że według współczesnych standardów (HTML5) powinniśmy używać znaczników semantycznych (np. <section>, <article>, <nav>) tam, gdzie to możliwe, ale <div> wciąż zostaje podstawą wszędzie tam, gdzie nie da się zastosować nic bardziej opisowego. Przykład praktyczny: jeśli chcemy, żeby dwie kolumny treści były obok siebie, wrzucamy je do dwóch <div> i nadajemy im odpowiednie style CSS (np. display: flex albo float). Dzięki temu mamy pełną kontrolę nad wyglądem strony i jej responsywnością. Z doświadczenia wiem, że bez umiejętnego wykorzystywania <div> ciężko zrobić coś sensownego w nowoczesnym web developmencie.
Pytanie 14
Element kokpitu WordPressa do zarządzania dodatkami widoczny na ilustracji jest oznaczony
A. liczbą 2
B. liczbą 3
C. liczbą 1
D. liczbą 4
Prawidłowa odpowiedź to liczba 4, ponieważ właśnie ten element menu kokpitu WordPressa odpowiada za zarządzanie dodatkami, czyli wtyczkami (ang. plugins). Wtyczki w WordPressie to rozszerzenia, które umożliwiają dodawanie nowych funkcjonalności bez konieczności ingerowania w kod źródłowy strony. Moim zdaniem to najważniejsze narzędzie dla każdego administratora – bez znajomości sekcji 'Wtyczki' trudno wyobrazić sobie efektywne prowadzenie nowoczesnej strony. Przykład? Instalując odpowiednią wtyczkę, można szybko wdrożyć formularze kontaktowe, systemy SEO czy integracje z mediami społecznościowymi. Praktyka pokazuje, że regularne aktualizowanie i odpowiedzialne zarządzanie wtyczkami to podstawa dobrych praktyk branżowych – zaniedbanie tego często kończy się kłopotami z bezpieczeństwem albo spadkiem wydajności strony. Zresztą WordPress w oficjalnej dokumentacji mocno podkreśla, by nie instalować zbyt wielu wtyczek i zawsze sprawdzać ich reputację. To element, z którego korzysta się praktycznie codziennie w każdym większym projekcie. Z mojego doświadczenia, sprawne poruszanie się po tej części kokpitu to jedna z najważniejszych kompetencji webmastera WordPress. To tu można aktywować, dezaktywować lub usuwać rozszerzenia oraz instalować nowe prosto z repozytorium, co znacznie usprawnia rozwój funkcjonalności witryny bez ryzyka uszkodzenia systemu bazowego.
Pytanie 15
W jakich formatach powinien być zorganizowany materiał filmowy przeznaczony do umieszczenia w internetowym projekcie multimedialnym?
A. FLV, TIFF
B. MPEG-4, MOV
C. WEBM, DOCX
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 16
Zanim zamieścisz w Internecie materiał multimedialny zawierający wizerunek osoby niepełnoletniej, należy
A. uzyskać zgodę osoby niepełnoletniej na zamieszczenie wizerunku
B. umieścić zdjęcie osoby niepełnoletniej po prawej stronie slajdu
C. uzyskać zgodę osoby niepełnoletniej oraz jej prawnych opiekunów
D. podpisać zdjęcie osoby niepełnoletniej, podając jej imię oraz nazwisko
Uzyskanie zgody osoby nieletniej oraz jej prawnych opiekunów przed publikacją wizerunku jest kluczowym elementem ochrony prywatności i praw dziecka, zgodnie z obowiązującymi przepisami prawa, w tym RODO. Osoby nieletnie nie są w pełni zdolne do podejmowania decyzji dotyczących wykorzystania ich wizerunku, dlatego zgoda ich opiekunów prawnych jest niezbędna. Przykładem zastosowania tej zasady jest sytuacja, w której szkoła planuje opublikować zdjęcia dzieci z wydarzenia szkolnego na swojej stronie internetowej. W takim przypadku szkoła musi uzyskać pisemną zgodę zarówno od dzieci, jak i ich rodziców lub opiekunów. Dobre praktyki w zakresie ochrony danych osobowych przewidują stosowanie formularzy zgody, które jasno określają, w jaki sposób i w jakim celu dane będą wykorzystywane, co zwiększa transparentność i zaufanie do instytucji. Należy również pamiętać, że zgoda może być cofnięta w każdym momencie, co powinno być jasno komunikowane w formularzu.
Pytanie 17
Podaj właściwą sekwencję działań realizowanych podczas aktualizacji aplikacji Wordpress?
A. Wykonanie kopii zapasowej, testowanie klonowanej witryny, aktualizacja elementów witryny
B. Formatowanie treści, drukowanie projektu witryny, określenie licencji grafik
C. Instalacja wtyczek, sprawdzanie znaczników HTML, pozycjonowanie witryny
D. Testowanie klonowanej witryny, sprawdzanie reguł CSS, projektowanie elementów graficznych
Prawidłowa kolejność czynności podczas aktualizacji aplikacji WordPress obejmuje wykonanie kopii zapasowej, testowanie sklonowanej strony oraz aktualizowanie elementów strony. Wykonanie kopii zapasowej jest kluczowe, ponieważ pozwala na przywrócenie strony w przypadku wystąpienia problemów. Testowanie sklonowanej strony umożliwia sprawdzenie, czy wszystkie aktualizacje działają poprawnie, bez ryzyka zakłócenia działania strony głównej. Dopiero po tych krokach można bezpiecznie zaktualizować wtyczki, motywy lub inne elementy na stronie głównej.
Pytanie 18
Jakie produkty można stworzyć korzystając z programu Adobe Dreamweaver?
A. Zrastrowane ilustracje
B. Aplikacje internetowe
C. Arkusze kalkulacyjne
D. Druki reklamowe
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 19
Każdy obraz rastrowy umieszczony na stronach internetowych powinien mieć dodane opisy alternatywne
A. miniatury rastrowe
B. animacje
C. obrazy wektorowe
D. teksty
Dodanie zastępczych tekstów do obrazów rastrowych na stronach internetowych jest kluczowym elementem zapewnienia dostępności treści dla wszystkich użytkowników, w tym osób z niepełnosprawnościami wzrokowymi. Zastępczy tekst, znany również jako 'alt text', opisuje zawartość obrazu i umożliwia czytnikom ekranu właściwe interpretowanie jego znaczenia. Przykładowo, jeśli na stronie znajduje się obraz przedstawiający kotka, zastępczy tekst mógłby brzmieć 'czarny kot na zielonym tle'. Taki opis nie tylko informuje o tym, co znajduje się na obrazie, ale także może dostarczać kontekstu, który jest ważny dla zrozumienia treści strony. Zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines), dodawanie takich tekstów jest nie tylko zalecane, ale i wymagane dla zapewnienia dostępności strony. Ponadto, zastępczy tekst ma również wpływ na SEO, ponieważ wyszukiwarki mogą lepiej indeksować treści, kiedy zawierają odpowiednie opisy obrazów.
Pytanie 20
W animowanych reklamach nie dopuszcza się umieszczania animacji, która
A. przekracza 50 KB.
B. ma czas trwania krótszy niż 30 sekund.
C. proponuje nagrody za klikanie.
D. zawiera nazwy kilku marek.
Wybór odpowiedzi, która wskazuje na zakaz oferowania nagród za klikanie w reklamach animowanych, jest zgodny z aktualnymi zasadami i regulacjami, które mają na celu ochronę konsumentów oraz zapewnienie uczciwych praktyk reklamowych. Praktyki te są szczególnie ukierunkowane na zapobieganie manipulacji użytkowników w celu zwiększenia klikalności reklam. Oferowanie nagród za klikanie to forma zachęty, która może prowadzić do nieuczciwych praktyk, takich jak fałszywe kliknięcia czy oszustwa. W branży reklamowej coraz częściej zwraca się uwagę na transparentność i etykę w komunikacji marketingowej, co podkreślają różnorodne standardy, w tym wytyczne IAB (Interactive Advertising Bureau). Przykładem może być kampania, która zamiast oferować nagrody, stawia na wartość merytoryczną treści reklamowej, co sprzyja budowaniu długotrwałych relacji z klientami oraz pozytywnego wizerunku marki. Właściwe podejście do reklamy powinno zawsze respektować zasady uczciwości i nie wprowadzać w błąd użytkowników, co ma kluczowe znaczenie dla reputacji każdej firmy.
Pytanie 21
Jakie aspekty powinny być brane pod uwagę przy projektowaniu układu strony internetowej?
A. Obrazy o wysokiej jakości
B. Przejrzysty i prosty layout strony
C. Duża liczba elementów animacyjnych
D. Niestandardowe style czcionek
Prosty i czytelny układ strony jest kluczowy dla skutecznej nawigacji i doświadczeń użytkowników. Taki layout umożliwia użytkownikom szybkie odnalezienie potrzebnych informacji, co zwiększa ich satysfakcję oraz czas spędzony na stronie. Przykładem dobrego układu może być zastosowanie siatki (grid) w projektowaniu, co pozwala na łatwe rozmieszczanie elementów w sposób uporządkowany. Standardy takie jak WCAG (Web Content Accessibility Guidelines) podkreślają znaczenie czytelności w kontekście dostępności treści dla osób z różnymi niepełnosprawnościami. Dobrze zorganizowany layout powinien także uwzględniać hierarchię informacji, co oznacza, że najważniejsze elementy powinny być bardziej wyróżnione. Dodatkowo, stosowanie odpowiednich odstępów, kontrastów kolorystycznych oraz typografii wpływa na estetykę i użyteczność strony, co jest istotne dla utrzymania uwagi użytkowników.
Pytanie 22
Który parametr grafiki przygotowanej wcześniej do druku powinien zostać zmieniony przed udostępnieniem jej w sieci?
A. Nazwy warstw
B. Tryb kolorów
C. Stopień krycia
D. Proporcje obrazu
Tryb kolorów to kluczowy parametr, który należy zmienić w grafikach przygotowanych do druku przed ich publikacją w internecie. Na potrzeby druku najczęściej używa się trybu kolorów CMYK (Cyan, Magenta, Yellow, Key/Black), ponieważ odpowiada on kolorom stosowanym w procesie drukarskim. Natomiast w przypadku publikacji w internecie preferowany jest tryb RGB (Red, Green, Blue), który lepiej odwzorowuje kolory na ekranach. Zmiana z CMYK na RGB zapewnia, że grafiki będą prawidłowo wyświetlane na różnych urządzeniach cyfrowych, co jest niezbędne w kontekście standardów webowych. Praktycznym przykładem może być przygotowanie infografiki, która po wydruku może wyglądać inaczej niż na ekranie. Dobrze jest zatem przed publikacją zweryfikować kolory w trybie RGB, aby upewnić się, że są one zgodne z oczekiwaniami. Rekomendowane przez profesjonalistów narzędzia, takie jak Adobe Photoshop, oferują możliwość łatwej konwersji trybów kolorów, co jest standardem w branży projektowania graficznego. Warto także pamiętać o odpowiednich profilach kolorów, które zapewniają spójność kolorystyczną między różnymi urządzeniami.
Pytanie 23
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. Czarny.
B. Czerwony.
C. Zielony.
D. Żółty.
W tym pytaniu wszystko rozgrywa się o tzw. specyfikę oraz kolejność deklaracji CSS. Kiedy kilka reguł stylów dotyczy tego samego selektora, a nie mają różnej specyficzności, przeglądarka stosuje tę, która pojawia się jako ostatnia w kodzie. W arkuszu stylów przedstawionym w pytaniu wszystkie selektory to po prostu „p”, więc dotyczą każdego akapitu. Najpierw przypisano im kolor żółty, potem czarny, a na końcu czerwony. I to właśnie ta ostatnia wartość — color: red — będzie miała zastosowanie, bo nadpisuje poprzednie. W praktyce to bardzo częsta sytuacja, zwłaszcza gdy rozbudowujemy projekt lub podpinamy wiele plików CSS — jeśli ten sam selektor występuje wielokrotnie, ostateczny wygląd zależy od tego, która reguła jest ostatnia. Branżowo mówi się, że CSS działa na zasadzie „ostatni wygrywa” (ang. last rule wins), co potwierdzają oficjalne standardy W3C. Warto pilnować porządku w swoich stylach, bo nieświadome nadpisywanie może prowadzić do trudnych do wykrycia błędów wizualnych. Takie zachowanie CSS jest też przydatne przy tworzeniu tzw. motywów lub dynamicznego przewijania stylu, gdzie dokładnie na tej zasadzie można łatwo zmieniać wygląd całych sekcji strony. Z mojego doświadczenia wynika, że osoby początkujące często są zaskoczone tym mechanizmem i długo nie mogą znaleźć, dlaczego jakiś kolor nie działa — a to po prostu kwestia kolejności w kodzie.
Pytanie 24
Jaką licencję muszą posiadać pliki, aby można je było legalnie pobrać za darmo z internetowych repozytoriów i zastosować, na przykład, w prezentacji marketingowej przedsiębiorstwa?
A. Jedynie z domeny publicznej
B. CC BY SA NC
C. Copyright
D. Z domeny publicznej lub na licencji CC BY
Wybór odpowiedzi 'Z domeny publicznej lub na licencji CC BY' jest słuszny, ponieważ obie te kategorie pozwalają na swobodne wykorzystywanie materiałów bez obaw o naruszenie praw autorskich. Domena publiczna to zasoby, które nie są objęte prawami autorskimi, co oznacza, że każdy może z nich korzystać w dowolny sposób, w tym w marketingowej prezentacji firmy. Przykładami są klasyki literatury, obrazy czy muzyka, które nie mają już obowiązujących praw autorskich. Z kolei licencja Creative Commons BY (CC BY) pozwala na wykorzystanie utworów pod warunkiem podania autorstwa, co jest zgodne z zasadami etyki. Dzięki temu, można wykorzystać takie materiały w promocji, tworząc atrakcyjne treści wizualne i tekstowe, które przyciągną uwagę odbiorców. Ważne jest, aby zawsze sprawdzić szczegółowe warunki licencji, aby upewnić się, że sposób wykorzystania jest zgodny z jej postanowieniami. Zastosowanie tych zasad w praktyce pozwala na legalne i etyczne korzystanie z dostępnych zasobów.
Pytanie 25
Użycie pętli w ActionScript umożliwia
A. wstrzymanie strumienia zdarzeń
B. wielokrotne realizowanie tych samych poleceń
C. powielanie kroków
D. wypełnianie bitmapy pikselami będącymi reprezentacją losowego szumu
Wybór odpowiedzi dotyczącej wielokrotnego wykonania tych samych instrukcji jest poprawny, ponieważ pętle w języku ActionScript umożliwiają efektywne przetwarzanie powtarzalnych zadań bez potrzeby ręcznego duplikowania kodu. Pętle, takie jak 'for', 'while' czy 'do...while', są kluczowe w programowaniu, ponieważ pozwalają na automatyzację procesów, oszczędzając czas i zmniejszając ryzyko błędów. Na przykład, jeśli chcemy wyświetlić 10 razy ten sam komunikat na ekranie, możemy użyć pętli 'for', co znacznie upraszcza kod i czyni go bardziej czytelnym. Dodatkowo, dobre praktyki programistyczne sugerują, aby używać pętli tam, gdzie to możliwe, aby unikać redundancji kodu i zwiększać jego elastyczność. Pętla w ActionScript może również interagować z danymi dynamicznymi, na przykład iterując przez tablice, co jest niezwykle przydatne w aplikacjach internetowych i gier. Zrozumienie i umiejętność stosowania pętli to fundamenty efektywnego programowania w ActionScript.
Pytanie 26
Logo, menu, baner, widgety oraz intro to składniki
A. układu strony internetowej
B. prezentacji multimedialnej
C. profesjonalnego materiału wideo z wydarzenia
D. animacji poklatkowej
Odpowiedź wskazująca na layout strony internetowej jest poprawna, ponieważ wszystkie wymienione elementy: logo, menu, baner, widgety oraz intro, są kluczowymi komponentami, które wpływają na układ i funkcjonalność witryny. Layout, określający strukturę i organizację treści na stronie, ma ogromne znaczenie dla doświadczeń użytkowników. Przykładowo, logo powinno być umiejscowione w górnej części strony, co czyni je łatwo dostrzegalnym, a menu nawigacyjne powinno być intuicyjne, by ułatwić poruszanie się po witrynie. Banery można wykorzystać do promocji, a widgety, takie jak formularze kontaktowe czy powiązane artykuły, poprawiają interakcję z użytkownikami. Dobrze zaprojektowany layout nie tylko zwiększa estetykę strony, ale również wpływa na optymalizację SEO, co jest potwierdzone przez praktyki zalecane przez Google. Współczesne standardy web designu kładą duży nacisk na responsywność, co oznacza, że layout powinien być dostosowany do różnych urządzeń, przy zachowaniu spójności wizualnej i funkcjonalnej.
Pytanie 27
Która z poniższych nazw pliku graficznego wykorzystuje zasady stosowane przy tworzeniu kodu stron www?
A. przekrój-podłużny.jpg
B. przekroj podluzny.jpg
C. przekroj-podluzny.jpg
D. przekrój podłużny.jpg
Odpowiedź "przekroj-podluzny.jpg" jest poprawna, ponieważ stosuje zasady konwencji nazewnictwa plików, które są rekomendowane w tworzeniu stron internetowych. W tym systemie zaleca się używanie łączników (kreski) do oddzielania słów, co zwiększa czytelność i ułatwia indeksowanie przez wyszukiwarki. Przykładowo, w nazwach plików graficznych oraz URL-ach, łączniki są preferowane nad spacje, ponieważ spacje mogą być interpretowane na różne sposoby przez przeglądarki. Dodatkowo, używanie małych liter w nazwach plików zwiększa zgodność z różnymi systemami operacyjnymi, które mogą być wrażliwe na wielkość liter. W praktyce, dbanie o odpowiednie nazewnictwo plików nie tylko wpływa na SEO, ale także na organizację zasobów w projekcie. Warto również pamiętać o zastosowaniu opisowych nazw, które jasno komunikują zawartość pliku. Stosując te zasady, można znacząco poprawić efektywność zarządzania projektami oraz optymalizację pod kątem wyszukiwarek.
Pytanie 28
Który atrybut znacznika powinien być użyty, aby włączyć grafikę do strony WWW w sposób spełniający wytyczne WCAG dotyczące użyteczności oraz dostępności serwisów internetowych?
A. alt
B. id
C. target
D. name
Atrybut 'alt' (alternatywny tekst) znacznika <img> jest kluczowy dla zapewnienia dostępności treści wizualnych w Internecie. Zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines), każdy obraz umieszczony na stronie WWW powinien mieć przypisany atrybut 'alt', który opisuje jego zawartość lub funkcję. Dzięki temu użytkownicy korzystający z czytników ekranu mogą zrozumieć kontekst grafik, co jest niezbędne dla osób z dysfunkcją wzroku. Przykładowo, jeśli na stronie znajduje się zdjęcie jabłka, atrybut alt powinien zawierać opis, taki jak 'czerwone jabłko na białym tle'. W przypadku, gdy obraz jest czysto dekoracyjny, atrybut alt powinien być pusty (alt=""), co informuje technologie asystujące, że obraz nie niesie ze sobą żadnej istotnej informacji. Użycie atrybutu 'alt' jest nie tylko zgodne z wymaganiami prawnymi, ale również przyczynia się do lepszej jakości doświadczeń użytkowników oraz poprawy SEO, ponieważ wyszukiwarki mogą lepiej zrozumieć treści wizualne.
Pytanie 29
Która z właściwości nie definiuje formatu GIF?
A. Często używany w projektowaniu stron WWW
B. Wykorzystywany do grafiki wektorowej
C. Ograniczona paleta kolorów
D. Pozwala na zapis oraz odtwarzanie animacji
GIF, czyli Graphics Interchange Format, to na pewno jeden z najpopularniejszych formatów graficznych. Bardzo fajne w nim jest to, że pozwala na tworzenie animacji, co świetnie sprawdza się w różnych miejscach w internecie. Jednak warto wiedzieć, że GIF nie potrafi przechowywać grafiki wektorowej, bo to format rastrowy, gdzie obrazki są zbudowane z pikseli. W praktyce oznacza to, że jak powiększysz GIF, to straci na jakości. Co więcej, ma ograniczenie do 256 kolorów, przez co nie nadaje się najlepiej do bardziej złożonych grafik. Dlatego często widzimy go w prostych animacjach czy ikonach, bo jego łatwość w użyciu jest naprawdę przydatna. W kontekście projektowania stron internetowych GIF-y są na topie, a różne aplikacje i media społecznościowe chętnie je wykorzystują. Z mojego doświadczenia, znajomość GIF-a jest ważna dla każdego, kto tworzy coś w sieci.
Pytanie 30
Na prawidłowe wyświetlanie polskich znaków na stronie WWW wpływa
A. domyślny styl używanej przeglądarki internetowej
B. odpowiednie kodowanie w pliku HTML
C. ustawienie języka polskiego jako języka domyślnego w przeglądarce internetowej
D. plik konfiguracyjny serwera
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 31
Zgodnie z zasadami licencji CC BY-NC-ND 3.0 PL utwór można
A. użyć w prezentacji o charakterze komercyjnym
B. zmienić i wykorzystać w prezentacji
C. sprzedać po wykorzystaniu w prezentacji
D. użyć w prezentacji, lecz nie można go zmieniać
Odpowiedź, że utwór można wykorzystać w prezentacji, ale nie można go modyfikować, jest zgodna z zasadami licencji CC BY-NC-ND 3.0 PL. Licencja ta pozwala na korzystanie z utworów w celach niekomercyjnych, pod warunkiem uznania autorstwa, jednak nie zezwala na ich modyfikację. Przykładem zastosowania tej licencji może być sytuacja, w której nauczyciel korzysta z materiału wideo w trakcie wykładu – może go pokazać studentom, ale nie ma prawa wprowadzać jakichkolwiek zmian w samym materiale. W praktyce oznacza to, że każdy, kto chce skorzystać z tego typu utworu, musi ściśle przestrzegać warunków licencji, co jest kluczowe dla ochrony praw autorskich. Warto również zaznaczyć, że ustalenia te są zgodne z dobrymi praktykami w zakresie edukacji i twórczości, które podkreślają wartość oryginalnych dzieł oraz konieczność poszanowania pracy autorów. Zrozumienie zasad licencjonowania jest istotne w każdym kontekście, w którym wykorzystywane są materiały chronione prawem autorskim.
Pytanie 32
Który atrybut tagu <img> należy wskazać, aby dodać obrazek do strony internetowej w sposób zgodny z wytycznymi WCAG dotyczącymi użyteczności i dostępności stron www?
A. target
B. id
C. name
D. alt
Atrybut 'alt' w znaczniku <img> jest kluczowy dla zapewnienia dostępności treści wizualnych w sieci. Jego głównym celem jest dostarczenie opisu zawartości obrazu, co jest szczególnie istotne dla osób korzystających z czytników ekranu. Standardy WCAG (Web Content Accessibility Guidelines) podkreślają znaczenie użycia atrybutu 'alt' jako niezbędnego elementu dla dostępności, ponieważ pozwala to użytkownikom z dysfunkcją wzroku zrozumieć, co przedstawia dany obraz. Przykładem prawidłowego użycia atrybutu 'alt' może być: <img src='zdjecie.jpg' alt='Zdjęcie zielonego lasu w słoneczny dzień'>. Taki opis nie tylko informuje o zawartości obrazu, ale także zwiększa szansę na zaangażowanie użytkowników, którzy mogą nie być w stanie zobaczyć grafiki. Wskazówki dotyczące dobrych praktyk sugerują, aby tekst alternatywny był krótki, zwięzły i ściśle powiązany z kontekstem obrazu. Zastosowanie atrybutu 'alt' w odpowiedni sposób nie tylko spełnia wymogi prawne, ale także przyczynia się do lepszej ogólnej użyteczności strony.
Pytanie 33
Jak nazywa się unikalny adres, który przypisany jest do każdej opublikowanej strony oraz zasobu w sieci?
A. FTP
B. IMAP
C. URL
D. IP
Poprawna odpowiedź to URL, co oznacza Uniform Resource Locator. URL to standardowy adres, który identyfikuje zasoby w Internecie, takie jak strony WWW, obrazy czy pliki. Każda opublikowana strona internetowa posiada unikalny URL, co pozwala użytkownikom na jej łatwe odnalezienie w sieci. URL składa się z kilku elementów, w tym protokołu (np. http, https), nazwy domeny oraz ścieżki dostępu do konkretnego zasobu. Przykładem URL może być 'https://www.example.com/index.html', gdzie 'https' określa protokół, 'www.example.com' to domena, a '/index.html' wskazuje na konkretny plik. Znajomość struktury URL oraz zasad jego tworzenia jest istotna w kontekście SEO oraz tworzenia użytecznych i zrozumiałych linków, co wpływa na użytkowników i wyszukiwarki. Dobre praktyki wskazują, że URL powinny być krótkie, zrozumiałe i zawierać słowa kluczowe, co przyczynia się do lepszej indeksacji przez wyszukiwarki oraz ułatwia nawigację użytkownikom.
Pytanie 34
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. prezentacje mogą być udostępnione jedynie po zarejestrowaniu się
C. informacje zawarte na stronie nie mogą być wykorzystywane bez zgody twórcy
D. informacje umieszczone na stronie mogą być wykorzystywane bez zgody twórcy
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 35
Na prędkość ładowania strony internetowej najmniejszy wpływ ma
A. ilość elementów multimedialnych zawartych na stronie
B. kolorystyka strony
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 36
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. Wyłącznie uznania autorstwa.
B. Użycia komercyjnego, na tych samych warunkach.
C. Użycia w celach niekomercyjnych.
D. Uznania autorstwa, 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 37
Która linia kodu zawiera prawidłowe zastosowanie zagnieżdżonych (wewnętrznych) deklaracji CSS w dokumencie HTML?
Prawidłowe zastosowanie zagnieżdżonych deklaracji CSS w dokumencie HTML polega na umieszczeniu ich wewnątrz sekcji <head>, między znacznikami <style type="text/css">...</style>. Odpowiedź A ilustruje tę zasadę, przedstawiając odpowiednią strukturę dokumentu. W praktyce, umieszczając style w sekcji <head>, zapewniasz, że przeglądarka załaduje i zastosuje je przed renderowaniem treści strony. To kluczowe dla wydajności i poprawnego wyświetlania elementów na stronie. Standardy W3C oraz dobre praktyki w zakresie SEO zalecają tę metodę, ponieważ zewnętrzne style mogą przyczynić się do opóźnienia w renderowaniu strony. Dobrym przykładem może być zastosowanie zagnieżdżania dla określenia wyglądu nagłówków, linków, czy tła elementów. Na przykład, można zdefiniować style dla <h1>, <p>, czy <a>, co pozwala na pełną kontrolę nad wyglądem strony bez konieczności odwoływania się do zewnętrznych plików CSS, co bywa uciążliwe w zarządzaniu projektem.
Pytanie 38
Aby opublikować rastrowy obraz cyfrowy w sieci, należy ustalić jego parametry:
A. tryb barwny RGB, rozdzielczość 72 ppi, jak największy rozmiar pliku
B. tryb barwny CMYK, rozdzielczość 96 ppi, jak największy rozmiar pliku
C. tryb barwny CMYK, rozdzielczość 96 ppi, jak najmniejszy rozmiar pliku
D. tryb barwny RGB, rozdzielczość 72 ppi, jak najmniejszy rozmiar pliku
Poprawna odpowiedź to tryb barwny RGB, rozdzielczość 72 ppi, jak najmniejszy rozmiar pliku. Tryb RGB (Red, Green, Blue) jest standardem dla mediów elektronicznych, ponieważ jest oparty na sposobie, w jaki monitory wyświetlają kolory. W przeciwieństwie do CMYK, który jest używany głównie w druku, RGB zapewnia lepszą jakość wyświetlania na stronach internetowych. Rozdzielczość 72 ppi (pixels per inch) jest wystarczająca dla większości zastosowań internetowych, ponieważ obrazy o wyższej rozdzielczości nie oferują zauważalnie lepszej jakości przy standardowych ekranach. Minimalizacja rozmiaru pliku jest kluczowa dla szybkości ładowania strony oraz jej optymalizacji pod kątem SEO. Praktyczne przykłady zastosowania obejmują publikowanie obrazów w galeriach internetowych, na blogach, czy w social mediach, gdzie szybkość wczytywania i jakość obrazu mają kluczowe znaczenie dla doświadczenia użytkowników i ogólnej wydajności strony.
Pytanie 39
Zanim umieścisz na stronach www statyczne obiekty wektorowe, powinieneś
A. przekształcić obiekty wektorowe w rastrowe
B. wykonać trasowanie obiektów wektorowych
C. zamienić obiekty wektorowe w krzywe Beziera
D. przeprowadzić wektoryzację obiektów wektorowych
Przekształcanie obiektów wektorowych w krzywe Beziera czy trasowanie bitmap chyba nie ma sensu, jak chodzi o publikację na stronach internetowych. Krzywe Beziera są spoko do tworzenia gładkich kształtów, ale nie są potrzebne do zamiany na format rastrowy. Trasowanie bitmap na grafikę wektorową w kontekście stron www to trochę bez sensu, bo to dodatkowy krok, który niekoniecznie przynosi korzyści. Wektoryzacja też nie jest konieczna w tym przypadku. Dużo ludzi myśli, że obiekty wektorowe są zawsze lepsze od rastrowych, ale to nie do końca prawda. Wektory są super, bo można je powiększać bez straty jakości, ale żeby strona działała dobrze i była kompatybilna z różnymi przeglądarkami, czasem musimy je konwertować na rastrowe. Ignorowanie tych technicznych aspektów może prowadzić do problemów, które psują doświadczenie użytkowników.
Pytanie 40
Który z poniższych systemów nie jest systemem zarządzania treścią?
A. Joomla
B. Wordpress
C. Teams
D. Drupal
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.
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.
