Przeznaczeniem serwisu jest prezentacja oferty firmy wynajmującej sportowe samochody do jazdy na udostępnianych przez nią torach.

Serwis został zrealizowany na bazie XHTML. Elementy zostały sformatowane za pomocą reguł CSS umieszczonych w pliku style/style.css. Do obsługi menu znajdującego się po lewej stronie na stronie tracks.php został napisany skrypt znajdujący się w pliku script/script.js (odpowiada on za pokazywanie/ukrywanie modeli poszczególnych marek samochodów).

Dodatkowo serwis używa php oraz bazy danych mysql. W bazie przechowywane są informacje o dostępnych torach, samochodach oraz powiązania między nimi. Php jest wykorzystywany do dynamicznego tworzenia zawartości stron w zależności od danych umieszczonych w bazie oraz od argumentów umieszczonych w url, np. do podkreślania aktualnie odwiedzanej strony w menu głównym, podkreślania aktualnie wybranych torów wyścigowych oraz modeli samochodów w menu bocznym, wybierania odpowiedniego podzbioru torów i samochodów z bazy. Dzięki wykorzystaniu php i mysql zostały użyte szablony poszczególnych stron, które następnie są uzupełniane informacjami o wybranych przez użytkownika torach i samochodach - nie było potrzeby tworzenia wielu takich samych stron do prezentowania różnych egzemplarzy tego samego typu danych.

Główną rolą serwisu jest prezentacja samochodów oraz torów udostępnianych przez jego właściciela. Z tego powodu system nawigacji powinien przede wszystkim pozwalać na łatwe wyszukanie zarówno wszystkich dostępnych samochodów oraz torów, jak i ich pewnego podzbioru, którym klient może być zainteresowany. Istotna jest też możliwość łatwego ograniczenia samochodów do tych, które są dostępne na wybranym torze, oraz ograniczenia torów do tych, dla których dostępny jest wybrany samochód. Głównym elementem systemu nawigacji jest globalne menu znajdujące się w górnej części wszystkich stron witryny, które pozwala szybko przejść do najbardziej ogólnych stron. Dodatkowo na niektórych stronach znajduje się bardziej szczegółowe menu po lewej stronie, którego zawartość zależy od aktualnie wyświetlanej strony. W tym dodatkowym menu mogą znajdować się zarówno odsyłacze do innych stron serwisu, jak i elementy pełniące rolę filtrów wyszukiwania, które dodając argumenty do url zawężają zestaw prezentowanych informacji. Umieszczenie informacji o filtrach wyszukiwania w postaci argumentów url pozwala dodatkowo w łatwy sposób dodawać odsyłacze do stron zawierających już odpowiednio przefiltrowane informacje. Takie odsyłacze mogą być łatwo dodawane do poszczególnych artykułów uzupełnianych przez osoby znające html i pokrewne technologie jedynie w bardzo podstawowym stopniu.

Powyższe założenia co do dodatkowego bocznego menu zaowocowały następującymi rozwiązaniami:

Serwis został zaprojektowany w taki sposób, aby był wygodny w użytkowaniu, w szczególności ograniczono liczbę elementów mogących rozpraszać uwagę, w tym całkowicie zrezygnowano z elementów ruchomych i mrugających oraz ograniczono liczbę reklam, a zamieszczone reklamy zawierają jedynie statyczne obrazki oraz nie odtwarzają dźwięku. Ponadto serwis nie posiada tekstów pisanych małymi czcionkami oraz wszystkie teksty są umieszczone na tle zapewniającym wysoki kontrast. Dodatkowo, wykorzystanie szablonów uzupełnianych danymi pozwala w łatwy sposób utrzymywać spójność w prezentowaniu podobnych treści, a stałe usytuowanie menu (zawsze dostępne u góry strony, niekiedy dodatkowe po lewej stronie) oraz jego ujednolicona oprawa graficzna na poszczególnych podstronach ułatwiają nawigację. Serwis spełnia też podstawowe zasady ułatwiające jego wykorzystanie przez osoby niepełnosprawne, w szczególności wszystkie obrazki posiadają teksty alternatyenw (innych elementów, które wymagałyby tekstów alternatywnych serwis nie zawiera), a także wszystkie elementy nawigacyjne można oznaczyć fokusem i wybrać przyciskiem enter (włącznie z rozwijanym menu bocznym na stronie tracks.php), czyli poruszanie się po witrynie może być realizowane tylko za pomocą klawiatury.

Grafika reklamy adv1
Grafika reklamy adv2
Grafika reklamy adv3