Strona internetowa, HTML5

Witam. Potrzebuję przygotowanie prostego, aczkolwiek dobrze prezentującego się prostej stronie internetowej.

Strona składa się z trzech elementów:

Specyfikacja projektowa

Makieta serwisu internetowego

Projekt serwisu internetowego

Specyfikacja projektowa

Specyfikacja jest dokumentem dokładnie opisującym strukturę, cel i sposób działania serwisu internetowego. Specyfikacja mówi jak strona powinna działać.

Dokumentacja taka jest używana do wizualnego zaplanowania strony biorąc pod uwagę jej główny cel, grupę docelową i treść. W specyfikacji opisana jest struktura strony a także jej wszelkie zamierzone interakcje z użytkownikiem, które są stosowne dla danego serwisu. Specyfikacja ta jest prototypem, modelem rozkładu strony.

Makieta serwisu internetowego

Makieta funkcjonalna to wizualizacja rozmieszczenia elementów na danej stronie internetowej. Szkielet ekranu nie pokazuje jeszcze wyglądu strony, skupia się na funkcjonalnościach i zawartości. Stanowi punkt wyjścia do rozmowy o koncepcji serwisu – sposobie realizacji celów przedstawionych w briefie. Jest także punktem, w którym spotyka się podejście biznesowe klienta, potrzeby użytkowników, ograniczenia technologiczne oraz kreatywność designu.

Projekt serwisu internetowego

Należy stworzyć serwis internetowy w języku HTML wykorzystując CSS. W serwisie można wykorzystać elementy języka JavaScript. Serwis obowiązkowo musi zawierać stronę informacyjną. Jej treścią ma być:

Nazwa i wersja przeglądarki pod którą serwis był testowany. Zaleca się, aby serwis dobrze wyglądał pod każdą przeglądarką.

Imię, nazwisko, nr indeksu, nazwa przedmiotu, rok akademicki

Forma wykonania serwisu:

Kodowanie polskich znaków powinno być zgodne z UTF-8

Serwis powinien być wykonany w edytorze tekstowym, np: EdHTML, ezHTML, Pajączek, Zajączek, Tiger i inne zwierzątka.

Dopuszczalne jest a nawet zalecane stosowanie Expression Web firmy Microsoft (jest dostępny w DreamSparku)

Zaleca się nie tworzenie serwisu w oparciu o edytory WYSIWYG, np: FrontPage, DreamWeawer.

Lista zalecanych przeglądarek do testów w kolejności od najbardziej preferowanej:

FireFox

Chrome

Opera

Edge

Safari

lynx

Internet Explorer min. 9