Standardy programowania / Profesjonalna strona internetowa

I. HTML5

Jest wykorzystywany do tworzenia struktury stron internetowych, poukładania w niej elementów i treści. Najnowszy standard, HTML5, umożliwia ładowanie strony internetowej szybciej i sprawniej niż wcześniejsze wersje. Dzięki temu strony działają o wiele płynniej, co przekłada się również na lepsze wrażenia odwiedzających.

W HTML5 dodano wiele nowych elementów, które znacznie ułatwiają tworzenie stron internetowych:

• tagi do zarządzania treścią: header, nav, section, article, aside, figure, figcaption, video, audio, time, footer,
• typy pól input: number, tel, email, url, search, datetime, date,
• atrybuty elementów formularzy,
• elementy api,
• metody DOM.

II. CSS3

Służący do opisu wyglądu strony internetowej, odstępów, kolorów napisów, czy tła. Do najnowszej wersji, CSS3, dodano wiele nowych elementów, w tym poprawiające zgodność z urządzeniami mobilnymi:

• znaczniki i właściwości,
• typy mediów (media-query), umożliwiające dopasowanie wyglądu do telefonów komórkowych i tabletów,
• zestaw ikon (fontawesome.io),
• animacje (daneden.github.io/animate.css).

III. RWD / Bootstrap

Biblioteka CSS zawierająca zestaw narzędzi zapewniających łatwe i szybciej tworzenie stylu interfejsu graficznego oraz dostosowanie go do telefonów i tabletów. Jest stosowana do stylizacji nawigacji, tekstów, formularzy, pozwala na tworzenie stron internetowych bez konieczności pisania wszystkiego od zera.

Biblioteka do pobrania:

• Bootstrap (getbootstrap.com).

IV. jQuery

Biblioteka programistyczna dla JavaScript, umożliwia łatwe i szybkie manipulowanie elementami strony internetowej oraz drzewem DOM. Dzięki jQuery, można dynamicznie zmieniać styl i treść elementów strony internetowej, usuwać, czy dodawać nowe elementy:

• budowy akcji, projektowania złożonych animacji,
• tworzenie, modyfikacja i usuwanie fragmentów kodu HTML,
• wykrywanie położenia myszy i stanu przycisków,
• wykrywanie przycisków klawiatury.

Biblioteki do pobrania:

• jQuery (jquery.com),
• rozszerzenie jQuery UI (jqueryui.com).

V. AJAX

Technika tworzenia strony internetowej, w której interakcja użytkownika z serwerem odbywa się bez konieczności przeładowywania aplikacji. Oznacza to, że przeglądarka internetowa wysyła żądanie do serwera i oczekuje na odpowiedź w tle, bez przerywania działania strony. Gdy odpowiedź jest gotowa, strona internetowa może wykorzystać odebrane dane do jej aktualizacji, bez konieczności odświeżania. Umożliwia to bardziej dynamiczną interakcję niż w tradycyjnym modelu, w którym każde żądanie nowych danych wiąże się z przesłaniem całej strony internetowej.

VI. WCAG

Standard dostosowania stron internetowych dla osób niepełnosprawnych, koncentrujący się na zapewnieniu dostępności dla osób z niepełnosprawnościami wzroku, słuchu i ruchu.

WCAG definiuje trzy poziomy dostępności: A, AA i AAA. Każdy poziom opisuje zbiór wymagań, które muszą być spełnione, aby strona internetowa była dostępna dla osób z niepełnosprawnościami.

WCAG to zbiór wytycznych opracowanych przez międzynarodową organizację, aby każdy mógł łatwo i wygodnie korzystać z treści strony internetowej:

• opisy linków oraz zdjęć,
• kontrast elementów funkcjonalnych i przekazujących treść musi mieć odpowiedni stosunek jasności tekstu do tła:
  • co najmniej WCAG AA, 4,5:1 dla małych tekstów i 3:1 dla dużych tekstów,
  • najlepiej WCAG AAA, 7:1 dla małych tekstów i 4,5:1 dla dużych tekstów,
• duża wielkość tekstu, tekst o wielkości przynajmniej 18 pt lub 14 pt pogrubiony.

VII. SEO

W HTML5 można używać tagów semantycznych, które ułatwiają robotom wyszukiwarek zrozumienie struktury strony. Standard optymalizacji stron internetowych dla wyszukiwarek oraz sieci społecznościowych, opisany w artykule SEO / Optymalizacja dla wyszukiwarek oraz sieci społecznościowych.

POLECANE / Nowoczesne strony WWW HTML5 CSS3 Adobe Muse Wordpress

Więcej informacji można znaleźć na naszym kanale Facebook i Instagram.