Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2014



PYTANIE NR 7.
Do graficznego tworzenia stron internetowych należy wykorzystać
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Program typu WYSIWYG umożliwia wizualne (graficzne) budowanie strony: układ i treść tworzy się w podglądzie zbliżonym do efektu końcowego. Przeglądarka służy głównie do wyświetlania i testów, edytor CSS tylko do stylów, a Picture Manager jest narzędziem do obrazów, nie do stron WWW.

Pełne wyjaśnienie:

Program typu WYSIWYG (ang. What You See Is What You Get) to edytor, w którym użytkownik tworzy stronę w trybie wizualnym: przeciąga elementy, ustawia układ, formatowanie tekstu, wstawia grafiki, a narzędzie generuje odpowiedni kod (np. HTML i CSS) "w tle" lub równolegle. W takim rozumieniu jest to właściwe narzędzie do graficznego tworzenia stron internetowych.

Dlaczego pozostałe odpowiedzi nie pasują?

  • Przeglądarka internetowa służy przede wszystkim do renderowania (wyświetlania) stron oraz do testowania działania (np. narzędzia deweloperskie), ale nie jest typowym narzędziem do ich tworzenia w sensie edycji projektu/struktury.
  • Edytor CSS jest narzędziem ukierunkowanym na modyfikację arkuszy stylów, czyli warstwy prezentacji. Nie zastępuje edytora tworzącego całą stronę (strukturę HTML, treść, układ, zasoby). Może być elementem workflow, ale nie jest odpowiedzią na "graficzne tworzenie stron" jako całość.
  • Program MS Office Picture Manager jest narzędziem do zarządzania i podstawowej obróbki obrazów. Może pomóc przygotować grafiki na stronę, ale nie służy do budowania strony WWW ani jej interfejsu.

W praktyce warto pamiętać o rozdzieleniu ról narzędzi: edytor wizualny (WYSIWYG) do składu i tworzenia treści/układu, edytory kodu do pracy nad HTML/CSS/JS, a przeglądarka do weryfikacji efektu i testowania responsywności oraz błędów.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest WYSIWYG w tworzeniu stron internetowych?
WYSIWYG to rodzaj edytora, w którym tworzysz stronę w trybie wizualnym, a efekt w edytorze jest zbliżony do tego, co zobaczy użytkownik. Narzędzie zwykle generuje kod (np. HTML/CSS) automatycznie lub równolegle, ułatwiając pracę osobom mniej kodującym.
Jak działa edytor WYSIWYG do stron WWW w praktyce?
Najczęściej dodajesz elementy interfejsu (nagłówki, akapity, obrazy, sekcje) metodą "przeciągnij i upuść", ustawiasz style i układ, a edytor zapisuje to jako strukturę strony. Potem możesz wyeksportować kod lub wdrożyć stronę bezpośrednio w systemie.
Dlaczego przeglądarka internetowa nie jest narzędziem do tworzenia stron?
Przeglądarka służy głównie do wyświetlania i testowania stron (renderowanie, debugowanie, sprawdzanie responsywności). Choć ma narzędzia deweloperskie, nie zastępuje edytora, w którym projektujesz i zapisujesz pliki strony jako gotowy projekt.
Co robi edytor CSS i dlaczego to nie zawsze wystarcza?
Edytor CSS pozwala pisać i modyfikować style: kolory, czcionki, układ, responsywność. Nie tworzy jednak pełnej struktury dokumentu ani treści strony. Do kompletnej strony potrzebujesz też HTML (struktura) oraz często JavaScript (interakcje).
Jakie są zalety i wady tworzenia stron metodą WYSIWYG?
Zalety: szybkie prototypowanie, niski próg wejścia, łatwa edycja wizualna.
Wady: czasem gorsza kontrola nad kodem, ryzyko "ciężkiego" HTML/CSS, trudniejsze dopracowanie wydajności i dostępności, zależność od narzędzia lub platformy.
Kiedy warto używać WYSIWYG, a kiedy edytora kodu?
WYSIWYG jest dobry do prostych stron, landing page’y i szybkich zmian treści. Edytor kodu/IDE lepiej sprawdza się przy projektach wymagających kontroli wersji, optymalizacji, spójnej architektury, pracy zespołowej i rozbudowanej logiki (JS, backend, integracje).
Czy narzędzia typu CMS mają edytory WYSIWYG?
Tak. W wielu CMS-ach spotkasz edytory wizualne treści (np. w stylu edytora blokowego) oraz page buildery. Pozwalają one układać sekcje i komponenty bez ręcznego kodowania. Warto jednak rozumieć, że pod spodem i tak istnieje HTML/CSS.
Jakie błędy najczęściej popełnia się w pytaniach o WYSIWYG na egzaminie?
Najczęściej myli się narzędzia do wyświetlania (przeglądarka) z narzędziami do tworzenia (edytory). Częsty jest też skrót myślowy "graficzne = program do obrazów", co prowadzi do wyboru aplikacji do grafiki zamiast edytora stron.
Jak odróżnić edytor WYSIWYG od programu do grafiki rastrowej?
Edytor WYSIWYG tworzy układ i treść strony oraz generuje elementy strony WWW. Program do grafiki rastrowej służy do przygotowania obrazów (np. banerów, ikon), ale nie zbuduje struktury strony ani nie wygeneruje działającej witryny. To dwa różne etapy pracy.
Jak przygotować się do pytań o narzędzia do tworzenia stron WWW?
Ułóż sobie mapę ról: HTML (struktura), CSS (wygląd), JS (interakcje), WYSIWYG (wizualna edycja), przeglądarka (testy). Ćwicz rozpoznawanie, które narzędzie pasuje do danego zadania.
info

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

Specjaliści zwracają uwagę: "Program typu WYSIWYG umożliwia wizualne (graficzne) budowanie strony: układ i treść tworzy się w podglądzie zbliżonym do efektu końcowego."

Źródła:

  • Wikipedia (PL), "WYSIWYG" – definicja i opis pojęcia, https://pl.wikipedia.org/wiki/WYSIWYG (dostęp: 2026-03-02)
  • MDN Web Docs, "CSS: Cascading Style Sheets" – opis roli CSS jako języka stylów, https://developer.mozilla.org/en-US/docs/Web/CSS (dostęp: 2026-03-02)
  • MDN Web Docs, "HTML: HyperText Markup Language" – opis roli HTML jako języka znaczników strony, https://developer.mozilla.org/en-US/docs/Web/HTML (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja i poradniki dot. HTML/CSS (np. MDN Web Docs)
  • Materiały o typach edytorów: WYSIWYG vs edytor kodu vs IDE
  • Kursy podstaw tworzenia stron (edytory, workflow, narzędzia testowania w przeglądarce)
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego