Nasze portfolio - efekty elementów strony

Zakładki, podokienka, formularze, mapy i wiele innych.
menu
menu nawigacyjne
to najważniejsza rzecz każdej strony. Przez jego pryzmat użytkownik patrzy na całą resztę. Zobacz co można w tym temacie zrobić.
elementy strony
elementy strony
takie jak zakładki, mapki czy formularze mogą być całkiem niezwykłe kiedy przedstawione w nowoczesny sposób. Oto kilka przykładów.
zdjęcia, galerie
zdjęcia i galerie
to tak szerokie zagadnienie, że poświęcamy mu całą osobną podstronę. Niewielką paletę ich form oraz zastosowań możesz wypróbować poniżej.
interakcja
interakcja z użytkownikiem
to kwestia podstawowa w przypadku nowoczesnych stron. Zadowolony użytkownik to taki, który porusza się po stronie łatwo i intuicyjnie.
ekstra
ekstra efekty
to rozwiązania unikatowe. Chcesz aby Twoja strona wyróżniała się czymś naprawdę szczególnym? Na pewno coś na to możemy poradzić.

elementy strony

takie jak zakładki, mapki czy formularze mogą być całkiem niezwykłe kiedy przedstawione w nowoczesny sposób. Oto kilka przykładów.

Jill Valentine

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

Old Snake

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

Trinity

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

Kratos

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

Lara Croft

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

Nero

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

Nariko

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
podokienka
co jest potrzebne aby zmieścić wiele treści na małej przestrzeni tak
aby ładnie wyglądały i zachęcały do przejrzenia ich? Wystarczy przyciągająca oko forma oraz np. ładny pasek przewijania.
rodzaje:
  • przewijane poziomo
  • przewijane pionowo
  • iframy
opcje:
  • efekty animacji: przewijanie
  • własna grafika: tak
  • pozycjonowanie: tak
dodatkowo:
  • obsługa kółka myszki do przewijania
  • zawartość dowolnego typu (tekst, zdjęcia itd.)
  • dowolnie długa zawartość okienka
wkrótce: prezentacja każdego rodzaju
zakładka 1
zakładka 2
zakładka 3
zakładka 4
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor s.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor s.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor s.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Vet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor s.
zakładki
drugim dobrym rozwiązaniem są sprawdzone i dobrze znane zakładki. Sposób ich prezentacji może jednak całkowicie zmienić ich oblicze o czym można przekonać się na załączonym przykładzie.
rodzaje:
  • nawigacja pozioma
  • nawigacja pionowa
opcje:
  • efekty animacji: pełny wybór
  • własna grafika: tak
  • pozycjonowanie: tak
dodatkowo:
  • zawartość dowolnego typu
  • opcjonalne wczytywanie treści Ajaxem (wyklucza pozycjonowanie)
wkrótce: prezentacja każdego rodzaju
uramaki
Pieczony łosoś
 
cena: xx pln
Pieczony tuńczyk
 
cena: xx pln
Smażony węgorz
 
cena: xx pln
i inne
 
cena: xx pln
gunkan
Łosoś z porem
 
cena: xx pln
Krewetka dresing
 
cena: xx pln
Ikra
 
cena: xx pln
i inne
 
cena: xx pln
nigiri
Dorada
 
cena: xx pln
Tamago
 
cena: xx pln
Ryba maślana
 
cena: xx pln
Łosoś norweski
 
cena: xx pln
Okoń morski
 
cena: xx pln
maki
Łosoś
 
cena: xx pln
Tuńczyk
 
cena: xx pln
Tuńczyk na ostro
 
cena: xx pln
Rzepa japońska
 
cena: xx pln
futomaki
Łosoś
 
cena: xx pln
Łosoś pieczony
 
cena: xx pln
Tykwa
 
cena: xx pln
Krab
 
cena: xx pln
Tuńczyk, szparagi
 
cena: xx pln
"harmonijki"
mają wiele zastosowań ograniczonych w zasadzie tylko wyobraźnią. Czy to lista artykułów czy menu dań, mogą w znaczący sposób podnieść atrakcyjność przeglądanej strony.
rodzaje:
  • rozwijane poziomo
  • rozwijane pionowo
opcje:
  • efekty animacji: rozwijanie
  • własna grafika: tak
  • pozycjonowanie: tak
dodatkowo:
  • zawartość dowolnego typu
  • możliwość otwierania wielu pozycji jednocześnie
  • rozwijanie po najechaniu myszką, automatycznie itp.
  • opcjonalne wczytywanie treści Ajaxem (wyklucza pozycjonowanie)
wkrótce: prezentacja każdego rodzaju
format wyszukiwania: Kraków, Królewska 32

adres:


trwa ładowanie mapy, w przypadku zbyt długiego czasu oczekiwania, spróbuj ponownie
mapy i mapki
czasy zwykłych zdjęć wskazujących np. siedzibę firmy powoli przemijają. Dynamiczne mapki nie tylko ułatwiają lokalizację danego miejsca ale mają także szeroki wachlarz innych zastosowań.
rodzaje:
  • zwykłe - zdjęciowe
  • dynamiczne
opcje:
  • efekty animacji: wbudowane
  • własna grafika: tak
  • pozycjonowanie: nie dotyczy
dodatkowo:
  • dowolna zawartość "dymków"
  • wyznaczanie trasy
  • wskazywanie współrzędnych GPS
  • wielu punktów na jednej mapie
  • integracja z zew. systemami
  • i wiele innych
wkrótce: przykłady zastosowań
Formularz - przykład
Dane kontaktowe
* Imię:
podaj swoje:
imię

min 2 znaki,
max 60 znaków

tylko litery
* Email:
podaj swój:
adres email

min 5 znaków,
max 260 znaków

np. kasia@amorki.pl
Treść wiadomości
wpisz treść
wiadomości

odpiszemy w ciągu:
24 godzin

pozostało 260 znaków
formularze
formularz powinien być łatwy do wypełeniania, jasno ukazywać co w nim jest ważne oraz posiadać przyjemny i funkcjonalny wygląd. Tak zastosowany zrobi bez wątpienia bardzo dobre wrażenie.
rodzaje:
  • kontaktowe
  • newslettery
  • rejestracji
  • itp.
opcje:
  • efekty animacji: opcjonalne
  • własna grafika: tak
  • pozycjonowanie: nie dotyczy
dodatkowo:
  • inteligentne podpowiedzi do pól
  • sygnalizowanie błędów w trakcie wypełniania formularza
  • możliwość sprawdzania danych Ajaxem (np. czy wpisany właśnie adres email jest już w bazie adresów email)
  • zabezpieczenia przed spamem
wkrótce: przykład formularza zawierającego wszystkie możliwe opcje: rozwijane listy, pola wyboru, przesyłanie plików itd.

zaufali nam:

  • -zdobywca wielu nagród kulinarnych
  • -gospodarz gwiazd polskiej sceny muzyki i filmu
  • -miejsce prezentacji teppanyaki show
  • -kuchnia azjatycka: chińska, japońska oraz tajska
Papaya w portfolio >>
Tagi: tworzenie stron www z CMS, projektowanie stron Kraków
Copyright © by elektrocomp 2009 - 2017 Kraków