Kroki w budowie witryny www

Zrozumienie procesu tworzenia serwisu www jest istotnym czynnikiem ułatwiającym komunikację klienta z twórcami strony. Znane wśród projektantów są anegdoty o klientach, którzy zgłaszali błędy w projekcie oprawy graficznej polegające na tym, że niemożliwe było klikać w odnośniki. Tymczasem projekt graficzny to jeszcze nie gotowa witryna ale obrazek pokazujący jak będzie ona w przybliżeniu się prezentować. Stosunkowo często w projekcie wykorzystuje się zaślepki treści typu “Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus”, co niejednokrotnie wywołuje przerażenie u klientów przekonanych, że ten właśnie tekst będzie widoczny na ich witrynie. Jak więc przebiega proces tworzenia witryny www?

Plan

Punktem wyjścia musi być zaplanowanie każdego z elementów składających się na witrynę. Najważniejsza jestmapa witryny, a więc z jakich podstron będzie składać się witryna internetowa. Czy potrzebna jest wyszukiwarka (w małych serwisach nie musi być)? Czy podstrony będą miały charakter tekstowy czy trzeba wykonać dodatkowe mechanizmy, które należy zaprogramować (np. produkty, rezerwacje, galeria)? Co umieścić na stronie głównej?

Projekt graficzny

Gdy już zaplanowano strukturę serwisu strony przychodzi czas na projekt wizualny. Projekt taki jest normalnym, płaskim plikiem graficznym stworzonym w programie graficznym, pokazującym jak będzie prezentować się witryna. Zazwyczaj jest to plik JPG nie działają jakiekolwiek odnośniki. Nie jest też ważne jakie treści zostały użyte do jego wypełnienia gdyż zostaną one zmienione na dalszych krokach.

Skład strony/budowa szablonów

W kolejnym etapie prac _projekt szaty graficzne_j zostaje przerabiany na ogólny szablon zakodowany w HTML (język opisu stron, dzięki któremu przeglądarka wie w jaki sposób wyświetlić konkretną witrynę). Od tego momentu działają już linki oraz elementy aktywne, jednak o ile serwis będzie stworzony w oparciu o CMS to najczęściej jeszcze nie jest możliwe przejście przez cały serwis i nie jest on zapełniony finalnymi tekstami. Szablony trzeba sprawdzić w popularnych przeglądarkach względem poprawności pokazywania treści. Nieraz konieczne jest zastosowanie specyficznych poprawek gdyż nie wszystkie przeglądarki pokazuje określone składniki tak samo. Może się też zdarzyć, że kiedyś następna wersja przeglądarki będzie pokazywać je odmiennie, lecz tego nie da się stwierdzić na tym etapie.

Programowanie

Następnie programista opracowuje panel administracyjny. Do kodu HTML szablonu umieszcza linie kodu PHP, które będą odpowiadać za wyświetlanie zawartości strony, programuje też wszystkie niezbędne moduły. O ile witryna wykorzystuje bazę danych (np. najbardziej popularnej MySQL) to programista tworzy także model bazy danych, gdzie zapisywana będzie treść serwisu.

Budowa i testowanie

W gotowym panelu administracyjnym zakłada się strukturę menu strony (dodaje się wszystkie podstrony) i wypełnia się je treścią jakie dostarczył klient. Zleceniodawca może to również zrobić samodzielnie, a także edytować treść bez znajomości HTML gdyż niemal każdy panele administracyjne wyposażone są w prosty edytor tekstu. Dopiero teraz dostajemy działający witrynę. Odnośniki kierują do przypisanych im podstron i możliwe jest sprawdzenie jego działania. Przed startem strony dobrze jest przetestować czy każdy jego moduły pracują bez problemów (czy odnośniki prowadzą do właściwych stron, czy pozostałe mechanizmy wykonują swe funkcje). Każde zmiany do projektu a także dokładanie następnych mechanizmów powinny być ustalone w fazie projektu graficznego, gdyż na późniejszych etapach konieczne jest zharmonizowanie szerszej liczby opcji (zmiana szablonów, przepisanie kodu PHP) co z całkowitą pewnością doprowadzi do opóźnień.