--=REKLAMA=--

Dostosowanie standardowych szablonów Joomla!

Z Joomla!WikiPL

Wersja Zwiastun (dyskusja | edycje) z dnia 02:31, 9 gru 2013

(różn.) ← poprzednia wersja | przejdź do aktualnej wersji (różn.) | następna wersja → (różn.)

Wprowadzenie

CSS kontra tabele

Przez szereg minionych lat niepodzielnie, niestety, królowała nienajlepsza praktyka rozmieszczania elementów treści na stronie za pomocą tabel i koniecznych wypełniaczy pustych komórek - przezroczystych gifów.

Nie dlatego, że projektanci uznali, iż to jedyny i najlepszy sposób.

Korzystanie z tabel było w gruncie rzeczy jedynym efektywnym sposobem uzyskania w różnych przeglądarkach zbliżonych efektów.

Dlaczego nie tabele?

Tabele są po to, by przedstawiać w nich zestawienia tabelaryczne. Ale, oczywiście, problem tkwi nie tylko w niezgodnym z przeznaczeniem wykorzystaniu tabel. Istotniejsze, że zastosowanie tabel:

  • wymaga dodatkowego, niepotrzebnie obciążąjącego serwery i łącza kodu,
  • utrudnia kodowanie zgodne ze znaczeniem elementów treści i ich miejscem w strukturze dokumentu,
  • zaciemnia czytelność - miesza treść i kod wskazujacy na znaczenie z kodem służącym prezentacji,

W rezultacie:

  • wydłuża czas wczytywania i wyświetlania stron, przeciążają łącza,
  • czyni kod trudnym do penetracji przez wyszukiwarki internetowe,
  • utrudnia sensowną prezentacją treści przez czytniki dla osób niewidomych i niedowidzących,
  • ogranicza dostępność stron korzystającym z urządzeń przenośnych (telefony komórkowe, PDA),

A ponadto powoduje znaczne zwiększenie kosztów utrzymania, przechowywania na serwerach, transmisji.

Dlaczego CSS?

Przede wszystkim producenci współczesnych przeglądarek dostosowali je w znacznej mierze do standardów. Nie trzeba już uciekać się do sztuczek z tabelkami, by panować nad rozmieszczeniem materiałów na stronie. Układy oparte na formatowaniu za pomocą kaskadowych arkuszy stylów są i ekonomiczniejsze, i efektywniejsze. Co zyskujemy?

  • znacznie krótszy kod - bywa że o 75-85%,
  • dokumenty odzwierciedlające strukturę treści, łatwe do czytania, przeglądania, przeszukiwania,
  • satysfakcję użytkowników - strony wczytują się szybciej,
  • szersze audytorium - strony są dostępne dla niepełnosprawnych i korzystających z urządzeń mobilnych,
  • łatwość modyfikacji sposobu prezentacji - wystarczy dokonać zmian arkusza stylów,
  • obniżenie kosztów.

Czy w CSS wszystko jest możliwe?

Otwarcie i uczciwie trzeba powiedzieć, że nie. Nie na każdy wymyślny efekt można uzyskać. Nie na każdy kłopot można znaleźć rozwiązanie.

Ale rozważyć trzeba, czy warta skórka za wyprawkę? Czy wyszukany efekt wart ponoszonych kosztów, zmniejszonej dostępności, wydłużenia czasu wczytywania? To już kwestia decyzji projektantów i wydawców. W każdym bądź razie, gdy jest to bezwględnie konieczne, zawsze można skorzystać z rozmieszczenia opartego na tabelach. Jeśli powyższa skrótowa dyskusja problemu nie przekonała Cię w pełni, to zapewne przekona


Dziękujemy za wkład

» Stefan Wajda [zwiastun],