Strona 1 z 1

Kodowanie i cięcie layoutu, przypisywanie elementom miejsca

: 25 maja 2012, 20:29:47
autor: Venite
Jak w temacie. Ktoś umie? Ktoś pomoże? Ktoś zna jakiś poradnik na ten temat?

Bardzo bym prosił o pomoc :)

Jestem w stanie wykonać graficzny, schludny layout dla swojej stronki, ale mam problem - nie wiem jak podzielić warstwy by było można je wygodnie pociąć i zakodować, jak to zrobić i jak osadzić w szkielecie strony i CSS. Ktoś zna jakiś tutorial (w miarę krok po kroku) jak to zrobić?

Mam ambicję, ale nie mogę jej wykorzystać :P

Proszę o wszelkie podpowiedzi i z góry dzięki.

Oczywiście szablonik HTML 4 + CSS / CSS 3

Re: Kodowanie i cięcie layoutu, przypisywanie elementom miej

: 04 cze 2012, 11:35:30
autor: BlackDante
Trochę późno bo nie zauważyłem tego temat ;)

trzymaj:

http://learncss.tutsplus.com/

w póżniejszych lekcjach masz pokazane jak ciąć layout z psd do html, no i przy cięciu layoutów najważniejsza jest praktyka i testowanie jak to wygląda na przeglądarkach ;)

Re: Kodowanie i cięcie layoutu, przypisywanie elementom miej

: 04 cze 2012, 12:42:07
autor: Venite
Wciąż aktualne ;)
Dzięki, zobaczę w domu co i jak :)

---- EDIT ----

Problem jest taki, że choć facet fajnie pokazuje i dobrze rozumiem angielski, to robi to w PS, a mam do dyspozycji wyłącznie GIMPa.

Szablon jest gotowy w .PSD, warstw specjalnie nie łączyłem (łącznie z wstępnie dodanym przez GIMP-a tekstem typu artykuły itd.). Próbowałem bawić się z ImageMap ale nie do końca wiem, jak go używać...

Masz może jakąś propozycję poradnika? Nie chcę pobierać photoshopa, dużo zajmuje a usuwać go po miesiacu... Szkoda zaśmiecać komputer.

Re: Kodowanie i cięcie layoutu, przypisywanie elementom miej

: 05 cze 2012, 09:21:48
autor: BlackDante
no niestety z gimpem Ci nie pomogę ponieważ porzuciłem ten program już spory czas temu, nie obsługuje wielu zaawansowanych rzeczy, które są łatwo dostępne w photoshopie, nie mówiąc tez o tym że plik psd może się w nim wyświetlać z błędami.

Chociaż tak jak chwilę to przemyślałem to cięcie layotu nie różni się zbytnio czy to na gimpie czy Photoshopie, zaznaczasz dany element zapisujesz jako *.png i odpowiednio go ustawiasz w cssie ;)