|
|
|
Na dobry początek
Układ strony
Porady graficzne
Animacje
Triki fachowe
Porada speca
Na dobry początekZawsze powinno się umożliwić powrót do strony głównej z dowolnej strony witryny. Jest to niezbędny element nawigacyjny, znacznie upraszczający poruszanie się po site'cie.
Przy tworzeniu obrazów elektronicznych takie parametry, jak wysokość i szerokość, mają zasadnicze znaczenie i należy je zawsze określić. Ale w przypadku HTML jest inaczej: lepiej pozostawić wiele parametrów - na przykład wysokość, szerokość itp. - nie zdefiniowanych i zobaczyć, jakie to przyniesie efekty. Zasada jest prosta: jeśli definiowanie danego parametru nie jest konieczne, lepiej go nie określać. Po prostu zapełniamy tablicę odpowiednią zawartością i patrzymy, co z tego wynika. Nie należy zbyt precyzyjnie opisywać strony. W przeciwnym razie będzie się ona długo ładować, wystąpią błędy i może się zdarzyć, że przeglądarka nie rozpozna pewnych instrukcji.
Pasek nawigacyjny tworzymy przy użyciu małych ikon, znajdujących się w tablicy. Umieszczamy małe pliki GIF w tabeli i ustawiamy parametry BORDER, CELLSPACING i CELLPADING na 0 - tak by między obrazkami nie było spacji.
Nie potrzeba przeładowywać stron grafiką - czysty tekst sprawdza się lepiej. A już na pewno nie należy korzystać z GIF-ów, żeby zapewnić użytkownikowi odpowiednie fonty. Lepiej (i szybciej) użyć zwykłego kodu HTML.
Podstawowym wymogiem jest oczywiście "samookreślenie". Na każdej stronie powinien być znak identyfikujący - na przykład logo firmy, będące odsyłaczem do głównej strony.
Jeśli twój site jest podzielony na kilka dużych sekcji i kilka podsekeji, należy odwołać się do mikronawigacji. Chodzi po prostu o to, by ułatwić użytkownikom poruszanie się wewnątrz danej podsekcji. Najlepiej skorzystać z serii odsyłaczy do stron o podobnej tematyce w obrębie naszej witryny.
Każda strona WWW powinna dysponować narzędziem do wyszukiwania lub przynajmniej odsyłaczem do wyszukiwarki. Jest to ważne, bo jeśli użytkownik zagubi się w cyberprzestrzeni - musi mieć jakąś możliwość odnalezienia się w tym gąszczu stron.
Wielu projektantów stron chce określić każdy możliwy aspekt strony. Istnieje jednak pewien element nietykalny: kodowanie barw odsyłaczy do stron. Przeglądarki ustawiają kolor stron w zależności od dotychczasowej podróży użytkownika, który dzięki temu wie, jakiej części witryny jeszcze nie odwiedził. Zakłócenie tego schematu spowoduje, że użytkownicy poczują się zagubieni.
Podobnie jak animowane GIF-y, scrollowany tekst to prawdziwe utrapienie dla internautów. Należy ich bezwzględnie unikać, gdyż elementy te spowalniają dostęp do stron. Jeśli nie da się umieścić tekstu na stronie, najlepiej przeprojektować ją lub zupełnie zmienić treść.
Niemal każdy projektant ma jakieś zaniedbania na sumieniu i nawet najwspanialsze strony pełne są literówek i niezręczności gramatycznych. Wiele narzędzi do tworzenia stron jest dostarczana ze słownikiem, warto więc skorzystać z tego narzędzia. Błędy językowe to element, który niezmiernie irytuje użytkowników strony.
Oczywiście, warto testować strony na różnych typach monitorów, rozdzielczości, ustawień barw i typach przeglądarek. Nie powinniśmy jednak zapomnieć o najważniejszym sposobie sprawdzania naszej strony, czyli poddaniu jej publicznej krytyce. Zaproś znajomych, niech siądą wokół monitora i korzystają z twojego dzieła. Dzięki temu odkryjesz niedociągnięcia interfejsu i systemu nawigacji: dowiesz się, jak naprawdę się z niego korzysta, zanim umieścisz witrynę w sieci.
Układ stronyZnacznie ułatwisz życie użytkownikom, korzystając z białej przestrzeni. Jej użycie zapobiega przeładowaniu i nadmiernemu zagęszczeniu elementów strony. Na przykład nie ma potrzeby rozrzucać narzędzi nawigacyjnych - takich jak np. Pasek menu - na skrajne elementy strony. Wystarczy tylko trochę je rozdzielić, pozostawiając puste miejsce po obu bokach. Należy również pozostawić puste miejsce pomiędzy elementami strony, takimi jak główne menu i główna porcja tekstu na stronie.
Swobodne korzystanie z tagów rezerwujących miejsce na grafikę (placeholders) pozwala na ładowanie strony we wstępnej wersji i nadaje posmak profesjonalizmu. Dzięki temu strony ładują się szybciej. Należy dodać następujący tag:
<IMG SRC="digmatic.gif" WIDTH="100" HEIGHT="60">
Trzeba uważać przy ustawianiu tagu <TABLE> na align=center przy centrowaniu tabel. Metoda to jest skuteczna jedynie na przeglądarkach od wersji 4 w górę i nawet w Navigatorze 4 wycentruje on tak tabelę, jak i poprzedzający ją tekst. Bardziej uniwersalny jest tag DIV:
<DIV align= center>
<TABLE border="1" width="100">
<TR>
<TD align="center" height="60">
Oto tabela wycentrowana przy użyciu DIV:
</TD>
</TR>
</TABLE>
</DIV>
Im strona nudniejsza, tym bardziej zrozumiała. Fajerwerki barw, czcionek i zdjęć, jasnoniebieski tekst na skomplikowanym tle - wszystko to może wydawać się atrakcyjne, ale utrudnia obsługę, szczególnie osobom bez większego doświadczenia. Czasem najlepszym wyjściem jest biały tekst na czarnym tle - do tego wszyscy zdążyliśmy się przyzwyczaić.
Przy projektowaniu kreskówek rysownicy często używają czarnej obwiedni, by uwidocznić postacie. Tę samą technikę możemy zastosować do tabel. Aby je uwydatnić, należy dodać cienką, czarną ramkę. Nad tekstem w GIF-ie z kolorową obwiednią ma to tę przewagę, że przy zmianie rozmiaru obrazu czy czcionek wygląd tabel automatycznie dostosuje się do parametrów. Co więcej, umieszczając wąskie, kolorowe pola tabeli wokół jej brzegów, pozostaw parametr HEIGHT nie ustawiony. Dzięki temu niezależnie od wielkości fontów użytkownika tabela dostosuje się do nich:
<TD width="2" bgcolor="#CCCC33"><SPACER type="block" width="2"></TD>
Potężne bloki tekstu bywają słabo czytelne - dlatego w czasopismach i gazetach jest on dzielony na kolumny. Informacje powinny być podawane w pojedynczych, wąskich kolumnach. Nie należy jednak umieszczać zbyt wielu kolumn obok siebie, bo zmusza to użytkownika do częstego przewijania.
Podobnie jak w czasopismach należy dzielić informacje na działy, używając podtytułów. Dzięki temu strony są czytelne, a użytkownicy mogą łatwo znaleźć potrzebne informacje. Podtytuły są niezbędne, szczególnie gdy strona liczy ponad 500 słów. Poza tym, lepiej używać podtytułów HTML niż plików GIF, które ładują się znacznie wolniej.
Gdy blok tekstu nie mieści się, jest przenoszony do następnej linii. Zazwyczaj oznacza to, że wymyka się spod kontroli i ląduje w przypadkowym miejscu. Aby temu zapobiec, należy na dole umieścić GIF-a z małą porcją tekstu. Zapobiega to rozlaniu się tekstu niezależnie od parametrów czcionki, ustawionych przez surfującego.
Porady graficzneMożemy wykorzystać pamięć cache przeglądarki, żeby przyśpieszyć ładowanie grafiki. Jeśli użyjemy tego samego obrazka kilkakrotnie, to będzie się ładował z pamięci podręcznej zamiast z serwera. Co więcej, możemy używać fragmentów grafik i ładować tylko ten element, który uległ zmianie. Możemy np. podzielić menu na części i stosować fragmenty na kilku różnych stronach obok nowych elementów menu.
Niektórzy nie chcą - lub nie mogą - ładować grafik. Należy zawsze korzystać z tagu ALT: dzięki niemu możemy poinformować użytkowników o wyglądzie strony. Ponadto informują one w trakcie obróbki kodu, co znajduje się w danym miejscu. Tagi ALT ładują się w pierwszej kolejności, zawsze więc możemy zobaczyć, co się mieści w tym miejscu, zanim zdecydujemy się na proces ładowania. Przykładowy tag obrazka wyglądać powinien tak:
<IMG SRC="MS_logo.gif" ALT="Logo MS Studio">
Można sprawić, by mapy linków stały się widoczne nawet dla tych, którzy nie ładują grafik. Należy pociąć obraz, a następnie przebudować na tabelę przy użyciu narzędzi w stylu Macromedia Fireworks. Dzięki temu do każdego odsyłacza możemy dodać tag ALT. Trzeba pamiętać o ustawieniu rozmiarów ramki na 0, by zapobiec rozdzieleniu elementów.
Należy zawsze korzystać z bezpiecznych, sieciowych barw. Wielu projektantów poznało już ten standard, przygotowując grafikę i zdjęcia (chodzi o zestaw 216 odcieni, które będą wyglądały tak samo, niezależnie od przeglądarki czy platformy). Ale często zapomina się o innych kolorach na stronie, np. barwach tekstu, tła czy ramek. Warto pamiętać, że bezpieczne kolory mają na każdym kanale hexadecymalne numery 33, 66, 99, FF.
Wielu projektantów nie może oprzeć się opisywaniu ikon. Ale ikona powinna być po prostu ikoną. Jeśli potrzebny jest opis, to znaczy, że nie są wystarczająco jasne. W takiej sytuacji należy albo je przeprojektować, albo użyć odsyłacza tekstowego.
Nie ma potrzeby korzystania za każdym razem z pliku GIF z warstwą tekstu - wystarczy kolorowa komórka tabeli z tekstem. W ten sposób łatwiej zmienić kolor i nie tracimy czasu na ładowanie.
Początkujący projektanci niszczą swe strony przez użycie skomplikowanego tła, które powoduje że tekst jest nieczytelny. Możemy temu zaradzić, nieco je rozmywając. Tekst stanie się bardziej wyrazisty.
Czy wiesz, że znaczna część serwerów ściąga tylko cztery pliki GIF? Są one ładowane równocześnie, dzięki czemu możemy sprawić, że strony będą się ładować znacznie szybciej. Po prostu należy ograniczyć do czterech liczbę GIF-ów na stronę. Zmniejszy to obciążenie serwera.
Jeśli myślisz, że usunąłeś ostatnie ślady zbędnych danych ograniczając się przy obrazkach do palety 216 bezpiecznych kolorów, to prawdopodobnie jesteś w błędzie. Można pójść znacznie dalej - odwagi! Zmniejszymy rozmiar plików graficznych ręcznie, usuwając zbędne barwy w Photoshopie.
Jeśli pracujesz na dużych obrazach, to użycie bogatszych gradacji odcieni i nadmiar efektów mogą negatywnie odbić się na rozmiarze pliku. Należy zawsze używać płaskich, dostosowanych do WWW barw. Daje to gwarancje małego rozmiaru plików. Przy mniejszych obrazach nie należy używać zbyt rozmytych, niewyraźnych konturów. Trzeba się zdecydować na ostre barwy i wyraźne przejście od tła do właściwego obrazu. Nie tylko poprawi to rozmiary pliku, ale też nada bardziej pewny i czysty wygląd grafikom.
Tekst HTML powinien być skomponowany z dostępnych powszechnie i pewnych czcionek: należy unikać fontów właściwych danej platformie systemowej, dołączanych czy instalowanych przez użytkownika, szczególnie jeśli zależy nam na szerokiej publiczności. Niemniej możemy rozruszać witrynę dodając czcionki za pomocą GIF-ów. Pliki tego formatu są czytane przez wszystkie przeglądarki, nie pociąga to więc za sobą rezygnacji z jakiejkolwiek części audytorium. A jeśli ograniczymy się ściśle do palety webowej, rozmiary plików pozostaną w granicach rozsądku.
Jednym ze sposobów zwiększenia atrakcyjności witryny jest korzystanie z inicjałów, napisanych inną czcionką niż tekst. Czasem wystarczy jedna litera, niekiedy trzeba zapisać całe zdanie. Szczególnie nudne bywają domyślne czcionki przeglądarek, możemy więc łatwo przykuć uwagę surferów, korzystając z ciekawych czcionek lub nawet zmienić je przy użyciu narzędzi w stylu Kai Power Tools. Dzięki czemu uzyskamy ciekawe efekty - cieniowanie, zniekształcenie grafik lub ich rozmycia.
Format GIF polega na zapamiętywaniu pionowych bloków pojedynczego koloru - osiem niebieskich pikseli zajmuje tyle samo pamięci, ile jeden. Można to wykorzystać próbując ograniczyć do minimum zmiany w pionowych barwach GIF-ów. Plik zawierający trzy kolumny ciągłych barw będzie znacznie większy niż jego odpowiednik z trzema wierszami.
AnimacjeAnimowane GIF-y oznaczane są tagiem <BLINK> na webowych stronach. Najważniejszą zasadą obowiązującą przy korzystaniu z nich jest: nie nadużywać! Posłużmy się przykładem. Animowana ikona adresu e-mailowego nie wzbogaci naszej strony pod względem estetycznym, przedłuży natomiast czas jej ładowania, i to w sposób dramatyczny. Najlepiej jest ograniczyć liczbę animacji do jednej na stronę. Wybierajmy elementy warte podkreślenia, używajmy ruchomych GIF-ów, np. do ogłoszeń, banerów lub linków takich jak "Nowości" czy "Konkursy".
Jeśli używasz animacji z umiarem, dotychczasowe piekiełko może przeistoczyć się w raj. Stosujmy ją do prezentacji informacji, która nie mieści się w ograniczonej przestrzeni. Dla przykładu, przycisk o objętości 64 x 64 piksele może dzięki animowanym GIF-om zmieścić więcej treści. Zamiast trzech ramek wystarczy jedna, by zachęcić do odwiedzenia strony poświęconej poradom: "Chcesz tworzyć wspaniałe animacje > Chcesz wiedzieć więcej > Kliknij tutaj".
Animowane GIF-y mają pewną paskudną cechę. Jeśli nie będziesz obchodzić się z nimi ostrożnie urosną do ogromnych rozmiarów. Podczas tworzenia kolejnych klatek najlepiej do minimum ograniczyć wprowadzanie zmian. Jest dobrze używać funkcji optymalizacji klatek (frame optimizer) dostępnych w oprogramowaniu. Dzięki temu, gdy wyeksportujemy naszą pracę do formatu GIF89a, przeglądarka załaduje jedynie nowe elementy animacji z każdej klatki.
Z największą uwagą śledź paletę używanych kolorów, a może uda ci się niedopuścić do "nadwagi" GIF-ów. Najlepiej używać tych samych kolorów w każdej klatce animacji. Choć jest to żmudna praca, efekty daje korzystanie z Photoshopa i oczywiście kolorów "Web-safe".
Animacja, która wygląda naturalnie, to animacja wolna. Przelatujące przed oczami z szybkością rakiety klatki niewiele mają z nią wspólnego. Idealnym wyjściem jest zaprojektowanie sekwencji, która trwa od 2 do 5 sekund. Pamiętajcie, że głównym celem animacji sieciowej nie jest przedstawianie rysunkowej, superszybkiej wersji "W poszukiwaniu straconego czasu" Prousta, lecz po prostu zaintrygowanie widza. Poza tym, niektóre przaglądarki (np. Navigator 3) nie obsługują animacji krótszych niż 0,1 sekundy.
Aby uzyskać długą i naturalną animację, która dodatkowo sprawia wrażenie skomplikowanej, skorzystaj z kilku pociętych plików. Dla przykładu, wykorzystaj trzy fragmenty animacji ludzkiej głowy: profil lewy (z okiem), en face oraz profil prawy (z okiem). Umieść je w tabeli i ustaw różne czasy odświeżania. Dzięki temu będzie widoczna twarz mrugająca, uśmiechająca się w różnych tempach.
Triki fachoweCzasem ludzie umieszczają odsyłacze swojej strony w taki sposób, że jest ona wstawiona w zaprojektowane przez nich ramki. Jest to denerwujące. Można temu zapobiec. Złamanie ramek odbywa się za pomocą tagu:
<BASE TARGET="_top">w Nagłówku (tag <HEAD>) strony. Dzięki temu twoje strony będą zawsze oglądane w pełnym oknie przeglądarki.
Oto ciekawy trik, pozwalający pokazać w trakcie ładowania stronę zastępczą, a po paru sekundach wyświetlić zawartość głównej strony. Zamiast często używanego tagu , który uruchamia odliczanie tuż po rozpoczęciu ładowania strony, lepiej skorzystać z tagu onload, który zaczyna liczyć czas od momentu pełnego załadowania strony. Wpis umieszczamy w sekcji:
<BODY ... onload=set("ms.href='MS.html'", 10000)>
Liczba wyznacza milisekundy do przejścia na nową stronę.
Podkreślone odsyłacze mogą być nieczytelne i nieeleganckie - taka linijka kodu pozwoli pokazać czysty odsyłacz, bez podkreślenia:
<A HREF="MS.html" STYLE="text-decoration:none">MS Studio</A>.
Nie należy nigdy wpisywać znaków specjalnych bezpośrednio do kodu HTML - na przykład przez użycie klawiszy option (Mac OS) czy Alt (Windows). Zamiast tego lepiej używać kodowania składającego się z & i liter, odpowiadających konkretnemu znakowi oraz średnika (&xxxx;), np.: © da w efekcie znak copyright ©.
Pasek Status przeglądarki jest rzadko wykorzystywany. Zamiast informacji o URL danej strony - jak np. "http://www.msstudio.com.pl/index.html" - możemy, korzystając z narzędzia onMouseOver JavaScript, wstawić jakieś istotne informacje, np. "Kliknij, by uzyskać najnowszą wersję".
Choć Macromedia Flash pozwala uzyskać filmy o małej objętości, to można poprawić te wyniki. Aby zwiększyć rozmiar filmu nie zwiększając pliku, należy rozpocząć od stosunkowo większego obszaru, ustawić parametry HTML HEIGHT i WIDTH strony na wartości większe niż rzeczywiste rozmiary filmu. Na przykład tworzymy we Flashu film 100 x 150 pikseli, a na stronie umieszczamy go z rozdzielczością 200 x 300 pikseli. Film przeskaluje się, a plik będzie znacznie mniejszych rozmiarów, niż gdyby był stworzony z rozdzielczością 200 x 300.
Jeśli chcesz, by jakiś komunikat pojawiał się na każdej stronie i był w miarę często uaktualniany, to możesz uniknąć wielu kłopotów, używając Servera Side Includes (SSI). Technika to polega na nakazywaniu serwerowi znalezienia odpowiednich porcji kodu i dołączeniu go do stron. Oto jak korzystać z tej opcji:
<!-#iclude virtual="/includes/digit.html"->.
Tag Mailto nie musi służyć jedynie do generowania e-maila. Możemy spowodować, że będzie automatycznie wypełniane pole CC: czy Subject. W tym celu po stworzeniu standardowego pola Mailto, zawierającego adres odbiorcy dodajemy linie specyfikujące CC i Subject. Będzie to przykładowo wyglądać tak:
<A HREF=mailto:biuro@msstudio.com.pl?cc=prezes@msstudio.com.pl&subject=Temat wysyłanego listu>Zaczarowane Mailto</A>
Ci, którzy nie mają dostępu do znakomitej opcji Tracing obecnej w Dreamweaverze, mogą skorzystać z jej namiastki. W Photoshopie tworzymy układ strony, korzystając z bloków barw w pojedynczym pliku. Następnie tworzymy nową warstwę o dużej przezroczystości, tak by poprzednia warstwa pozostawała widoczna. W końcu kasujemy pierwszą powłokę i ustawiamy przezroczystość na normalny poziom.
Jeśli mamy napis w postaci pliku GIF, warto pamiętać, że obrazy aliasowe będą się ładować szybciej niż antyaliasowe. Ponadto fonty bez szeryfów - jak na przykład Geneva - są łatwiej czytalne w postaci aliasowej.
Oto porada, którą warto zapamiętać: w tabeli HTML można używać barw spoza palety webowej. Nie będą się one rozmywać na ekranie o 256 barwach. W grę wchodzą jednak tylko bardzo jasne kolory. Chodzi o barwy, które gdyby "były" GIF-ami, zlałyby się z kolorem białym. Dobrym przykładem będzie barwa #EEEEEE - szarość znacznie jaśniejsza niż te, które mamy do dyspozycji na palecie webowej, nie rozmywająccej się po umieszczeniu w tabeli.
Możesz spowodować, by twoja witryna sprawiała wrażenie bardzo szybkiej, odwołując się do atrybutu low-res, który powoduje, że najpierw jest wyświetlany obraz o niższej rozdzielczości, a dopiero później ładowana pełna wersja. Tag może wyglądać następująco:
<IMG src="hires.jpg" lowsrc="lowres.gif">Trzeba jednak pamiętać, by obraz o mniejszej rozdzielczości był rzeczywiście mniejszy niż oryginał. Opcja ta jest szczególnie przydatna przy graficznych zestawach odsyłaczy. Pozwala skorzystać szybko i sprawnie z hiperlinku, bez konieczności czekania na załadowanie pełnego obrazu.
Ograniczenie do 256 barw przy projektowaniu - to duża niewygoda. Mamy sztuczkę, która pozwoli uwzględnić rozdzielczość barw monitora i pokazywać albo 256-kolorowe obrazy, albo ich bardziej spektakularne wersje w tysiącach kolorów. Możliwe to jest dzięki następującemu skryptowi DHTML:
<scriptlanguage="vbscript">
If screen.ColorDepth <8 Then 'wyświetl obraz z małą ilością barw' END If
</script>
8 oznacza tu 256 barw, możemy użyć 32 dla milionów itd.
Porada specaOpanuj dane medium, a potem zrób krok dalej i nie ustawaj w poszukiwaniach. Kreatywność to nie tylko twórczość - to również umiejętność oryginalnego rozwiązywania problemów i dynamizm w podejmowaniu coraz to nowych wyzwań. Trzeba zaskoczyć klienta i odbiorców. Nie należy niewolniczo przywiązywać się do narzędzi cy platformy (choć trzeba je poznawać) - one i tak ewoluują. Dzisiejsza witryna WWW będzie jutro częścią telewizora, elektronicznego notatnika czy pralki. Nie wolno się ograniczać. Karateka przyjmuje ciosy, nie okazując słabości. http://www.razorfish.co.uk
Jeśli na witrynie mają się znajdować złożone elementy usługowe (a nie tylko rozwijane menu) i jeśli są tam ukryte jakieś operacje logiczne, lepiej przygotować najpierw dokładną wersję próbną, na której będzie można dokonać kilku transakcji i zobaczyć, jakie uzyskujemy wyniki. Zapewni to poprawność logistyczną strony i nie będziemy marnować czasu na kodowanie błędnych elementów. http://www.marketing.co.uk
Rozmiar stron nigdy nie będzie jednorodny - zawsze będą różnice w wielkości monitorów, a i przeglądarki powinny być dostosowane do potrzeb. Można stronę ujednolicić otaczając ją ramkami. Zwiększa to również kontrolę nad jej wyglądem. Na koniec rada: czasem są kłopoty z wyrównaniem obrazków do lewej lub góry strony. Aby temu zapobiec, umieszczamy obraz w tabeli i dodajemy "marginheight = 0 marginwidth = 0 cellspacing= 0 cellpading= 0" http://www.amxsudios.com
Przy projektowaniu stron mamy do czynienia z dwoma zasadniczymi czynnikami. Po pierwsze, należy określić cele klienta i sformulować strategię przed rozpoczęciem procesu projektowania. Może się to wydawać dziwne, ale takie profesjonalne podejście jest często lekceważone, przez co otrzymujemy strony niefunkcjonalne i bezużyteczne. Po drugie, należy projektować pod kątem użytkownika i oferować usługi rzeczywiście oddające potrzeby klienta sieciowego - tworzyć wyjątkowe warunki działań online.
Uważamy, że bardzo ważne jest planowanie wszystkich naszych animacji we Flashu. Pozwala to naszym klientom obejrzeć i zaaprobować projekt przed rozpoczęciem komputerowej produkcji. Stwierdziliśmy, że jest to najbardziej ekonomiczna metoda produkcji, dzięki której projekt nie będzie zależal od aktualnej wiedzy technicznej operators. http://www.studiosoup.co.uk
Opracował: Marcin Gokieli "Publish Macworld" listopad 1999
[ POCZĄTEK ] | [ MENU ] | [ KONIEC ]
Jeżeli spodobały ci się nasze strony możesz je Dodać do Ulubionych lub ustawić tą stronę jako swoją Stronę główną. Możesz też wysłać swojemu znajomemu lub znajomej LINK do naszej strony.
Strona główna
Dodaj do ulubionych
Ustaw jako stronę główną
Wyślij link znajomemu/znajomej
Z TEJ STRONY SKORZYSTAŁO JUŻ:
OSÓB
