Zasady projektowania elastycznych witryn

Ethan Marcotte pierwszy użył terminu Responsive Web Design w 2010 r. Jakie techniki kryły się pod tym terminem?

• bloki śródliniowe i białe znaki, elastyczne obrazy i media oraz zapytania medialne

• układ na bazie elastycznej siatki, elastyczne obrazy i media oraz zapytania medialne

• układ na bazie tabel w HTML, elastyczne obrazy i media oraz zapytania medialne

Co wchodzi w zakres idei responsywności?

• obsługa jak największej liczby przeglądarek i urządzeń

• obsługa stron w taki sposób, żeby każdą stronę można było zmieścić na jednym ekranie

• treści na stronach muszą być prezentowane w sposób najbardziej odpowiedni dla dostępnego obszaru roboczego urządzenia

• obsługa tylko trzech przeglądarek: Google Chrome, Mozilla Firefox i Opera

Co to jest stopniowe ulepszanie (ang. progressive enhancement)?

• najpierw stworzenie witryny działającej w najbardziej zaawansowanych przeglądarkach, a potem dostosowywanie jej do najprostszych przeglądarek

• najpierw stworzenie witryny działającej w najprostszych przeglądarkach, a potem dostosowywanie jej o funkcje dostępne dla bardziej zaawansowanych przeglądarek

• stworzenie dwóch wersji strony, jedna dla dużych ekranów a druga dla urządzeń mobilnych

Czy niektóre serwisy do sprawdzania zgodności konkretnych technologii w wybranych przeglądarkach, umożliwiają testowanie stron na fizycznych urządzeniach a nie tylko na emulatorach?

• tak

• nie

Czy do tworzenia kodu strony responsywnej, jest potrzebny specjalny dedykowany edytor inny niż w przypadku zwykłych stron?

• tak

• nie

Jeżeli w przeglądarce otworzymy plik zawierający tylko tekst, to czy zrenderowana strona będzie się zachowywała zgodnie z główną ideą responsywności?

• tak

• nie

Który ze znaczników meta w kodzie HTML odpowiada za to aby wygląd strony był dopasowany do szerokości urządzenia?

• robots

• keywords

• description

• viewport

Jak byłaby różnica w regule CSS dla znacznika img,

1) img { max-width: 100%; }

2) img { width: 100%; }

• nie ma to żadnego znaczenia

• w przypadku 1) duże obrazki będą dopasowywane do szerokości obszaru w którym się znajduje a mniejsze nie zmienią rozmiaru

• w przypadku 2) duże obrazki będą dopasowywane do szerokości obszaru w którym się znajduje a mniejsze będą powiększane do tej szerokości

• w przypadku 1) duże obrazki będą dopasowywane do szerokości obszaru w którym się znajduje a mniejsze będą powiększane do tej szerokości

Co to są punkty kontrolne w tworzeniu stron internetowych?

• określona szerokość lub wysokość obszaru roboczego, po przekroczeniu której powinna nastąpić zmiana responsywnego układu strony

• określony czas wyświetlania strony, po przekroczeniu którego powinna nastąpić zmiana responsywnego układu strony

• miejsca w kodzie strony do których można przechodzić na zasadzie wewnętrznych odnośników

Które dwie technologie wystarczą żeby stworzyć responsywną stronę niezbyt rozbudowanej witryny internetowej?

• HTML

• CSS

• JavaScript

• PHP