Jakość Web - Style arkuszy

Użycie arkuszy stylów jest kluczowe dla podniesienia jakości strony.

Nie używaj znacznika font

Powinieneś używać CSS do ustawiania rozmiaru czcionki na stronie. Nie używaj znacznika font.

Użycie znacznika <font> zwiększa rozmiar dokumentu i sprawia, że każda zmiana standardowego rozmiaru tekstu jest koszmarem.

Wyobraź sobie następującą sytuację:

Pewnego dnia zdecydujesz się zmienić kolor i rozmiar wszystkich tytułów na stronie. Dzięki CSS, możesz to zrobić, zmieniając tylko jedno zdanie. Jeśli używasz znacznika <font>, musisz zmienić wszystkie tytuły na każdej stronie.

Używanie stylów zamiast znacznika <font> pozwala nam na łatwiejsze tworzenie wysokiej jakości interfejsu dla stron internetowych.

Nie używaj stałych wartości rozmiaru czcionki

Nie używaj stałych wartości rozmiaru. Zawsze używaj wartości względnych.

Najważniejszym powodem tej sugestii jest to, że rozmiar stały nie można dostosować za pomocą przeglądarki.

Twoi odwiedzający będą używać różnych urządzeń (ekranów), różnych środowisk przeglądania (światła) oraz możliwych upośledzeń (mała widoczność).

Na przykład, można ustawić rozmiar tekstu dla danej osoby na 100% (lub medium), główny tytuł na 140% (lub x-large), a podtytuły na 120% (lub large), tak aby użytkownicy mogli dostosować ulubiony rozmiar za pomocą przeglądarki.

Dzięki funkcji dostosowywania rozmiaru tekstu na stronie, można również zmienić liczbę znaków na wydruku.

Nie używaj bardzo małych domyślnych rozmiarów czcionki

Niektóre strony używają bardzo małych rozmiarów tekstu, aby zmieścić więcej treści na każdej stronie lub aby strona wyglądała bardziej 'modnie'.

Ponownie podkreślamy, że różne urządzenia (ekrany), różne środowiska przeglądania (światło) oraz możliwe upośledzenia (mała widoczność) mogą powodować trudności w czytaniu dla użytkowników.

Nie zmuszaj użytkowników do powiększania rozmiaru tekstu za każdym razem, gdy odwiedzają Twoją stronę.

Zawsze używaj spójnych kolorów tła

Większość stron internetowych używa różnych kolorów dla różnych elementów tekstu. Kolor tytułów i linków często różni się od koloru tekstu.

Jako web designer, powinieneś być świadomy faktu, że Twoi odwiedzający mogą zmieniać domyślne opcje kolorów.

Jeśli zdefiniowałeś kolor dla elementów webowych, powinieneś również zdefiniować kolor tła.

Jeśli nie zdefiniujesz koloru tła, Twoja strona może być zepsuta przez złe kombinacje kolorów (np. jasny czerwony tekst na czerwonym tle, lub ciemny tekst z ciemnym tłem).

Jeśli nie określisz koloru tła, może to uczynić tekst trudnym do odczytania.