KWALIFIKACJA PGF4 - CZERWIEC 2015

PYTANIE NR 5.
W której z nazw pliku graficznego zastosowano zasady tworzenia kodu stron internetowych?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawna jest nazwa "przekroj-podluzny.jpg", bo stosuje typowe konwencje dla zasobów WWW: brak spacji, brak polskich znaków (ą, ó, ż itp.) oraz czytelny separator w postaci łącznika. Takie nazwy zmniejszają ryzyko problemów z linkowaniem i przenoszeniem plików na serwer.

Pełne wyjaśnienie:

W projektach graficznych i multimedialnych publikowanych w Internecie bardzo ważne jest bezpieczne nazewnictwo plików. Choć system operacyjny zwykle pozwala na spacje i polskie znaki, w środowisku WWW (adresowanie zasobów, linki, serwery, narzędzia do wdrożeń) może to powodować błędy lub konieczność dodatkowego kodowania znaków.

Nazwa "przekroj-podluzny.jpg" jest zgodna z powszechnymi zasadami:

  • Brak spacji – spacje w adresach są kłopotliwe i często zamieniane na sekwencje kodowania, co utrudnia pracę i sprzyja literówkom.
  • Brak znaków diakrytycznych – polskie litery mogą być różnie interpretowane w zależności od kodowania, konfiguracji serwera lub narzędzi, a w praktyce często prowadzą do "niewidocznych" błędów w odwołaniach.
  • Łącznik jako separator – ułatwia czytanie nazwy, porządkuje słowa i jest powszechnie stosowany w zasobach internetowych.
  • Rozszerzenie ".jpg" – jednoznacznie wskazuje format pliku graficznego, co jest istotne przy osadzaniu obrazów na stronie.

Pozostałe propozycje są mniej poprawne w kontekście publikacji WWW:

  • "przekrój podłużny.jpg" zawiera jednocześnie spację oraz polskie znaki, czyli dwie najczęstsze przyczyny problemów z adresowaniem zasobów.
  • "przekrój-podłużny.jpg" usuwa spację, ale nadal zawiera znaki diakrytyczne, co nie jest zalecane w nazwach plików przeznaczonych do sieci.
  • "przekroj podluzny.jpg" usuwa polskie znaki, ale pozostawia spację, co może utrudniać linkowanie i pracę w narzędziach wdrożeniowych.

Wskazówka egzaminacyjna: jeśli pytanie dotyczy zasad "internetowych", szukaj odpowiedzi z małymi literami, bez spacji i bez polskich znaków, z prostym separatorem (np. łącznik).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Bezpieczna nazwa pliku do WWW to taka, która minimalizuje problemy z linkowaniem i serwerem: zwykle bez spacji, bez polskich znaków, z prostymi separatorami (np. łącznik) i z poprawnym rozszerzeniem. Dzięki temu łatwiej tworzyć odwołania do plików w kodzie strony.
Polskie znaki mogą wymagać kodowania w adresie i bywają różnie interpretowane przez narzędzia, serwery lub systemy. W praktyce zwiększa to ryzyko, że obraz nie wczyta się mimo poprawnego pliku. Najbezpieczniej stosować transliterację: "ó" → "o", "ż" → "z".
Technicznie mogą działać, ale są niezalecane. Spacje w adresach często wymagają kodowania i łatwo o błąd przy przepisywaniu ścieżki w edytorze lub CMS. W praktyce lepiej zastąpić spację łącznikiem, aby nazwa była czytelna i odporna na błędy.
Najczęściej stosuje się łącznik (np. "moja-grafika.jpg"), czasem podkreślenie. Najważniejsze, aby konsekwentnie trzymać się jednej konwencji w całym projekcie. Unikaj mieszanek typu spacja + polskie znaki, bo utrudniają pracę i zwiększają ryzyko błędów.
Typowe zasady to: małe litery, brak spacji, brak znaków diakrytycznych, czytelne separatory, jednoznaczne nazwy (np. "logo-firmy-2026.jpg"), spójna struktura katalogów oraz poprawne rozszerzenia. To ułatwia współpracę, eksport i późniejsze wdrożenia na serwer.
Łącznik jest "zwykłym" znakiem, który nie wymaga specjalnego traktowania w adresach i jest czytelny. Spacja natomiast często wymaga kodowania i może zostać błędnie skopiowana lub zinterpretowana. Dlatego w praktyce WWW łącznik zmniejsza liczbę problemów z odwołaniami do plików.
Rozszerzenie .jpg informuje, że plik jest zapisany w formacie JPEG. Dla stron internetowych jest to popularny format zdjęć i obrazów o bogatej kolorystyce. Poprawne rozszerzenie jest ważne, bo przeglądarka i serwer rozpoznają typ zasobu m.in. na podstawie nazwy i nagłówków.
Najczęstsze błędy to: używanie spacji, polskich znaków, wielkich liter mieszanych bez konsekwencji, znaków specjalnych (np. przecinki), bardzo długich nazw oraz niespójnych schematów w projekcie. Skutkiem są problemy z linkowaniem, importem do CMS i przenoszeniem na serwer.
Tak, bo w wielu środowiskach nazwy plików mogą być rozróżniane wielkością liter. Jeśli w kodzie strony wpiszesz inną wielkość liter niż w nazwie na serwerze, plik może się nie wczytać. Dlatego często zaleca się małe litery w całym projekcie.
Utrwal proste reguły: bez spacji, bez polskich znaków, małe litery, prosty separator (np. łącznik), sensowna nazwa i poprawne rozszerzenie. Zrób ćwiczenie: utwórz folder z grafikami, wstaw je do strony i sprawdź, które nazwy najłatwiej linkować oraz przenosić między komputerem a serwerem.
info

Statystycznie 80% uczniów zna prawidłową odpowiedź. średnio łatwe

Specjaliści zwracają uwagę: "Poprawna jest nazwa "przekroj-podluzny.jpg", bo stosuje typowe konwencje dla zasobów WWW: brak spacji, brak polskich znaków (ą, ó, ż itp.) oraz czytelny separator w postaci łącznika."

Źródła:

  • MDN Web Docs: "URL" (sekcja o znakach specjalnych i kodowaniu w adresach) https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Web_mechanics/What_is_a_URL - accessed 2026-02-27
  • RFC 3986: Uniform Resource Identifier (URI): Generic Syntax, rozdz. 2 (Characters) https://www.rfc-editor.org/rfc/rfc3986 - accessed 2026-02-27
  • MDN Web Docs: "Percent-encoding" (wyjaśnienie kodowania znaków w adresach) https://developer.mozilla.org/en-US/docs/Glossary/Percent-encoding - accessed 2026-02-27

Materiały:

  • Dokumentacja MDN o adresach URL i kodowaniu znaków w adresach
  • Poradniki o dobrych praktykach tworzenia zasobów dla WWW (nazwy plików, struktura katalogów)
  • Materiały szkolne z podstaw WWW: linkowanie zasobów i ścieżki względne

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego