Dla firmy Arton Effect Lights stworzyliśmy i oprogramowaliśmy stronę internetową www.arton.pl w oparciu o przesłany projekt graficzny.

Zobacz online: www.arton.pl

WYMAGANIA PROJEKTOWE, STAWIANE CELE

• przygotowanie strony informacyjnej na bazie dostarczonego projektu graficznego,
• wprowadzenie możliwości dodania do kodu strony dowolnego tekstu, który w przeglądarce internetowej wyświetli się w postaci 'niestandardowej' czcionki bez potrzeby generowania plików graficznych z tekstem wyświetlanym daną czcionką,
• wdrożenie formularza kontaktowego,
• kompatybilność kodu z najpopularniejszymi przeglądarkami: Internet Explorer 6, 7 i 8, FireFox 2, FireFox 3, Opera 9, Opera 10, Safari 3.2, 4+

TECHNIKALIA

Zakres prac: szablony (X)HTML/CSS/JS, oprogramowanie formularza kontaktowego.

Wykorzystane technologie, biblioteki programistyczne:

PRZEBIEG PRAC, STUDIUM PRZYPADKU (CASE STUDY)

Do naszych zadań należało pocięcie przesłanego projektu graficznego i wygenerowanie na jego bazie szablonu strony, a następnie utworzenie i oprogramowanie kilku podstron składających się na witrynę internetową.

Przygotowanie szblonu xHTML/CSS obejmowało następujące elementy i zagadnienia:

• kod XHTML i CSS zgodnego ze standardem W3C,
• szkielet strony oparty na DIV’ach,
• przygotowanie i optymalizacja plików graficznych wykorzystywanych na stronie (optymalnie skompresowana grafika),
• kompatybilność kodu z przeglądarkami Internet Explorer 6, 7 i 8, FireFox 2, FireFox 3, Opera 9, Opera 10, Safari 3.2, 4+,
• semantyczny kod z myślą o SEO (pozycjonowanie),
• oprogramowanie dynamicznych elementów szablonu w javascript (JS) – zastosowanie biblioteki jQuery,
• wykorzystanie technologi Cufón, która poprzez wykorzystanie JavaScriptu, SVG i technologii canvas pozwala na prezentacje dowolnych czcionek (postscript, truetype i svg) na stronie www,
• przygotowanie favicon (ikony wyświetlanej przy adresie URL).

Ciekawym elementem strony jest formularz kontaktowy do oprogramowania którego wykorzystane zostały technologie wykorzystywane zarówno po stronie serwera, jak i klienta (przeglądarki internetowej). Pola formularza są walidowane w czasie rzeczywistym, a dane przesyłane za pomocą technologii AJAX bez przeładowania strony www. Po stronie serwera wykorzystaliśmy klasy Zend Framework do przesyłania wprowadzonych informacji na dopowiednie konto pocztowe.