W jaki sposób powstaje strona www?

Pragnąc zaprezentować tworzenie strony www w wielkim uproszczeniu, musimy zredukować zagadnienie do witryny online o charakterze informacyjnym, która jest najczęściej napotykana w sieci. Jej treść to na ogół zdjęcia i wpisy związane z określonym problemem, przykładowo prezentujące jakąś firmę.

Jak zaczynamy planowanie portali sieciowych?

Inicjujemy od wyznaczenia jakie dane zamierzamy pokazać osobie zwiedzającej naszą stronicę sieciową. Na przykład: powiedzmy, że: Planujemy opisać propozycje usług, danych kontaktowych, portfolio i aktualnego cennika.

Sporządzamy początkowy plan witryny

Następnym krokiem jest stworzenie planu strony newralgicznej i podstron. Powinniśmy zaplanować jak powinna wyglądać każda podstrona. Jakie odnajdą się na niej animacje, grafiki i w którym miejscu, będą nagłówki i wpisy.

Zarys witryny głównej serwisu

Najlepiej zacząć od zarysu stronicy głównej. A wobec tego szykujemy tzw. ramę witryny online. Jest to np. lewe menu i stopka. Elementy te będą takie same na innych stronach. Inny będzie jedynie tekst pomiędzy tymi elementami. Na witrynie newralgicznej na ogół wpisuje się przekaz, w którym przedstawiamy orientacyjnie sens naszej witryny. Przy podstronie firmy prezentujemy zbiorowo czym się absorbuje, innymi słowy co ją charakteryzuje. Można to określić przywitaniem. Przekaz witryny kluczowej i podstron zależy od autora i od modelu.

Model podstrony

W następnej kolejności sporządzamy model podstron. Pamiętamy, że jakiś rozmiar naszych wizytówka internetowa, zostaje taki sam jak na stronicy głównej. Pozostałe miejsce zapełniamy zgodnie z naszymi potrzebami. Umieszczamy fascynujące nas wpisy, filmy, zdjęcia, selekcjonujemy tło.

Tworzymy layout stronicy

Na tym etapie mamy zarysowane wszystkie podstrony serwisu. Później za pomocą programu do obróbki grafiki typu Adobe Photoshop albo Gimp, projektujemy każdą podstronę, w zgodzie ze skonstruowanymi poprzednio planami.

Streszczenie planowania stron www

W tym wpisie opisałem tworzenie stron internetowych, od zarysu do przygotowania modelu graficznego. To mimo to nie wszystko, następne kroki to zakodowanie layoutu do HTML5 i CSS3 i implementacja pod system rządzenia treścią.