KWALIFIKACJA PGF4 - STYCZEŃ 2020

PYTANIE NR 39.
Pierwszym etapem testowania poprawności struktury kodu strony internetowej napisanego w aplikacji Notepad++ jest
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Sprawdzenie sposobu interpretacji kodu przez przeglądarkę jest najprostszym, pierwszym krokiem, bo od razu pokazuje, czy struktura dokumentu (np. HTML) daje poprawny efekt wizualny i czy pliki są prawidłowo odczytywane. Przesłanie na serwer to wdrożenie, tablica wielowymiarowa nie dotyczy struktury strony, a wyrażenia regularne nie są typowym pierwszym etapem testów.

Pełne wyjaśnienie:

Wstępne testowanie poprawności strony WWW polega na jak najszybszym sprawdzeniu, czy zapisany kod jest poprawnie interpretowany przez przeglądarkę. Przeglądarka jest "wykonawcą" HTML/CSS/JS, więc jej renderowanie natychmiast ujawnia typowe problemy: brakujące znaczniki, błędne zagnieżdżenia, problemy z odwołaniami do arkuszy stylów lub skryptów czy niezamierzone różnice w układzie.

Odpowiedź "sprawdzenie sposobu interpretacji kodu przez przeglądarkę internetową" pasuje do sformułowania "pierwszym etapem", bo jest szybka, dostępna na stanowisku ucznia i nie wymaga infrastruktury (hostingu). To także etap, który naturalnie wykonuje się przed publikacją, aby nie przenosić na serwer kodu z oczywistymi błędami.

Pozostałe propozycje nie pasują do "pierwszego etapu testowania struktury":

  • "przesłanie folderów z plikami na serwer" to czynność wdrożeniowa (publikacja), a nie test struktury. Zwykle robi się ją po testach lokalnych, bo serwer nie służy do sprawdzenia podstawowej poprawności plików.
  • "stworzenie tablicy wielowymiarowej" dotyczy programowania (np. struktur danych), a nie weryfikacji struktury dokumentu strony. Może wystąpić w kodzie skryptów, ale nie jest etapem testowania HTML.
  • "zastosowanie wyrażeń regularnych…" może pomóc w wyszukiwaniu wzorców w tekście, lecz nie jest typowym pierwszym krokiem oceny poprawności struktury strony. Reguły wyrażeń regularnych nie zastępują renderowania ani walidacji i łatwo prowadzą do fałszywych wniosków.

W praktyce warto pamiętać o rozróżnieniu: testowanie (czy działa i wyświetla się poprawnie) wykonuje się lokalnie, a wdrożenie (publikacja na serwerze) dopiero po wstępnej weryfikacji. Na egzaminie zwracaj uwagę na słowa "pierwszy etap" i "testowanie", bo eliminują odpowiedzi opisujące publikację lub niezwiązane techniki.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To sposób, w jaki przeglądarka czyta HTML/CSS/JS i zamienia go na widoczny układ strony (renderowanie). Jeśli kod ma błędy struktury lub odwołania do plików są niepoprawne, przeglądarka pokaże to w wyglądzie strony albo w konsoli narzędzi deweloperskich.
Najprościej otworzyć plik HTML w przeglądarce (np. przez dwuklik lub "Otwórz plik"). To daje natychmiastowy podgląd efektu i pozwala zauważyć typowe błędy: brak stylów, złą ścieżkę do obrazów, niewłaściwe zagnieżdżenia elementów.
Wysłanie plików na serwer to etap publikacji (wdrożenia). Testowanie zwykle robi się wcześniej lokalnie, bo jest szybsze i nie wymaga hostingu. Publikowanie kodu z błędami wydłuża pracę i może powodować, że strona będzie widoczna dla odbiorców w niepoprawnej formie.
Notepad++ jest przede wszystkim edytorem tekstu i nie jest pełnym środowiskiem walidacji HTML. Może pomagać przez podświetlanie składni i wtyczki, ale podstawowe sprawdzenie działania strony wykonuje się w przeglądarce, a poprawność formalną często potwierdza się walidatorem HTML.
Najczęściej: brak wczytanych stylów (zła ścieżka do CSS), brak obrazów (błędne linki), rozsypany układ, nieoczekiwane marginesy lub fonty. Część błędów w HTML może być "naprawiana" przez przeglądarkę automatycznie, ale efekt wizualny często zdradza problem.
Walidator HTML to narzędzie sprawdzające zgodność kodu z regułami składni (np. brak zamknięcia elementu, błędne atrybuty). W zadaniach egzaminacyjnych przydaje się po wstępnym podglądzie w przeglądarce, gdy chcesz znaleźć przyczynę błędów struktury i uzyskać konkretne komunikaty.
Wyrażenia regularne służą do wyszukiwania wzorców w tekście, ale nie pokazują, jak przeglądarka faktycznie zrenderuje dokument. Można nimi wspierać porządki w kodzie, jednak do testowania działania i struktury strony bardziej naturalne są: podgląd w przeglądarce, konsola oraz walidacja HTML/CSS.
Testowanie to sprawdzenie działania i wyglądu (lokalnie w przeglądarce, z użyciem konsoli i walidatorów). Publikacja to udostępnienie plików na hostingu/serwerze, aby strona była dostępna przez Internet. W pytaniach egzaminacyjnych słowa "testowanie" i "pierwszy etap" zwykle wskazują na działania lokalne.
Przydatne są narzędzia deweloperskie: podgląd DOM, inspektor CSS, konsola błędów JavaScript i zakładka sieciowa (ładowanie zasobów). Dzięki nim można szybko wykryć, czy pliki się wczytują i które elementy mają błędne style lub powodują komunikaty o błędach.
Najczęściej wybierają odpowiedź "brzmiącą technicznie" (np. wyrażenia regularne) albo mylą testowanie z wdrożeniem (serwer). Pomaga strategia: najpierw określ cel (test działania/struktury), potem wybierz czynność najszybszą i najbardziej bezpośrednio związaną z przeglądarką.
info

Statystycznie 55% uczniów zna prawidłową odpowiedź. średnie

W praktyce zawodowej kluczowe jest to, że przesłanie na serwer to wdrożenie, tablica wielowymiarowa nie dotyczy struktury strony, a wyrażenia regularne nie są typowym pierwszym etapem testów.

Źródła:

  • MDN Web Docs: "Getting started with the web" / podstawy działania przeglądarki i renderowania HTML, https://developer.mozilla.org/ - accessed 2026-02-28
  • W3C Markup Validation Service (informacje o walidacji dokumentów HTML), https://validator.w3.org/ - accessed 2026-02-28
  • Notepad++ Documentation (ogólna dokumentacja edytora), https://npp-user-manual.org/ - accessed 2026-02-28

Materiały:

  • Dokumentacja MDN Web Docs: HTML i testowanie w przeglądarkach
  • Materiały W3C o walidacji HTML/CSS (walidatory)
  • Kursy podstaw HTML/CSS z elementami debugowania i narzędzi deweloperskich przeglądarki

Aktualizacja pytania: 31.03.2026

Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego