Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Rozpoczęcie: 7 czerwca 2026 22:58
Zakończenie: 7 czerwca 2026 23:20
Egzamin zdany!
Wynik: 22/40 punktów (55,0%)
Wymagane minimum: 20 punktów (50%)
Twój wynik na tle innych
Twój wynik jest lepszy niż 33% podejść do kwalifikacji INF.03.
Porównanie z 39483 zakończonymi podejściami do tej kwalifikacji (dane zbiorcze, bez wyników indywidualnych).
Zachowaj ten wynik na koncie
Załóż darmowe konto albo zaloguj się - ten egzamin przypiszemy do Twojego konta, więc wrócisz do swoich błędów, będziesz śledzić postęp i dostaniesz powtórki dobrane do Twoich odpowiedzi.
Aby usunąć wybrane wiersze (rekordy) z tabeli, należy użyć polecenia:
A.
SELECT
B.
GRANT
C.
ALTER
D.
DELETE
Wiersze z tabeli usuwa polecenie DELETE, zwykle z warunkiem WHERE wskazującym, które rekordy skasować, np. DELETEFROMklienciWHEREid=5. Bez warunku usunęłoby wszystkie wiersze, dlatego stosuje się je ostrożnie. Tabela i jej struktura pozostają - znikają tylko dane. Dlatego do usuwania rekordów służy DELETE.
Pytanie 2
W programowaniu zmienna o typie integer służy do przechowywania
A. liczby rzeczywistej
B. znaku
C. wartości logicznej
D. liczby całkowitej
Wybór odpowiedzi dotyczącej wartości logicznej jest niewłaściwy, ponieważ typ wartości logicznej, znany także jako boolean, jest przeznaczony do przechowywania jedynie dwóch stanów: true i false. Typ ten znajduje zastosowanie w warunkach, pętlach oraz operacjach logicznych, ale nie ma związku z liczbami całkowitymi. W kontekście programowania, typ ten jest kluczowy w podejmowaniu decyzji na podstawie warunków. Z kolei zmienna przechowująca znak odnosi się do typu char, który jest używany do przechowywania pojedynczych znaków, takich jak litery czy symbole, co jest zupełnie innym przypadkiem. Typ char jest przydatny, kiedy chcemy manipulować tekstem na poziomie pojedynczych znaków, ale nie ma zastosowania w przechowywaniu liczb całkowitych. Odpowiedź dotycząca liczb rzeczywistych odnosi się do zmiennych typu float lub double, które z kolei służą do przechowywania wartości z częścią dziesiętną. Zrozumienie różnicy między tymi typami danych jest kluczowe dla programisty, gdyż użycie niewłaściwego typu może prowadzić do błędów w obliczeniach i logice programu. Często początkujący programiści mylą te typy danych, co skutkuje nieefektywnym kodem oraz problemami z wydajnością i pamięcią. Warto więc zainwestować czas w naukę i zrozumienie podstawowych typów danych oraz ich zastosowania w praktyce, co jest fundamentalnym aspektem programowania.
Pytanie 3
Na ilustracji zaprezentowano koncepcję układu bloków strony internetowej. Przyjmując, że bloki są realizowane za pomocą znaczników sekcji, a szerokość jest określona tylko dla bloków 2, 3 oraz 4, ich stylowanie powinno uwzględniać właściwość
A. clear: both dla wszystkich bloków
B. float: left dla wszystkich bloków
C. clear: both dla bloku 5 i float: left jedynie dla bloków 2, 3 oraz 4
D. float: left jedynie dla bloków 3 i 4 oraz clear: both dla bloku 2
Stosowanie float: left dla wszystkich bloków jest nieprawidłowe, ponieważ prowadziłoby do nieprzewidywalnego zachowania bloków 1 i 5, które powinny być pełnej szerokości strony. Użycie float: left dla bloku 1 oznaczałoby, że jego miejsce w układzie zależałoby od szerokości i pozycji innych pływających elementów. Podobnie blok 5 potrzebuje wyraźnej separacji od pływających elementów powyżej, co osiągamy dzięki clear: both. Użycie clear: both dla wszystkich bloków odwołuje się do nieprawidłowej koncepcji, ponieważ blokowałoby to pływanie, co jest kluczowe dla tworzenia układów wielokolumnowych. Clear: both zmusza element do rozpoczęcia pod pływającymi elementami, co oznacza, że bloki 2, 3 i 4 nie mogłyby być ustawione obok siebie, co nie spełnia wymagań projektu. Rozważenie float: left jedynie dla bloków 3 i 4 i clear: both dla bloku 2 zaburzyłoby logiczny ciąg layoutu ze względu na fizyczne blokowanie się bloków, co wywołałoby niepożądane przesunięcia i brak przewidywalności w wyświetlaniu. Zastosowanie float w celu tworzenia układów kolumnowych wymaga precyzyjnego zarządzania pływającymi elementami, a niepoprawne użycie właściwości clear może prowadzić do problemów z dostępnością i użytecznością strony. Dlatego właściwe zrozumienie tych koncepcji jest kluczowe w tworzeniu efektywnych i responsywnych projektów internetowych, zgodnych z oczekiwaniami użytkowników oraz standardami branżowymi.
Pytanie 4
Tabela góry, której fragment został pokazany, obejmuje polskie pasma górskie oraz ich szczyty. Podaj kwerendę obliczającą dla każdego pasma górskiego średnią wysokość szczytów.
A. SELECT pasmo, AVG(wysokosc) FROM gory LIMIT pasmo
B. SELECT pasmo, COUNT(wysokosc) FROM gory ORDER BY pasmo
C. SELECT pasmo, SUM(wysokosc) FROM gory GROUP BY pasmo
D. SELECT pasmo, AVG(wysokosc) FROM gory GROUP BY pasmo
Niestety, wybrana przez Ciebie odpowiedź jest błędna. Przyjrzyjmy się bliżej wszystkim niepoprawnym odpowiedziom. W odpowiedzi 'SELECT pasmo, AVG(wysokosc) FROM gory LIMIT pasmo;' użyto niepoprawnie klauzuli LIMIT. Klauzula LIMIT w SQL jest wykorzystywana do ograniczenia liczby zwracanych wierszy, a nie do grupowania wyników. W zapytaniu 'SELECT pasmo, COUNT(wysokosc) FROM gory ORDER BY pasmo;' użyto funkcji COUNT() zamiast AVG(). Funkcja COUNT() zlicza liczbę wartości, a nie oblicza ich średniej. Dodatkowo, zamiast grupowania wyników klauzulą GROUP BY, użyto klauzuli ORDER BY, która służy do sortowania wyników, a nie grupowania. Ostatnia błędna odpowiedź 'SELECT pasmo, SUM(wysokosc) FROM gory GROUP BY pasmo;' używa funkcji SUM() zamiast AVG(). Funkcja SUM() oblicza sumę wartości, a nie ich średnią. Klauzula GROUP BY jest poprawnie użyta do grupowania wyników. Pamiętaj, że wybór odpowiedniej funkcji agregującej i klauzuli jest kluczowy dla uzyskania prawidłowych wyników zapytania SQL.
Pytanie 5
Efektem wykonania kwerendy dla przedstawionej tabeli rezerwacje jest
SELECT sezon, SUM(liczba_dn) FROM rezerwacje
GROUP BY sezon;
Dobrze, że wybrałeś odpowiedź 'lato 20, zima 27'. Jest to poprawne rozwiązanie, ponieważ zapytanie SQL, które wykonujemy na tabeli rezerwacje, grupuje wyniki według sezonu i sumuje liczbę dni dla każdego sezonu. W praktyce, jeżeli mamy tabelę z danymi o rezerwacjach na różne sezony i chcemy zrozumieć, ile łącznie dni zostało zarezerwowanych dla każdego sezonu, musimy użyć takiego zapytania. W tym przypadku, suma dni dla sezonu 'lato' wynosi 20, a dla sezonu 'zima' - 27. Wiedza ta jest niezwykle przydatna, gdy na przykład chcemy zaplanować ilość dostępnych miejsc w hotelu na kolejne sezony, biorąc pod uwagę historię rezerwacji. Zwróć uwagę, że korzystanie z funkcji agregujących jak SUM w SQL jest kluczowe dla przeprowadzania analiz danych. Właściwe zrozumienie i stosowanie tych funkcji pozwoli Ci na przeprowadzanie skomplikowanych analiz i przewidywań na podstawie zgromadzonych danych.
Pytanie 6
Aby przeanalizować rozkład ilościowy różnych kolorów na zdjęciu, należy skorzystać z
A. rozmycia Gaussa
B. balansu kolorów
C. desaturacji
D. histogramu
Desaturacja to taki proces, który sprawia, że kolory w obrazku są mniej intensywne, co czasem prowadzi do efektu czarno-białego albo po prostu bardziej stonowanej kolorystyki. Moim zdaniem, w niektórych sytuacjach może się to przydać, ale nie daje informacji o tym, jak kolory się rozkładają. Ludzie mogą pomyśleć, że desaturacja pomoże im w analizie kolorów, ale tak naprawdę to tylko zasłania różnice i nie ujawnia, co tak naprawdę jest w obrazie. Balans kolorów to sprawa dostosowywania intensywności poszczególnych kolorów, co zmienia wygląd zdjęcia, ale też nie mówi nic o ich ilościowym rozkładzie. A rozmycie Gaussa to sposób na wygładzanie obrazów, żeby zredukować szumy, a nie do analizy kolorów. Wybierając jedną z tych opcji, można łatwo pomylić się i sądzić, że zyskuje się jakieś dane o rozkładzie kolorów, podczas gdy tak naprawdę żadna z tych metod tego nie robi. Dlatego lepiej trzymać się histogramu, bo on naprawdę pokazuje, co się dzieje z kolorami w obrazach.
Pytanie 7
<?php $pi=3.14; var_dump($pi); ?>
Jakie będzie wyjście po wykonaniu przedstawionego kodu PHP?
A. float(3.14)
B. object(3.14)
C. int(314)
D. string(3)
Odpowiedź 'float(3.14)' jest poprawna, ponieważ w kodzie PHP zmienna \$pi została zainicjalizowana jako liczba zmiennoprzecinkowa z wartością 3.14. Funkcja var_dump() służy do wyświetlania typu oraz wartości zmiennej, a w przypadku liczby zmiennoprzecinkowej wynik będzie wskazywał na typ float. Warto zauważyć, że PHP automatycznie rozpoznaje typy zmiennych, a liczby zmiennoprzecinkowe są powszechnie używane w obliczeniach wymagających precyzji, takich jak matematyka finansowa czy fizyka. W kontekście programowania w PHP, dobrym zwyczajem jest korzystanie z funkcji var_dump() podczas debugowania kodu, aby mieć jasny obraz typów danych i ich wartości w danym momencie. W praktyce, dobrze jest również implementować typowanie w PHP 7 i nowszych, co umożliwia lepszą kontrolę nad typami zmiennych, co z kolei prowadzi do bardziej stabilnego i czytelnego kodu. Warto także zwrócić uwagę na zasadę, że odpowiednie typy danych są kluczowe dla wydajności i niezawodności aplikacji, co czyni tę wiedzę szczególnie istotną dla każdego programisty."
Pytanie 8
Jakie oprogramowanie jest potrzebne do uruchomienia skryptu JavaScript działającego na stronie?
A. przeglądarka internetowa
B. serwer WWW
C. serwer MySQL
D. debugger JavaScript
Skrypt JavaScript działający na stronie wykonuje się po stronie KLIENTA, więc do jego uruchomienia wystarczy przeglądarka internetowa - ma ona wbudowany silnik JS interpretujący kod. Dlatego potrzebna jest przeglądarka internetowa.
Pytanie 9
Którego polecenia użyć, aby włączyć do skryptu zawartość pliku egzamin.php z kodem PHP?
A.
getfile("egzamin.php");
B.
fgets("egzamin.php");
C.
fopen("egzamin.php");
D.
include("egzamin.php");
Aby włączyć do skryptu zawartość innego pliku z kodem PHP, używa się include("egzamin.php"); - PHP wykona dołączony kod w miejscu wywołania. Dlatego poprawne jest include("egzamin.php");.
Pytanie 10
Co przechowuje w PHP predefiniowana zmienna $_SESSION?
A. listę wszystkich sesji na serwerze
B. zmienne zarejestrowane w bieżącej sesji
C. zmienne przesłane z formularza
D. zmienne przesłane przez ciasteczka
Pozostałe opisy są błędne. $_SESSION nie zawiera listy WSZYSTKICH sesji na serwerze - tylko dane bieżącego użytkownika. Zmienne z formularza trafiają do $_POST/$_GET, a dane z ciasteczek do $_COOKIE. $_SESSION przechowuje zmienne bieżącej sesji.
Pytanie 11
Jak nazywa się tłumaczenie kodu źródłowego napisanego przez programistę na zrozumiały dla komputera kod maszynowy?
A. wdrażanie
B. wykonywanie
C. kompilowanie
D. analizowanie błędów
Tłumaczenie kodu źródłowego na zrozumiały dla komputera kod maszynowy nazywa się kompilowaniem - wykonuje je kompilator, tworząc plik wynikowy. Dlatego ta czynność to kompilowanie.
Pytanie 12
Czego wymaga uruchomienie kodu JavaScript w przeglądarce?
A. debugowania
B. interpretowania
C. zamiany na kod maszynowy przez programistę
D. kompilowania
JavaScript nie wymaga ręcznej kompilacji ani zamiany na kod maszynowy przez programistę - robi to silnik przeglądarki w locie. Debugowanie służy do szukania błędów, a nie do uruchamiania kodu. Uruchomienie JS opiera się na interpretowaniu.
Pytanie 13
W kodzie CSS stworzono cztery klasy stylizacji, które zostały wykorzystane do formatowania akapitów. Efekt widoczny na ilustracji uzyskano dzięki zastosowaniu klasy o nazwie
A. format4
B. format2
C. format3
D. format1
Odpowiedź format2 jest poprawna, ponieważ stylizacja zastosowana do tekstu na obrazie to line-through, co oznacza przekreślenie. W CSS właściwość text-decoration pozwala na dodawanie różnych dekoracji do tekstu, takich jak underline (podkreślenie), overline (nadkreślenie) czy line-through (przekreślenie). Przekreślenie jest często używane do zaznaczania usuniętego tekstu lub do pokazywania zmian w dokumentach, co jest zgodne z dobrą praktyką w edytorach tekstu i aplikacjach do śledzenia zmian. W kodzie HTML klasy CSS są zazwyczaj stosowane poprzez dodanie atrybutu class do odpowiedniego elementu. Użycie klasy format2 w kodzie HTML wyglądałoby jak <p class='format2'>. Wielu projektantów korzysta z takich dekoracji, aby poprawić czytelność i funkcjonalność stron internetowych, zapewniając użytkownikom intuicyjne oznaczenia wizualne. Ważne jest także użycie semantycznego HTML, co w połączeniu z odpowiednimi stylami CSS pozwala tworzyć dostępne dla użytkowników strony internetowe zgodne ze standardami W3C.
Pytanie 14
Logo platformy CMS noszącej nazwę Joomla! to
A. A
B. D
C. B
D. C
Pozostałe logotypy reprezentują inne popularne systemy CMS i platformy. Logo oznaczone literą A przedstawia Drupala który jest także systemem zarządzania treścią napisanym w PHP. Drupal jest znany z dużej elastyczności oraz możliwości tworzenia zaawansowanych aplikacji webowych. Jest często używany przez duże organizacje i rządy ze względu na swoje zaawansowane opcje bezpieczeństwa i możliwość personalizacji. Logo C przedstawia inny mniej znany system który nie jest tak popularny jak Joomla! czy Drupal ale może być wykorzystywany w specyficznych przypadkach. Z kolei logo D to symbol WordPressa najbardziej rozpowszechnionego systemu CMS na świecie. WordPress jest znany z prostoty obsługi i ogromnej liczby dostępnych wtyczek i motywów co czyni go idealnym wyborem dla blogerów i małych przedsiębiorstw. Wybór niewłaściwego logo wynika często z niewiedzy lub pomylenia różnych systemów CMS które różnią się funkcjonalnością i zastosowaniem. Każdy z tych systemów ma swoje unikalne zalety i jest przeznaczony do różnych rodzajów zastosowań dlatego ważne jest aby znać i rozumieć ich specyfikę przed podjęciem decyzji o wyborze odpowiedniego dla danego projektu. Porównując te systemy Joomla! oferuje unikalne funkcje które wyróżniają ją na tle innych co czyni ją doskonałym wyborem dla średnich i dużych projektów wymagających solidnej bazy danych i wsparcia społeczności użytkowników
Pytanie 15
W którym z podanych formatów można zapisać materiał wideo wraz ze ścieżką dźwiękową?
A. AAC
B. MP4
C. WAV
D. WMA
MP4 (MPEG-4 Part 14) to format kontenera, który w jednym pliku przechowuje strumień wideo oraz dźwięku (a także np. napisy). Dzięki dobrej kompresji i powszechnej zgodności z urządzeniami zdominował publikację filmów w internecie. Pozostałe wymienione formaty to czyste formaty AUDIO - zapiszą jedynie ścieżkę dźwiękową, bez obrazu. Dlatego wideo z dźwiękiem przechowa MP4.
Pytanie 16
Funkcja napisana w PHP ma na celu
A. zabezpieczenie bazy danych
B. pobranie informacji z bazy danych
C. ustawienie hasła do bazy danych
D. nawiązanie połączenia z bazą danych
Funkcja mysql_query z języka PHP jest używana do wykonywania zapytań SQL w bazie danych MySQL. W przedstawionym przykładzie zapytanie SELECT * FROM napisy pobiera wszystkie rekordy z tabeli o nazwie napisy. Jest to klasyczne zapytanie używane do uzyskania danych z bazy danych co czyni je podstawowym narzędziem programisty PHP operującego na bazach danych. Zwrócone dane mogą następnie być przetwarzane wyświetlane lub używane w dalszych operacjach aplikacji. Ważnym aspektem pracy z bazami danych jest ochrona przed atakami SQL Injection co można osiągnąć poprzez stosowanie przygotowanych wyrażeń lub funkcji takich jak mysqli_prepare. Warto też pamiętać że funkcja mysql_query jest przestarzała i niezalecana w nowych projektach a zamiast niej powinno się używać mysqli lub PDO. Obie te biblioteki oferują większe bezpieczeństwo i lepszą obsługę błędów co jest zgodne z aktualnymi standardami w branży. Praca z danymi wymaga nie tylko ich pobierania ale także odpowiedniego zarządzania czym zajmują się bardziej złożone mechanizmy jak ORM-y co upraszcza pracę z bazami danych i zwiększa czytelność kodu.
W kontekście analizy niepoprawnych odpowiedzi, odpowiedzi dotyczące zarządzania strukturą tabeli klienci oraz zarządzania strukturą bazy danych klienci są niepoprawne, ponieważ polecenie GRANT nie odnosi się do tych aspektów. Zarządzanie strukturą tabeli zazwyczaj obejmuje takie operacje jak tworzenie lub modyfikowanie tabel, co jest realizowane przez polecenia takie jak CREATE TABLE czy ALTER TABLE. W przypadku polecenia GRANT, nie ma mowy o wprowadzaniu zmian w strukturze tabeli, a jedynie o nadawaniu uprawnień do manipulacji danymi. Podobnie, zarządzanie strukturą bazy danych dotyczy bardziej operacji administracyjnych, takich jak tworzenie bazy danych, co również nie jest tożsame z uprawnieniami do operacji na danych. Ostatnia z niepoprawnych odpowiedzi, dotycząca manipulowania danymi bazy danych klienci, jest również myląca, ponieważ odnosi się do całej bazy danych jako całości, podczas gdy polecenie dotyczy wyłącznie konkretnej tabeli. W praktyce, zarządzanie danymi w kontekście bazy danych oznacza operacje na zbiorze danych, a nie na pojedynczych rekordach w tabelach. Dlatego kluczowe jest zrozumienie, że GRANT pozwala na nadawanie uprawnień do działania na konkretnej tabeli, a nie na całej bazie danych czy jej strukturze.
Pytanie 18
W przedstawionym filmie, aby połączyć tekst i wielokąt w jeden obiekt tak, aby operacja ta była odwracalna zastosowano funkcję
A. grupowania.
B. części wspólnej.
C. sumy.
D. wykluczenia.
W tym zadaniu łatwo się pomylić, bo w grafice wektorowej mamy kilka różnych funkcji, które na pierwszy rzut oka wyglądają podobnie: łączą obiekty w coś, co zachowuje się jak jeden element. Jednak ich działanie „pod maską” jest zupełnie inne. Funkcje typu suma, wykluczenie czy część wspólna to klasyczne operacje boolowskie na kształtach. One zmieniają geometrię obiektów, czyli tworzą nową ścieżkę wynikową na podstawie przecięcia lub połączenia istniejących. W praktyce oznacza to, że jeśli zastosujesz sumę na tekście i wielokącie, program najczęściej zamieni tekst na krzywe i połączy wszystko w jedną ścieżkę. Efekt wizualny może być fajny, ale edytowalność tekstu przepada. Nie możesz już po prostu zmienić czcionki czy liter, bo to nie jest tekst, tylko zestaw węzłów. Podobnie z wykluczeniem: ta operacja tworzy „dziurę” jednego obiektu w drugim. Używa się jej np. do wycinania napisu z tła lub tworzenia maski. To jest typowy trik przy projektach logotypów albo efektach dekoracyjnych. Ale z punktu widzenia pytania – to działanie jest destrukcyjne dla tekstu, bo znowu zamienia go na kształt i łączy z wielokątem w sposób nieodwracalny (poza cofnięciem operacji). Część wspólna działa jeszcze ostrzej: zostawia tylko obszar, w którym obiekty się nakładają. Reszta jest tracona. To też jest operacja geometryczna, a nie organizacyjna. Typowy błąd myślowy polega na założeniu, że „skoro po operacji mam jeden obiekt, to znaczy, że to jest to samo co grupowanie”. Niestety nie. Grupowanie nie modyfikuje kształtów, tylko tworzy kontener logiczny – tak jakbyś w folderze trzymał kilka plików. Możesz je potem rozgrupować i wszystko wraca do stanu sprzed grupowania. Operacje suma, wykluczenie, część wspólna są destrukcyjne względem oryginalnych obiektów, bo generują nową ścieżkę zamiast starych. W kontekście dobrych praktyk w grafice komputerowej i multimediach przyjmuje się, że dopóki chcesz zachować pełną edytowalność (szczególnie tekstów), używasz grupowania, warstw i wyrównywania, a dopiero na późnym etapie projektu stosujesz operacje boolowskie, i to świadomie, wiedząc, że cofasz się już tylko historią edycji. Dlatego w pytaniu, gdzie mowa jest wprost o połączeniu tekstu i wielokąta w jeden obiekt w sposób odwracalny, jedyną sensowną odpowiedzią jest funkcja grupowania, a nie suma, wykluczenie czy część wspólna.
Funkcja policz została wywołana z parametrem $Z = 1. Jaki rezultat zostanie zwrócony?
A. 1
B. 7
C. 13
D. 4
W przypadku analizy odpowiedzi 7, 4 i 1 można zauważyć, że w każdym z tych przypadków nie uwzględniono pełnych obliczeń zachodzących w pętli while. Odpowiedź 7 może sugerować, że po pierwszej iteracji pętli przyjęto, że $Z przestaje być aktualizowane w kolejnych krokach, co jest nieprawidłowe. W rzeczywistości, wartości $Z są stale aktualizowane w każdej iteracji pętli, co prowadzi do znacznie większych wyników. Z kolei odpowiedź 4 pomija fakt, że po pierwszym obliczeniu $Z wynosi 4, ale nie jest to wartość końcowa, ponieważ pętla nie kończy się, dopóki warunek jest spełniony. Ostatecznie, odpowiedź 1 ignoruje całkowicie logikę funkcji i powtarzanie obliczeń, co prowadzi do błędnych założeń. Często przy takich zadaniach błędy myślowe wynikają z niewłaściwego zrozumienia działania pętli oraz mechanizmu aktualizacji zmiennej. Kluczowe jest, aby dokładnie przeanalizować każdy krok pętli i unikać pośpiechu w obliczeniach. W programowaniu należy zwracać uwagę na każde wyrażenie oraz jego konsekwencje dla dalszego działania algorytmu, aby nie przeoczyć istotnych zmian zachodzących w danych.
Pytanie 20
Jak określa się metodę umożliwiającą nawiązanie asynchronicznego połączenia klienta z serwerem i prowadzenie komunikacji bez konieczności przeładowania całej strony WWW?
A. AJAX
B. XML
C. PHP
D. VBScript
AJAX (Asynchronous JavaScript and XML) to technika używana w projektowaniu aplikacji internetowych, która umożliwia asynchroniczną komunikację między klientem a serwerem. Główną zaletą AJAX jest to, że pozwala na zaktualizowanie części strony internetowej bez potrzeby jej przeładowywania. Dzięki temu użytkownicy mogą interaktywnie korzystać z aplikacji, co poprawia doświadczenia użytkownika i zwiększa wydajność strony. Przykładem zastosowania AJAX może być dynamiczne ładowanie danych w formularzach, aktualizacja treści przy użyciu przycisków (np. 'Zobacz więcej'), czy też autouzupełnianie w polach tekstowych. Wykorzystując AJAX, deweloperzy mogą również minimalizować ruch sieciowy, ponieważ tylko zmienione lub nowe dane są przesyłane między serwerem a klientem. Technika ta jest zgodna z wieloma standardami webowymi, w tym z RESTful API, co czyni ją kluczowym elementem nowoczesnych architektur webowych. Warto zaznaczyć, że AJAX jest fundamentem dla wielu frameworków JavaScript, takich jak jQuery, Angular czy React, które jeszcze bardziej ułatwiają jego implementację.
Pytanie 21
Funkcja drzewo kontekstowe w edytorze WYSIWYG Adobe Dreamweaver ma na celu
A. stylizację tekstu za pomocą dostępnych znaczników
B. określenie kaskadowych arkuszy stylów przypisanych do strony
C. przygotowanie szablonu witryny internetowej
D. prezentowanie interaktywnej struktury drzewa HTML dla treści statycznych i dynamicznych
Wybór odpowiedzi dotyczącej definiowania kaskadowych arkuszy stylów (CSS) w kontekście funkcji drzewa kontekstowego w Adobe Dreamweaver jest mylący. Kaskadowe arkusze stylów są narzędziem służącym do stylizacji stron internetowych, ale nie są bezpośrednio związane z funkcjonalnością drzewa kontekstowego, które koncentruje się na przedstawieniu struktury HTML dokumentu. Kiedy projektant korzysta z edytora, może wprowadzać zmiany w stylach CSS, jednak drzewo kontekstowe nie jest dedykowane temu procesowi. Ponadto, zrozumienie struktury HTML jest kluczowe do efektywnego stosowania CSS, ale to nie oznacza, że można je mylić. Druga odpowiedź, dotycząca tworzenia szablonu strony internetowej, jest również nieprecyzyjna. Szablony są narzędziem do ułatwienia konstrukcji stron, ale drzewo kontekstowe nie jest bezpośrednio związane z ich tworzeniem. Podobnie, formatowanie tekstu przy pomocy znaczników nie jest funkcją drzewa kontekstowego; jest to zadanie edytora WYSIWYG jako całości. Zrozumienie tych koncepcji technicznych jest kluczowe, aby uniknąć typowych pułapek myślowych, takich jak mylenie różnych funkcji edytorów oraz ich zastosowań w procesie tworzenia stron internetowych. Osoby pracujące w branży powinny być dobrze zaznajomione z odpowiedzialnością, jaką niesie ze sobą poprawne stosowanie narzędzi i technologii, aby efektywnie realizować projekty webowe.
Pytanie 22
Jak brzmi nazwa edytora, który wspiera proces tworzenia stron internetowych i którego działanie można określić w polskim tłumaczeniu słowami: widzisz to, co otrzymujesz?
A. WEB STUDIO
B. WYSIWYG
C. VISUAL EDITOR
D. IDE
Termin WYSIWYG to skrót od "What You See Is What You Get", co w dosłownym tłumaczeniu oznacza "to, co widzisz, to, co otrzymasz". Odnosi się to do edytorów graficznych, które pozwalają użytkownikowi na wizualne projektowanie stron internetowych w sposób, który odzwierciedla finalny wygląd strony. Dzięki edytorom WYSIWYG, użytkownicy mogą tworzyć i edytować treści bez konieczności znajomości języków programowania, takich jak HTML czy CSS. Przykładem takiego edytora może być Adobe Dreamweaver, które oferuje zarówno tryb wizualny, jak i możliwość edycji kodu. W praktyce, korzystanie z edytora WYSIWYG przyspiesza proces tworzenia stron, ponieważ pozwala na szybkie wprowadzanie zmian, przetestowanie ich w czasie rzeczywistym oraz łatwe zarządzanie elementami graficznymi. Standardy branżowe promują takie podejście, ponieważ zwiększa ono dostępność tworzenia stron internetowych dla osób bez technicznego wykształcenia, co jest szczególnie istotne w kontekście rozwijającej się digitalizacji i rosnącego zapotrzebowania na treści online.
Pytanie 23
Aby tworzyć strony internetowe w sposób graficzny, należy skorzystać z
A. programu typu WYSIWYG
B. edytora CSS
C. przeglądarki internetowej
D. programu MS Office Picture Manager
Programy typu WYSIWYG (What You See Is What You Get) są narzędziami umożliwiającymi tworzenie stron internetowych w sposób wizualny, co znacznie ułatwia proces projektowania. Użytkownik może edytować strony bez konieczności znajomości języków programowania, takich jak HTML czy CSS, ponieważ te programy generują kod automatycznie na podstawie działań użytkownika. Przykładami takich aplikacji są Adobe Dreamweaver, Wix czy WordPress, które pozwalają na łatwe dodawanie treści, stylów i multimediów. Dzięki zastosowaniu programów WYSIWYG, projektanci mogą skupić się na estetyce i funkcjonalności stron, co jest zgodne z dobrymi praktykami branżowymi, które promują użyteczność i dostępność. Warto również zauważyć, że wiele z tych narzędzi oferuje szereg szablonów i komponentów, które przyspieszają proces tworzenia i zapewniają zgodność z aktualnymi standardami webowymi (np. W3C).
Pytanie 24
W JavaScript zapis a++; można przedstawić w inny sposób jako
A. 1 += a
B. a << 1
C. a = a + 1
D. a = a & 1
Odpowiedź 'a = a + 1;' jest poprawna, ponieważ dokładnie odzwierciedla działanie operatora inkrementacji 'a++;'. Operator '++' w JavaScript zwiększa wartość zmiennej o 1. W przypadku użycia 'a = a + 1;', operacja ta jest explicite zapisana jako przypisanie aktualnej wartości 'a' powiększonej o 1. Taki zapis jest często stosowany w sytuacjach, gdy chcemy lepiej zrozumieć, co się dzieje w kodzie, szczególnie dla początkujących programistów. Przykładowo, jeśli mamy zmienną, która przechowuje liczbę, możemy użyć 'a = a + 1;' w pętli, aby zliczać ilość iteracji. Warto zauważyć, że użycie operatora '++' jest bardziej zwięzłe i często preferowane w profesjonalnym kodzie, jednak zrozumienie, jak działa to na poziomie podstawowym, jest kluczowe. Dobrą praktyką jest dbałość o przejrzystość kodu, zwłaszcza w zespołach, gdzie różne osoby mogą pracować nad tym samym projektem.
Pytanie 25
Po wykonaniu poniższego kodu PHP, w zmiennej $napis znajduje się tekst:
$napis="Programowanie w PHP";$napis=substr($napis,3,5);
A. gr
B. og
C. ogram
D. gramo
Wybór odpowiedzi 'gr' lub 'og' oraz 'ogram' jest wynikiem nieporozumienia dotyczącego działania funkcji substr() w PHP. Funkcja ta nie zwraca pierwszych kilku znaków z łańcucha, lecz podciąg zaczynający się od określonego indeksu. W przypadku odpowiedzi 'gr', wydaje się, że koncentrujesz się na pierwszych dwóch znakach od momentu, gdy substr() zaczyna od indeksu 3, co jest błędne. Indeks 3 w łańcuchu 'Programowanie w PHP' wskazuje na literę 'g', a nie zawiera żadnych liter przed nią. Z kolei odpowiedź 'og' pomija literę 'r', co również jest błędne. Natomiast wybór 'ogram' może wynikać z mylnego przekonania, że substr() zwraca więcej znaków, niż rzeczywiście to robi. Funkcja substr() działa na zasadzie podawania precyzyjnych wartości, które określają, od którego znaku zacząć i ile znaków wyodrębnić. Dlatego kluczowe jest zrozumienie indeksowania w PHP oraz tego, jak funkcja substr() interpretuje te wartości. Zrozumienie tych zasad jest istotne, zwłaszcza przy pracy z danymi tekstowymi, gdzie precyzyjne operacje są niezbędne do poprawnego przetwarzania i manipulacji łańcuchami znaków. Warto także zwrócić uwagę na dokumentację PHP, aby lepiej poznać inne parametry i możliwości funkcji substr() oraz jej zastosowania w kontekście programowania webowego. Zastosowanie takich funkcji w praktyce pozwala na bardziej efektywne zarządzanie danymi, co jest kluczowe w projektach programistycznych.
Pytanie 26
Podany poniżej kod źródłowy w języku C++ ma na celu wypisywanie dla wprowadzonych dowolnych liczb całkowitych różniących się od zera:
Kod źródłowy napisany w języku C++ ma na celu wypisywanie tylko liczb parzystych. Funkcja main() wczytuje liczbę całkowitą za pomocą cin, a następnie wchodzi w pętlę while, która trwa tak długo, jak długo wczytana liczba nie jest równa zero. Wewnątrz pętli, zastosowano sprawdzenie warunku, który definiuje, czy liczba jest parzysta, poprzez operator modulo: (liczba % 2) == 0. Jeśli wynik tego działania jest równy zero, liczba jest parzysta i zostaje wypisana na ekranie. Wszelkie inne liczby (nieparzyste) nie są wyświetlane. Przykładem praktycznego zastosowania tego kodu może być program do analizy danych liczbowych, gdzie chcemy zebrać tylko liczby parzyste do dalszej obróbki, na przykład w statystyce lub w aplikacjach finansowych. Praktyczne podejście do programowania w C++ wymaga znajomości takich konstrukcji jak pętle i warunki, co jest zgodne z najlepszymi praktykami inżynieryjnymi w branży oprogramowania.
Pytanie 27
W języku PHP wyniki zapytania z bazy danych zostały pobrane przy użyciu polecenia mysql_query(). Aby uzyskać dane w postaci wierszy z tej zwróconej kwerendy, należy użyć polecenia:
A. mysql_field_len()
B. mysql_list_fields()
C. mysql_fetch_lengths()
D. mysql_fetch_row()
Funkcja mysql_fetch_row() to naprawdę ważne narzędzie w PHP, które pomaga w pracy z wynikami zapytań SQL. Kiedy wykonasz zapytanie za pomocą mysql_query(), dostajesz zestaw wyników, który można traktować jak tablicę. Używając mysql_fetch_row(), możesz pobrać jeden wiersz danych z tego zestawu, a to przychodzi w formie tablicy numerycznej. To bardzo przydatne, szczególnie gdy chcesz przejść przez wszystkie wiersze, które zwraca zapytanie. Na przykład, przy wyświetlaniu danych w HTML. Super jest to, że ta funkcja jest prosta w użyciu i działa efektywnie, dlatego tak wielu programistów ją ceni. Pamiętaj, żeby zawsze zabezpieczać zapytania przed SQL Injection. Możesz to zrobić, stosując przygotowane zapytania (prepared statements) albo funkcje, jak mysqli_query() z mysqli_fetch_row(). Warto też wiedzieć, że jeśli nie ma już więcej wierszy do pobrania, to mysql_fetch_row() zwróci false. Można to wykorzystać do kontrolowania pętli w kodzie, co jest przydatne.
Pytanie 28
Dany fragment kodu ilustruje składnię danego języka
A. PHP
B. JavaScript
C. C
D. C#
Kod przedstawiony w pytaniu jest napisany w języku PHP który jest popularnym językiem skryptowym stosowanym na serwerach do generowania dynamicznych stron internetowych Zaczyna się od znacznika otwierającego '<?php' co jasno wskazuje na PHP W kodzie użyte są funkcje takie jak file_get_contents fopen fwrite i fclose które są typowe dla PHP i służą do manipulacji plikami Funkcja file_get_contents służy do odczytywania zawartości pliku co jest niezbędne do pobrania aktualnej wartości zmiennej Silosc Następnie zmienna ta jest inkrementowana aby zwiększyć jej wartość o jeden co jest powszechnie stosowane w licznikach odwiedzin stron internetowych PHP jako język skryptowy pozwala na łatwe manipulowanie danymi serwera a także na integrację z bazami danych i szeroką gamę funkcji sieciowych i narzędzi co czyni go jednym z najczęściej używanych języków do tworzenia aplikacji webowych Dobrym standardem jest stosowanie PHP w przypadku gdy potrzebne jest dynamiczne generowanie treści oraz zarządzanie danymi użytkowników
Pytanie 29
Wskaż warunek w języku JavaScript, który ma na celu sprawdzenie, czy przynajmniej jeden z poniższych przypadków jest spełniony: 1) dowolna naturalna liczba a jest liczbą trzycyfrową 2) dowolna liczba całkowita b jest liczbą ujemną
A. ((a>99)&&(a<1000))&&(b<0)
B. ((a>99)&&(a<1000))||(b<0)
C. ((a>99)||(a<1000))||(b<0)
D. ((a>99)||(a<1000))&&(b<0)
Warunek zapisany jako ((a>99)&&(a<1000))||(b<0) jest poprawny, ponieważ sprawdza dwa różne przypadki. Pierwsza część warunku, (a>99)&&(a<1000), zwraca prawdę, gdy a jest liczbą naturalną w zakresie od 100 do 999, co oznacza, że jest to liczba trzycyfrowa. Z kolei druga część, b<0, jest spełniona, gdy b jest liczbą całkowitą mniejszą od zera, co oznacza, że jest to liczba ujemna. Zastosowanie operatora logicznego '||' (OR) pozwala na spełnienie warunku, gdy przynajmniej jeden z dwóch przypadków jest prawdziwy. Użycie operatora '&&' (AND) w pierwszej części jest kluczowe, ponieważ musi być spełniony zarówno warunek większy niż 99, jak i mniejszy niż 1000, co pozwala na precyzyjne określenie, czy a jest liczbą trzycyfrową. Przykładowo, gdy a = 150, a b = -5, cały warunek zwróci prawdę z powodu drugiej części warunku. Na przeciwnym biegunie, jeśli a = 50, a b = 5, warunek zwróci fałsz, ponieważ ani a nie jest trzycyfrowe, ani b nie jest ujemne. Tego rodzaju warunki są powszechnie stosowane w programowaniu, aby weryfikować różne stany i wartości zmiennych w aplikacjach webowych i systemach informatycznych.
Pytanie 30
Naciśnięcie przycisku o nazwie "niebieski" spowoduje uruchomienie podanego kodu JavaScript. Jaki będzie rezultat jego działania?
A. Zmiana koloru tekstu "Przykładowy tekst i skrypt" na niebieski
B. Zmiana koloru tekstu "Przykładowy tekst" na niebieski
C. Zmiana koloru przycisku na niebieski
D. Zmiana koloru tekstu "i skrypt" na niebieski
W analizowanym kodzie JavaScript celem operacji jest zmiana koloru tekstu przy użyciu funkcji changeColor. Funkcja ta została zaprojektowana do modyfikacji koloru tekstu konkretnego elementu HTML z identyfikatorem 'para1'. Błędne interpretacje wynikały z nieprawidłowego rozumienia struktury kodu i mechanizmu działania funkcji. Jednym z częstych błędów myślowych jest przypuszczenie, że przycisk uruchamiający funkcję zmienia swój własny kolor, jednak w rzeczywistości funkcja modyfikuje tylko wskazany element za pomocą getElementById. Kolejna niepoprawna interpretacja dotyczyła modyfikacji tekstu 'i skrypt', który znajduje się w osobnym paragrafie bez id, przez co nie jest objęty zmianą koloru. Funkcja changeColor została zaprojektowana tak, aby modyfikować jedynie elem.style.color dla określonego elementu identycznego z parametrem id. Błędy w analizie tego kodu często wynikają z pomijania istotnych szczegółów oraz z niedokładnej interpretacji funkcji JavaScript. Ważne jest odpowiednie zrozumienie kontekstu działania funkcji oraz ich parametrów, co pozwala na uniknięcie takich pomyłek. W praktyce programistycznej, dokładne poznanie metod operujących na elementach DOM jest kluczowe dla tworzenia interaktywnych i dynamicznych stron internetowych.
Pytanie 31
Kiedy w JavaScript można zadeklarować zmienną?
A. tylko na początku skryptu
B. zawsze z poprzedzającym nazwę znakiem $
C. tylko po podaniu typu i nazwy zmiennej
D. w chwili pierwszego użycia (gdy jest potrzebna)
JavaScript ma dynamiczne typy, więc nie wymusza deklaracji „na początku skryptu” ani podawania typu. Znak $ przed nazwą jest charakterystyczny dla PHP, nie JS. Zmienną można zadeklarować tam, gdzie jest potrzebna - w chwili pierwszego użycia.
Pytanie 32
CMYK to zestaw czterech podstawowych kolorów stosowanych w druku:
A. turkusowego, błękitnego, białego, różowego
B. turkusowego, purpurowego, żółtego, czarnego
C. czerwonego, purpurowego, żółtego, szarego
D. turkusowego, purpurowego, białego, czarnego
CMYK to model barw używany w druku, oparty na czterech farbach: C - cyan (turkusowy), M - magenta (purpurowy), Y - yellow (żółty) i K - key/black (czarny). Kolory powstają przez nakładanie farb na biały papier (synteza substraktywna), a czarny dodaje głębi i oszczędza pozostałe farby. Dlatego CMYK to turkusowy, purpurowy, żółty i czarny.
Pytanie 33
Deklaracja
<!DOCTYPEhtml>
informuje przeglądarkę internetową o:
A. dostosowaniu strony internetowej do różnych rozmiarów urządzeń.
B. tytule strony internetowej.
C. indeksowaniu strony internetowej na potrzeby pozycjonowania witryny.
D. wersji języka HTML zastosowanej w dokumencie strony internetowej.
Deklaracja <!DOCTYPE html> bywa często lekceważona, bo wydaje się tylko jakimś tajemniczym napisem na samej górze pliku. Przez to wiele osób przypisuje jej funkcje, których w ogóle nie pełni. Warto to uporządkować, bo zrozumienie roli DOCTYPE ma duże znaczenie przy profesjonalnym tworzeniu stron WWW.
Przede wszystkim DOCTYPE nie ma nic wspólnego z tytułem strony. Tytuł ustawia się w elemencie <title> wewnątrz sekcji <head>, np. <title>Moja strona</title>. To właśnie ta wartość jest wyświetlana na karcie przeglądarki i używana przez wyszukiwarki jako tytuł wyniku. Deklaracja <!DOCTYPE html> nie zawiera żadnych informacji tekstowych dla użytkownika ani dla SEO.
Częsty błąd to też kojarzenie DOCTYPE z responsywnością i dostosowaniem strony do różnych rozmiarów urządzeń. Za zachowanie na urządzeniach mobilnych odpowiada głównie meta-tag viewport, np. <meta name="viewport" content="width=device-width, initial-scale=1.0">, oraz odpowiednio napisane reguły CSS (media queries, elastyczne siatki, jednostki procentowe, rem, vw itp.). DOCTYPE jedynie włącza nowoczesny tryb renderowania, ale sam z siebie nie sprawia, że strona jest „mobile-friendly”. To już zadanie dla projektanta front-endu.
Nie można też wiązać DOCTYPE z indeksowaniem strony przez wyszukiwarki. Roboty Google czy innych wyszukiwarek bazują na treści, strukturze semantycznej, linkach, meta-opisach, szybkości ładowania, danych strukturalnych i wielu innych czynnikach. Obecność poprawnego DOCTYPE jest mile widziana ze względu na standardy i poprawny rendering, ale nie jest to znacznik, który mówi: „indeksuj tę stronę” albo „pozycjonuj ją wyżej”. Takie myślenie to typowy skrót: skoro coś jest na samej górze, to musi być ważne dla SEO – a tutaj to po prostu nie jest prawda.
Rzeczywista funkcja deklaracji <!DOCTYPE html> polega na poinformowaniu przeglądarki, jaką specyfikację HTML ma stosować przy interpretacji dokumentu. Współcześnie jest to HTML5. Dzięki temu przeglądarka przechodzi w tzw. standard mode i korzysta z aktualnych reguł parsowania, co wpływa na spójność działania CSS i HTML w różnych silnikach. To jest fundament poprawnego renderowania, ale zupełnie inny obszar niż tytuł strony, responsywność czy pozycjonowanie. Z mojego doświadczenia wynika, że kiedy ktoś myli rolę DOCTYPE, później ma problemy z diagnozowaniem, czemu strona zachowuje się inaczej, niż się spodziewa – bo szuka przyczyn nie tam, gdzie trzeba.
Pytanie 34
Które narzędzie wiersza poleceń tworzy KOPIĘ ZAPASOWĄ bazy MySQL (zrzut do pliku)?
A.
truncate
B.
mysqldump
C.
mysqlcheck
D.
create
Narzędzie mysqldump tworzy KOPIĘ ZAPASOWĄ bazy MySQL - zrzuca jej strukturę i dane do pliku (zwykle z poleceniami SQL), z którego można ją później odtworzyć. Dlatego kopię zapasową robi mysqldump.
Pytanie 35
Wskaż element, który definiuje pole edycyjne formularza zgodne z ilustracją
A. <input type="month" id="hh" name="mm">
B. <input type="number" id="mm" name="hh" min="0" max="24">
C. <input type="date" id=" minutes" name="hours">
D. <input type="time" id="minutes" name="hours">
Prawidłowy wybór to <input type="time" id="minutes" name="hours">, ponieważ dokładnie taki element HTML5 służy do wprowadzania godziny w formacie hh:mm, czyli tak jak na ilustracji. Atrybut type="time" mówi przeglądarce, że pole ma przyjmować tylko wartości czasu, bez daty, miesięcy czy liczb dowolnego typu. Zgodnie ze specyfikacją HTML Living Standard oraz HTML5, przeglądarka powinna wtedy wyświetlić natywne kontrolki do wyboru godziny (np. rozwijane listy, suwak, mały zegarek – zależy od systemu i przeglądarki). Dzięki temu użytkownik ma mniejsze ryzyko pomyłki, a walidacja odbywa się częściowo automatycznie. Z mojego doświadczenia warto korzystać z type="time" zawsze, gdy formularz dotyczy konkretnych godzin, np. godzina rozpoczęcia pracy, rezerwacja wizyty, planowanie spotkania online. Po stronie serwera (np. w PHP) to pole przychodzi jako tekst w formacie „HH:MM”, co jest łatwe do dalszego przetwarzania, parsowania do obiektu DateTime albo zapisu w bazie danych w typie TIME. Dobra praktyka jest też taka, żeby nazwy atrybutów id i name były semantyczne. W tym zadaniu nie ma to wpływu na poprawność odpowiedzi, ale w realnym projekcie lepiej byłoby użyć np. id="endTime" i name="end_time". Ułatwia to później pracę z JavaScriptem i po stronie backendu. Warto też pamiętać o dodaniu atrybutów min i max, jeśli chcemy ograniczyć zakres godzin (np. od 08:00 do 20:00), oraz pattern lub dodatkowej walidacji JS, jeśli mamy specyficzne wymagania. Mimo że ilustracja nie pokazuje tych szczegółów, sam mechanizm type="time" jest tu absolutnie kluczowy i zgodny z dobrymi praktykami front-endowymi.
Pytanie 36
W zaprezentowanej klasie zdefiniowane zostały
classa{
public$b;
public$c;
public functiond() {}
}
A. dwa obiekty
B. dwie właściwości
C. dwie metody
D. jedna właściwość
Odpowiedzi wskazujące na dwa obiekty lub dwie metody są błędne z powodu niepoprawnej interpretacji struktury klasy. Obiekty są instancjami klas, a nie ich składnikami. W kodzie zadań nie ma definicji żadnych obiektów tylko konstrukcja klasy. Z kolei w kontekście programowania obiektowego metody to funkcje zdefiniowane wewnątrz klasy które mogą operować na danych obiektu i realizować jego funkcje. W przedstawionym kodzie znajduje się tylko jedna metoda o nazwie d. Właściwość jest składnikiem klasy i może być polem lub zmienną instancji która przechowuje dane specyficzne dla instancji klasy. Poprawna odpowiedź zawiera dwie właściwości $b i $c zdefiniowane w klasie jako public. Częstym błędem jest mylenie pojęć metod i właściwości co wynika z braku zrozumienia różnicy między nimi. Metody wykonują operacje na danych obiektu natomiast właściwości przechowują te dane. Zrozumienie tej różnicy jest fundamentem poprawnego stosowania paradygmatu obiektowego w programowaniu i pozwala na bardziej efektywne projektowanie kodu oraz zarządzanie stanem obiektów.
Pytanie 37
Jakie właściwości stylu CSS poprawnie definiują dla akapitu czcionkę: Arial; jej wielkość: 16 pt; oraz styl czcionki: kursywa?
A. p {font-style: Arial; size: 16px; font-weight: normal;}
B. p {font-family: Arial; font-size: 16px; font-variant: normal;}
C. p {font-family: Arial; font-size: 16pt; font-style: italic;}
D. p {font-style: Arial; font-size: 16pt; font-variant: normal;}
W analizowanych odpowiedziach zawarte są błędy, które wynikają z niepoprawnego użycia właściwości CSS. Przede wszystkim w przypadku pierwszej odpowiedzi, użycie font-style do definiowania kroju czcionki jest całkowicie błędne, ponieważ ta właściwość powinna odnosić się do stylu (np. italic, normal), a nie do krój czcionki, który powinien być definiowany przez font-family. Druga odpowiedź także zawiera podobne niedociągnięcie, w której zamiast font-family podano font-style, co prowadzi do nieprawidłowego zinterpretowania deklaracji. Dodatkowo, właściwość size jest niepoprawna, ponieważ powinna być font-size; użycie size nie jest zgodne z żadnym standardem CSS. Trzecia odpowiedź z kolei posługuje się jednostką px zamiast pt dla rozmiaru czcionki, co może prowadzić do problemów z wyświetlaniem tekstu na różnych urządzeniach. Chociaż px jest popularną jednostką w CSS, nie jest ona zalecana, gdy mamy do czynienia z typografią opartą na punktach, co jest szczególnie istotne w druku. Wreszcie, czwarta odpowiedź również niepoprawnie używa jednostki px oraz font-variant w kontekście stylu czcionki, co świadczy o braku zrozumienia zastosowań tych właściwości. Kluczowe jest, aby rozumieć funkcję każdej z właściwości CSS i stosować je zgodnie z ich przeznaczeniem, co pozwoli na tworzenie estetycznych i funkcjonalnych stylów w projektach webowych.
Pytanie 38
Która z wymienionych grup znaczników HTML zawiera elementy przeznaczone do grupowania oraz tworzenia struktury dokumentu?
A. table, tr, td
B. span, strong, em
C. div, article, header
D. br, img, hr
Odpowiedź 'div, article, header' jest poprawna, ponieważ te znaczniki HTML są kluczowymi elementami umożliwiającymi grupowanie i organizację treści w dokumentach webowych. Znacznik 'div' jest uniwersalnym kontenerem, który można wykorzystać do grupowania innych elementów w celu lepszej strukturyzacji strony. 'article' jest przeznaczony do oznaczania niezależnych fragmentów treści, takich jak posty na blogach, które mogą być samodzielnie dystrybuowane. Z kolei 'header' zazwyczaj zawiera nagłówki i elementy wprowadzające dla sekcji strony. Zastosowanie tych znaczników zgodnie z wytycznymi W3C sprzyja poprawnej hierarchii dokumentu, co z kolei zwiększa użyteczność strony oraz jej dostępność dla technologii asystujących. Przykładowo, użycie 'article' pozwala wyszukiwarkom i czytnikom ekranu lepiej zrozumieć strukturę treści, co może pozytywnie wpłynąć na SEO oraz doświadczenia użytkowników.
Pytanie 39
Który zapis wyświetli słowo „TEKST” w kolorze czarnym?
A.
<bodybgcolor="black">TEKST</body>
B.
<fontcolor="#000000">TEKST</font>
C.
<fontcolor="czarny">TEKST</font>
D.
<bodycolor="black">TEKST</font>
<bodycolor="black"> jest błędny - <body> nie ma atrybutu color, a znaczniki są niedomknięte. <fontcolor="czarny"> używa polskiej nazwy koloru, której HTML nie rozumie (nazwy są po angielsku lub kodem). <bodybgcolor="black"> ustawia kolor TŁA. Czarny tekst daje <fontcolor="#000000">TEKST</font>.
Pytanie 40
W języku JavaScript funkcja getElementById odnosi się do
A. zmiennej numerycznej
B. elementu HTML z podanym id
C. elementu HTML z określoną nazwą klasy
D. klasy zdefiniowanej w CSS
Metoda getElementById w języku JavaScript jest kluczowym narzędziem do manipulacji DOM (Document Object Model), które pozwala deweloperom na łatwe odwoływanie się do konkretnych elementów HTML za pomocą ich atrybutu id. Dzięki temu, możemy dynamicznie zmieniać treść, style lub atrybuty tych elementów, co jest niezwykle przydatne w tworzeniu interaktywnych stron internetowych. Na przykład, jeśli mamy element HTML z atrybutem id='header', możemy użyć `document.getElementById('header')` do uzyskania do niego dostępu. To podejście jest zgodne z zasadami poprawnej struktury HTML, gdzie atrybut id powinien być unikalny w obrębie dokumentu. Rekomendowane jest, aby id było zrozumiałe i jasno określało zawartość elementu, co ułatwia późniejszą nawigację i skrypty, a także poprawia dostępność strony. W praktyce, korzystając z getElementById, możemy na przykład zmieniać tekst nagłówka: `document.getElementById('header').innerText = 'Nowy nagłówek';`.
