Podstawowy układ strony zoptymalizowane dla smartfonów
Jeśli Web jesteśmy przyzwyczajeni do pobłażać się z niekończącymi się połączenie układu i przestrzeni, projektowanie stron internetowych dla smartfonów dokonujemy przeglądu naszych twórczych ambicji, lub przynajmniej zmienić rozmiar na ograniczoną wielkość wyświetlaczy przeznaczonych do oglądania naszej pracy.
Uwaga: rozdzielczość obrazu zależy, oczywiście, w zależności od modelu, większość następnej generacji smartfonów ma wyświetlacz o szerokości od minimum 240 do maksymalnie 480 pikseli. Najczęściej rozdzielczości mogą liczyć, w trybie portretowym, na szerokości 320 pikseli.
Zapomnij o układ, to dwie, trzy lub cztery kolumny! Z mojego punktu widzenia tylko możliwe rozwiązanie w celu zapewnienia dobrej przydatności do treści, jest jeden na kolumnie, gdzie wszystkie treści jest zorganizowany wzdłuż pionowej kaskady celu (np. jedna pod drugą). Podczas tworzenia strony internetowej, pamiętaj zawsze, najważniejsze jest, aby zapewnić dobrą użyteczność i, tym bardziej, gdy na wyświetlaczu jest ograniczona do smartphone, prostota jest zawsze najlepszym rozwiązaniem.
Jak widać, nasza struktura jest bardzo prosta i składa się początkowo z trzech części:
- Nagłówek: jest w górnej części strony i jest przystosowana do witryny logo i ewentualnie kilka innych elementów, na pierwszym piętrze;
- Ciało strony: jest przystosowany do centralnej części rzeczywistej zawartości strony naszej witryny internetowej;
- Stopka: To ostatnia część, na dole, gdzie jest zwykle umieszczać żadnych kredytów, wskazówki prawne, informacje o prawach autorskich, kontakty, itp..
Menu nawigacyjne
Centralna część strony, z kolei być wykorzystywane do innych obszarów (które różnią się w zależności od potrzeb).Istotnym elementem, oczywiście, jest menu nawigacji, przez które dostęp do innych stron / obszarów witryny. Jeśli te kilka (pierwsze rozwiązanie) można bezpośrednio utworzyć pasek narzędzi z linkami potrzebne, w przeciwnym razie - z braku miejsca - to lepiej dodać jeden przycisk, który po kliknięciu, wyświetla listę wszystkich stron / obszarów dostępny (drugie rozwiązanie).
Zawartość
Również, a przede wszystkim za treść musisz pamiętać o małym ekranie urządzenia. Ponownie, w związku z tym, prostota i liniowości są, moim zdaniem, najlepszym wyborem.
Unikaj zbędnych ozdobników graficznych jest dobra zasada projektowania stron internetowych i jest jeszcze w rozwoju stron internetowych dla urządzeń mobilnych i pytania związane z niewielkich rozmiarów wyświetlacza i z przyczyn związanych z dostępnej szerokości pasma (jak również o kosztach, 3G pasma nie zawsze jest szybki, więc najlepiej skupić się na tym, co jest istotne).
Nawet za treść zatem sugerować, kaskady, gdzie poszczególne elementy układu (teksty, zdjęcia, wideo) w następują po sobie:
W następnej lekcji zobaczymy, jak zbudować kod HTML na naszej stronie internetowej począwszy, oczywiście, przez <head> (tytuł, meta tagi i CSS).
- <<Poprzedni Lekcja
- Indeks pomocy
- Następny wykład>>
 |
Flash MX (zaawansowane)
Zostań projektantem stron internetowych od 29 €. |
 |
Javascript (Kurs)
Kompletny przewodnik po stronie klienta skryptów. Od 39 €. |
 |
Linux (Kurs)
Kompletny przewodnik do systemu open-source. Od 49 €. |