Internauci korzystają z szerokiej gamy monitorów o różnych rozdzielczościach ekranu. Dlatego jednym z zadań twórców stron internetowych jest konieczność stworzenia i optymalizacji strony pod kątem jej prawidłowego wyświetlania na monitorach o dowolnej rozdzielczości.
Instrukcje
Krok 1
Zaprojektuj swoją stronę internetową w najniższej rozdzielczości użytkowej - 800*600 pikseli i użyj stałego układu. Ale przy takim podejściu jest jedna wada - dla użytkowników, którzy mają monitory panoramiczne, podczas przeglądania witryny na ekranie pojawią się szerokie pola.
Krok 2
Użyj płynnego układu. W takim przypadku strony zostaną rozciągnięte w poziomie na tych monitorach, których rozdzielczość jest wyższa niż używana w rozwoju. Ale to podejście najlepiej sprawdza się podczas tworzenia witryn z dużą ilością informacji tekstowych i minimalną ilością grafiki. Dzieje się tak, ponieważ niektóre elementy, takie jak obrazy lub komponenty innych firm, zostaną zniekształcone podczas zmiany rozmiaru na różnych monitorach.
Krok 3
Najbardziej poprawnym, ale jednocześnie i bardziej złożonym z punktu widzenia wdrożenia, jest zastosowanie układu adaptacyjnego. Jest to bardziej złożona wersja gumowego układu, która umożliwia zmianę ilości kolumn z informacjami podczas korzystania z kodu programu.
Krok 4
Ale niezależnie od tego, jaki układ zostanie wybrany do rozwoju witryny, zrób jego układ w rozdzielczości ekranu 1024 * 768 pikseli. To jest najczęstsze rozwiązanie.
Krok 5
Ponadto w celu prawidłowego wyświetlania witryny na monitorach o innej rozdzielczości należy przestrzegać kilku zasad. Staraj się trzymać główną zawartość strony na jednym ekranie, aby uniknąć przewijania. Umieść informacje tekstowe w wąskiej kolumnie, aby nie „rozchodziły się” na całej szerokości ekranu. Śledź ogólny projekt stron, aby wszystko było proporcjonalne.
Krok 6
Projektując swój projekt, oblicz procent, a nie ilość, szerokości i wysokości strony. Następnie strona zostanie proporcjonalnie zmieniona zarówno na konwencjonalnych monitorach, jak i na monitorach panoramicznych.
