0
głosów
- +

Cięcie layoutu krok po kroku

Autor:

Aktualizacja: 30.09.2017


Kategoria: Biznes i Ebiznes / Biznes i eBiznes


Artykuł
  • 0 głosów dodatnich
  • 0 głosów ujemnych
  • 370 razy czytane
  • 1 przedrukowany
  • 0 Polemik/Poparć <span class="normal">Odpowiadanie na artykuł</span>
  • Licencja: CC <span class="normal">Zezwala się na kopiowanie, dystrybucję, wyświetlanie i użytkowanie dzieła i wszelkich jego pochodnych pod warunkiem umieszczenia informacji o tw&oacute;rcy.</span>
Dostęp bezpłatny <span class="normal">Dostęp do treści jest bezpłatny.<br/> Inne pola eksploatacji mogą być zastrzeżone sprawdź <b>licencję</b>, żeby dowiedzieć się więcej</span>
 

W dzisiejszych czasach cięcie layoutu odbywa się najczęściej przy pomocy specjalnych programów graficznych, takich jak np. Adobe Photoshop. 


Pamiętać należy o tym, że technik cięcia jest bardzo dużo, ponieważ program Adobe Photoshop i wiele konkurencyjnych aplikacji oferuje wiele możliwości pocięcia szablonu. Wszystko tak naprawdę zależy od naszych indywidualnych preferencji i przyzwyczajeń.


Profesjonalne cięcie layout psd do html

Najpopularniejsza metoda cięcia psd do html polega na wycinaniu interesujących nas warstw za pomocą "cięcia na plasterki". Za pomocą magicznego piórka należy bardzo dokładnie obrysować każdą warstwę oddzielnie i zapisać ją w nowym pliku. Pamiętać należy również i o tym, aby przy zapisywaniu plików nie korzystać z tradycyjnego zapisu, tylko wybrać opcję "zapisz dla internetu". Bardzo pomocny może okazać się również specjalny podgląd w przeglądarce internetowej, dzięki któremu błyskawicznie sprawdzimy jak pocięte grafiki prezentować będą się na stronie www. Program Adobe Photoshop daje nam również do dyspozycji kilka prostych linijek kodu CSS do pomocy, dzięki czemu możemy na przykład zmienić tło strony, aby sprawdzić jak wycięta grafika prezentować będzie się w innych kolorach.


Dlaczego warto korzystać z cięcia na plasterki

Plasterki dzielą psd na mniejsze obrazy, które złączane są automatycznie w stronę internetową przy użyciu warstw CSS albo specjalnych tabeli HTML. Precyzyjne dzielenie grafiki pozwala nam przypisać różne łącza URL i zastosować dowolną nawigację strony tworząc w ten sposób estetyczną grafikę internetową.

Program Photoshop automatycznie zapisuje wszystkie pocięte plasterki w postaci oddzielnych plików. Co więcej, generowany jest również kod HTML i CSS, który niezbędny jest do prawidłowego wyświetlania obrazu pociętego na plasterki. Obecnie wiele firm lkorzysta z pomocy fachowców specjlizujących się w cięciu layoutu, gdyż często, z pozoru prosty, lprojekt wymaga wiedzy oraz doświadczenia, by efekt końcowy spełniał określone oczekiwania.

 


Podobał Ci się artykuł?
0
głosów
- +

Brak polemik/poparć



Podobne artykuły:


KOMENTARZE


Używając tej strony zgadzasz się na wykorzystywanie plików Cookie.Dowiedz się więcej.

Używamy plików cookies, aby ułatwić Ci korzystanie z naszego serwisu oraz do celów statystycznych. Jeśli nie blokujesz tych plików, to zgadzasz się na ich użycie oraz zapisanie w pamięci urządzenia. Pamiętaj, że możesz samodzielnie zarządzać cookies, zmieniając ustawienia przeglądarki. Z dniem 25.05.2018 wprowadziliśmy też w życie rozporządzenia dotyczące ochrony danych osobowych. Więcej informacji w naszej Polityce Prywatności i Regulaminie.

Zamknij