Kodowanie stron WWW

Aplikacje internetowe ON-LINE

 

Twoje realne projekty

w moim wirtualnym świecie

joomla developer

Praktyczne informacje

CSS

Cascading Style Sheets - język do prezentowania układu i wyglądu elementów strony internetowej.

Kodowanie stron www

Kod strony powinien być semantyczny, aby był przyjazny dla wyszukiwarek.

RWD - Responsive Web Design

Technika projektowania strony www, tak aby jej wygląd i układ dostosowywał się automatycznie

RWD - Responsive Web Design

Technika projektowania strony www, tak aby jej wygląd i układ dostosowywał się automatycznie

do rozmiaru okna urządzenia, na którym jest wyświetlany (np. przeglądarki, smartfonów czy tabletów). Strona tworzona w takiej technice jest uniwersalna i wyświetla się dobrze zarówno na wielkich ekranach (np. Full HD), jak i na ekranach smartfonów czy tabletów.

Obsługa tej techniki odbywa się za pomocą tzw. media queries - które pozwolą rozpoznać wielkość przeglądarki i wstawić odpowiedni arkusz stylu, lub jego fragment. Do działania możemy również użyć różnych skryptów JavaScript.

 

Dobrym przykładem działania responsywnej strony www, jest strona, którą właśnie oglądasz. Złap kursorem myszki boczną krawędź (lewą lub prawą) przeglądarki www i zmień rozmiar widocznego okna. Strona automatycznie dostosuje się do bierzącej szerokości twojej przeglądarki. Dzięki temu w przeglądarkach na urządzeniach moblinych zawartość strony zawsze będzie czytelna i będzie dobrze się prezentować niezależnie od tego czy oglądasz ją np. na smartfonie czy na tablecie w pionie czy w poziomie.