Do graficznego tworzenia stron internetowych należy wykorzystać
A. edytor CSS.
B. program MS Office Picture Manager.
C. przeglądarkę internetową.
D. program typu WYSIWYG.
Pytanie z egzaminu CKE, czerwiec 2014 (arkusz E.14-X-14.05).
Program typu WYSIWYG jest właściwym wyborem, ponieważ służy do graficznego tworzenia stron internetowych, czyli pracy w trybie „to, co widzisz, jest tym, co otrzymasz”. W praktyce oznacza to, że użytkownik może układać teksty, obrazy, tabele, formularze czy elementy nawigacji w widoku przypominającym gotową stronę, a program generuje za tym odpowiedni kod HTML i CSS. Przykładami takich narzędzi są np. Adobe Dreamweaver, dawne Microsoft Expression Web albo kreatory stron w systemach CMS. Moim zdaniem to dobre rozwiązanie na start, bo pomaga zrozumieć strukturę strony bez pisania wszystkiego ręcznie od zera. Trzeba jednak pamiętać o dobrych praktykach: kod powinien być zgodny ze standardami W3C, semantyczny, responsywny i możliwy do późniejszej edycji. WYSIWYG nie zwalnia z myślenia o HTML, CSS, dostępności i poprawnym układzie interfejsu, ale bardzo ułatwia projektowanie wizualne.
W tym pytaniu łatwo pomylić narzędzia używane przy tworzeniu stron z narzędziami, które tylko wspierają pewien fragment pracy. Edytor CSS służy głównie do pisania lub modyfikowania arkuszy stylów, czyli określania wyglądu elementów HTML: kolorów, marginesów, krojów pisma, układu bloków, animacji czy responsywności. To ważne narzędzie, ale samo w sobie nie jest typowym środowiskiem do graficznego budowania całej strony. Z mojego doświadczenia wynika, że uczniowie często myślą: „CSS odpowiada za wygląd, więc to będzie graficzne tworzenie”. No niby logiczne, ale nie do końca. CSS opisuje wygląd kodem, a nie pozwala zwykle przeciągać elementów i projektować strony wizualnie jak w edytorze WYSIWYG. Przeglądarka internetowa również nie jest właściwą odpowiedzią, bo jej podstawową rolą jest renderowanie i testowanie strony. Można w niej podejrzeć kod, użyć narzędzi deweloperskich, sprawdzić responsywność albo błędy w konsoli, ale nie jest to standardowy program do tworzenia strony od strony graficznej. MS Office Picture Manager kojarzy się z grafiką, jednak służył do prostych operacji na obrazach, np. kadrowania czy zmiany rozmiaru zdjęcia. Nie tworzy struktury HTML, nie zarządza stylami CSS i nie generuje kompletnej witryny. Poprawne podejście branżowe polega na rozróżnieniu narzędzi: edytor WYSIWYG do wizualnego projektowania, edytor kodu do precyzyjnej pracy z HTML/CSS/JavaScript, przeglądarka do testowania, a program graficzny do przygotowania zasobów multimedialnych.