Fixed Layout
Layout ustawiany na sztywno. Strona nie potrafi się dopasować do szerokości ekranu użytkownik, przez co co jakiś czas traci na aktualności. Obecnie najpopularniejszą rozdzielczością jest 1024x800. Ta szerokość to około 40% użytkowników. Niestety, pozostałe 60% korzysta z większej szerokości! To sprawia, że w obecnym czasie Fixed layout nie jest najlepszym pomysłem.
Przykładowy 3 kolumnowy fixed layout
200px|500px|250px
Fluid/Liquid Layout
To najnowocześniejszy z layoutów. Dzięki opływaniu będzie aktualny jeszcze przez bardzo długi czas. Najważniejszą jego funkcją jest to, że automatycznie dopasowuje się do szerokości ekranu. Sekret polega na ustawieniu szerokości elementów w procentach, trudność zaś na tym, że nie wszystko da się ustawić na %. Przykładowy trzykolumnowy layout wygląda tak:
25%|50%|25%
Hybrid Layout
Czasem nie wszystkie elementy da się przedstawić w %. Przykładowo reklamy AdSense nie rozciągną się. Dlatego powstał bardzo dobry layout łączący w sobie cechy zarówno fixed jak i fluid.
Przykład:
200px|40%|200px
Porada.
Jeśli chcesz obliczyć na jaki procent ustawić szerokość kolumn pływających weź minimalną rozdzielczość, z jaką chcesz wyświetlać stronę, np. 950px. Następnie odejmij od niej szerokość kolumny fixed. Teraz podziel wynik przez minimalną szerokość strony. Wyjdzie ci ile procent masz do dyspozycji na pozostałe rozdzielczości.
Przykład
200px|%|%, minimalna rozdzielczość 950px. Działanie: 950px-200px=750px. 750px/950px=0,73*100=73%
czwartek, 28 maja 2009
0 komentarze