W3 Style Dobra strona: struktury treści
Dobra strona WWW
Struktura
Szkielet
Dobra struktura treści to podstawa dobrej strony. Budowa struktury jest pierwszym etapem pracy projektanta witryny. Jednak w pierwszej kolejności pewną pracę musi wykonać zleceniodawca - właściciel strony, w zakresie pogrupowania materiałów, które chce na niej umieścić. Musi on podjąc decyzję (w tym może liczyć na podpowiedź webmastera) ile potrzebuje podstron, jakie treści mają one zawierać i jak mają być nazwane przyciski-linki nawigacyjne. Trzeba zredagować opis strony dla paska przeglądarki oraz tekst opisu witryny i słowa kluczowe dla wyszukiwarek, a także dobrze przemysleć treść śródtytułów rozdzielających duże bloki tekstu na podstronach - te wszystkie elementy mają znaczenie dla indeksacji strony w wyszukiwarkach internetowych.
Ciało
Mając treść witryny pogrupowaną na poszczególne działy tworzy się strukturę poszczególnych podstron, ujmując treść w odpowiednie dla nich znaczniki HTML. Tak opatrzona zawartość witryny, mimo, że nie posiada jeszcze żadnego formatowania, jest już w pełni dostępna dla przeglądarek i innych urzadzeń, w tym przeglądarek tekstowych, syntezatorów mowy czy telefonów komórkowych. W popularnych przeglądarkach graficznych wyświetli się ona za pomocą domyślnych stylów wbudowanych w przegladarkę, podkreślających znaczenie poszczególnych elementów strony (pogrubione stosownie nagłówki, wypunktowane listy, podkreślone hiperłącza).
Ubranie
Etapem wieńczącym jest ubranie struktury we własne style CSS strony, opisujące dokładnie jej ostateczny wygląd, czyli odwzorowanie zaprojektowanego przez grafika layoutu. Style CSS definiują rozmieszczenie poszczególnych elementów, określają ich wielkości, nadają kolorystykę, krój czcionki, formatują akapity, nagłówki i wypunktowania, dodają tła graficzne i inne elementy dekoracyjne nie należące do treści lecz ją podkreślające. Style są umieszczane w osobnym dokumencie - arkuszu stylów, który jest podpięty do każdej podstrony. Dzięki temu każda nowo dodana podstrona, po podpięciu do niej arkusza stylów, automatycznie zostaje sformatowana na podobieństwo pozostałych.
