Prezentacja na technologię

1. GRID 960 – PRZYDATNY CZY TEŻ NIE?

2. PODSTAWOWE INFORMACJE
 Co to właściwie jest?
 960 grid system to struktura / szkielet CSS umożliwiający designerom
łatwiejsze budowanie layoutów. Jak mówi sam autor prototypowanie
wyglądu strony staje się wtedy łatwiejsze, przy czym przepływ pracy jest
wydajniejszy i szybszy. Grid 960 jest narzędziem sprzyjającym zarówno
projektantom stron jak i osobom – webdeveloperom, którzy będą tą
stronę później cięli do HTML/CSS-a. Autorem tego narzędzia jest
Nathan Smith i jak sam pisze:
 "Założenie tego systemu to idealne dopasowanie do szybkiego
prototypowania stron, ale również budowanie stron w normalnych
komercyjnych projektach. W dostępnej paczce znajdują się arkusze ze
szkicami, szkieletem psd gotowym do design, gotowe szkielety HTML i
CSS, które jednocześnie wszystkie są przygotowane pod ten sam
wymiar 960px."

3. ZALETY
 Zalety 960 Grid System to przede wszystkim prostota i
przyspieszenie pracy. Nie musimy pamiętać o
pozycjonowaniu treści oraz o marginesach. Wystarczy
kilka klas, umiejętność liczenia do 12, 16 ewentualnie do
24 i mamy gotowy szablon. W pakiecie otrzymujemy
również arkusz CSS, który ładnie sformatuje nam tekst.
Na początku trzeba oczywiście przyzwyczaić się do
tworzenia szablonów w inny sposób - później pracuje się
o wiele szybciej.

4. WADY
 Grafika strony powinna być tworzona pod
960 Grid System. Szerokość strony musi
wynosić 960 pikseli, elementy również
muszą mieć określoną szerokość. Warto
skorzystać z gotowych szablonów, dla
programów typu Photoshop, Gimp, Illustrator
i innych.

5. 12 KOLUMNOWY UKŁAD STRONY

6. 16 KOLUMNOWY UKŁAD STRONY

7. PRZYKŁADY

8. WYKONAŁ
 Maciej Świerżewski
 14.06.2012