W momencie, gdy mamy już gotowy cały layout, należy go pociąć. By zrobić to poprawnie, szybko i by osoba, która będzie to kodowała na serwerze nie miała z nim problemów (a może i nas polubiła)– ważne jest nazewnictwo oraz oczywiście dokładność. Należy dbać o szczegóły – jak zawsze oraz myśleć o współpracowniku lub o sobie – jeśli to my będziemy kodować całość.
Sposobów na pocięcie takiej grafiki jest kilka. Opiszę najprostszy. Możemy użyć narzędzia „Slice tool“- narzędzie cięcia na plasterki w polskiej wersji językowej.
Layout 1
Zaznaczamy obszar, jaki potrzebujemy, np. sam panel dolny. Po dwukrotnym kliknięciu na obszarze zaznaczonym pojawi nam się okno, w którym możemy opisać element. Kopiujemy (CTRL+C), otwieramy nowy dokument (CTRL+N) i wklejamy panel (CTRL+V).
Plik zapisujemy w folderze, w którym mamy wszystkie pozostałe pliki dotyczące strony, w folderze IMAGES. Nazwy wybieramy proste, jasne, bez dodatkowych znaków specjalnych. Ułatwiamy w ten sposób nawigację po folderze.
Drugim sposobem jest:
Pocięcie <Slice Tool> oraz zapisanie jako <Save as><Save for Web & Devices>:
Po kliknięciu na powyższą opcję pojawia nam się nowe okno, w którym wybieramy poszczególne opcje: format: GIF<JPG<(…), kolory, jakość, rozdzielczość, jakość. Zapisujemy w najmniejszej rozdzielczości jaka jest możliwa, jednak z uwzględnieniem faktu, by grafika wyglądała profesjonalnie i nie było efektu pikselizacji. Małą rozdzielczość ustawiamy, by użytkownicy z wolniejszym łączem nie mieli problemu z ładowaniem grafiki.
Klikamy opcję <SAVE>, wybieramy <images only>. Mamy wycięty fragment strony i zapisany w odpowiednim formacie.
Jakiego programu używacie do cięcia layout`u? Dajcie znać w komentarzu.