KWALIFIKACJA INF3 - CZERWIEC 2023

PYTANIE NR 6.
Głównym celem stosowania edytora WYSIWYG jest
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Edytor WYSIWYG ("what you see is what you get") służy do tworzenia treści tak, aby podczas edycji widzieć wygląd strony zbliżony do efektu końcowego. Dlatego jego głównym celem jest szybka wizualizacja projektowanej strony, a nie diagnostyka baz danych, pobieranie portali czy automatyzacja multimediów.

Pełne wyjaśnienie:

WYSIWYG to skrót od "what you see is what you get", czyli podejścia, w którym użytkownik podczas edycji widzi układ i wygląd treści w formie zbliżonej do tego, co zobaczy odbiorca w przeglądarce. W praktyce oznacza to edycję wizualną: przeciąganie elementów, formatowanie tekstu, wstawianie obrazów czy tabel bez konieczności ręcznego wpisywania znaczników HTML.

Dlatego odpowiedź "szybka wizualizacja tworzonej strony." jest trafna: główną korzyścią edytora WYSIWYG jest natychmiastowy podgląd efektu (lub bardzo zbliżony podgląd) oraz przyspieszenie pracy przy typowych zadaniach redakcyjnych.

Pozostałe propozycje nie opisują celu WYSIWYG:

  • "wyszukiwanie błędów w bazie danych." dotyczy diagnostyki i administracji baz danych (np. zapytań, integralności, logów), a nie edycji wyglądu strony.
  • "pobieranie z Internetu kompletnych portali WWW." sugeruje kopiowanie gotowych serwisów lub pobieranie treści z sieci. Edytor WYSIWYG nie jest narzędziem do "ściągania portali", tylko do tworzenia/formatowania własnej strony.
  • "zautomatyzowanie odtwarzania plików multimedialnych." odnosi się do funkcji odtwarzaczy lub skryptów multimedialnych. WYSIWYG może ułatwiać wstawienie multimediów, ale nie jego głównym celem jest automatyzacja odtwarzania.

W kontekście egzaminu warto pamiętać o typowym przeciwstawieniu: edytor kodu (piszesz HTML/CSS/JS ręcznie) vs edytor WYSIWYG (edytujesz wizualnie i od razu widzisz rezultat). To właśnie ta różnica najczęściej jest sprawdzana w pytaniach testowych.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
WYSIWYG oznacza "what you see is what you get": edytujesz treść wizualnie i widzisz wygląd zbliżony do efektu w przeglądarce. To przeciwieństwo pracy wyłącznie w kodzie HTML/CSS, gdzie rezultat sprawdza się głównie w podglądzie.
Edytor WYSIWYG pozwala formatować treść jak w edytorze tekstu: pogrubienia, nagłówki, listy, wstawianie obrazów i linków. Narzędzie generuje w tle kod (np. HTML) i prezentuje użytkownikowi podgląd układu oraz stylów.
Ułatwia, bo skraca drogę między zmianą a efektem: od razu widać, jak wygląda strona. Dzięki temu mniej czasu zajmuje poprawianie układu i formatowania, zwłaszcza przy prostych podstronach, wpisach blogowych czy treściach w CMS.
Nie w pełni. WYSIWYG przyspiesza pracę i pomaga w podglądzie, ale przy bardziej złożonych zmianach (responsywność, niestandardowe style, błędy w układzie) często trzeba rozumieć HTML/CSS, aby poprawnie diagnozować i kontrolować wynik.
Najczęściej spotkasz je w CMS i panelach administracyjnych: edytory treści wpisów, stron i opisów produktów. Często są to edytory osadzone w przeglądarce, gdzie użytkownik widzi formatowanie tekstu, obrazy i linki w trakcie edycji.
Najczęściej sprawdzany cel to szybka wizualizacja tworzonej strony, czyli możliwość zobaczenia efektu formatowania podczas edycji. Pytania zwykle odróżniają WYSIWYG od narzędzi bazodanowych, pobierania treści z sieci lub automatyzacji multimediów.
Najczęstsze pomyłki to utożsamianie WYSIWYG z "automatycznym tworzeniem wszystkiego" albo z narzędziami diagnostycznymi. Warto zapamiętać: WYSIWYG dotyczy edycji i podglądu wyglądu treści, a nie baz danych czy pobierania portali.
W edytorze WYSIWYG pracujesz na widoku wizualnym i narzędzie generuje kod w tle. W edytorze kodu ręcznie tworzysz/edytujesz HTML, CSS i skrypty. W praktyce profesjonaliści często łączą oba podejścia: wizualnie dla treści, kodowo dla precyzji.
Gdy potrzebujesz pełnej kontroli nad kodem, czystej struktury HTML, wydajności lub zgodności z przyjętymi standardami projektu. Edytory WYSIWYG potrafią generować zbyt rozbudowany kod, więc przy zaawansowanych szablonach częściej wybiera się edycję kodu.
Ucz się definicji i zastosowań narzędzi: WYSIWYG, edytor kodu, walidator, konsola przeglądarki, CMS. Rób krótkie skojarzenia: WYSIWYG = podgląd wyglądu podczas edycji; walidator = poprawność składni; baza danych = zapytania i tabele.
info

Około 84% zdających odpowiada poprawnie na to pytanie. średnio łatwe

W praktyce zawodowej kluczowe jest to, że edytor WYSIWYG ("what you see is what you get") służy do tworzenia treści tak, aby podczas edycji widzieć wygląd strony zbliżony do efektu końcowego.

Źródła:

  • Wikipedia (pl): "WYSIWYG" – https://pl.wikipedia.org/wiki/WYSIWYG (dostęp: 2026-03-01)
  • TinyMCE Documentation: "What is a WYSIWYG editor?" – https://www.tiny.cloud/docs/tinymce/latest/ (dostęp: 2026-03-01)
  • CKEditor Documentation: opis edytora WYSIWYG – https://ckeditor.com/docs/ (dostęp: 2026-03-01)

Materiały:

  • Dokumentacje edytorów wizualnych (np. TinyMCE, CKEditor) – sekcje opisujące tryb WYSIWYG
  • Materiały o podstawach HTML/CSS i różnicach: edycja kodu vs edycja wizualna
  • Kursy wprowadzające do CMS (np. WordPress) i edytorów blokowych/klasycznych

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego