GoldenLine
Zaloguj się
Łukasz Solniczek

Łukasz Solniczek Konsultant
wdrożeniowy/Programi
sta Ruby on Rails

Temat: Cięcie layoutu

Witam,
chciałbym się dowiedzieć o tym w jakiej książce dobrze opisane jest cięcie layoutów do xhtml/css?

Może polecacie też jakieś tutoriale w necie. Bo z tego co sam znalazłem ciężko jest się tego nauczyć (być może za mało kumaty jestem :-P).

Dziękuje za pomoc.
Pozdrawiam:-)
Link do wypowiedziLink
Krzysztof Safjanowski

Krzysztof Safjanowski Senior JavaScript
Lead Developer

Temat: Cięcie layoutu

Polecilem Ci ksiazki w porzednim temacie: http://www.goldenline.pl/forum/css/161892
Link do wypowiedziLink
Łukasz Solniczek

Łukasz Solniczek Konsultant
wdrożeniowy/Programi
sta Ruby on Rails

Temat: Cięcie layoutu

Dziękuje :-)
Tylko w której z tych książek jest opisane jak to zrobić albo podane są zasady cięcia i kodowania?:-)
Link do wypowiedziLink
Krzysztof Safjanowski

Krzysztof Safjanowski Senior JavaScript
Lead Developer

Temat: Cięcie layoutu

Chyba najlepsza bylaby: Web Standards Creativity, ktora umknela mi w poprzednim spisie.

Podlgladanie najlepszy (http://csszengarden.com/ ), znajomosc zasad CSS, HTML i praktyka.Krzysztof Safjanowski edytował(a) ten post dnia 23.09.08 o godzinie 15:20
Link do wypowiedziLink
Tomasz N.

Tomasz N. Specjalista IT

Temat: Cięcie layoutu

Łukasz Solniczek:
Może polecacie też jakieś tutoriale w necie. Bo z tego co sam znalazłem ciężko jest się tego nauczyć (być może za mało kumaty jestem :-P).

A jaki tutorial znalazłeś?
Parę miesięcy temu natknąłem się na ten:
http://dev.iamntz.com/18/psd-html-slicing-tutorial
Może ci się przyda:)
Link do wypowiedziLink
Łukasz Solniczek

Łukasz Solniczek Konsultant
wdrożeniowy/Programi
sta Ruby on Rails

Temat: Cięcie layoutu

http://csshowto.com/layout/psd-to-csshtml-in-easy-step...

Ja trafiłem na ten.
Link do wypowiedziLink
Krzysztof Safjanowski

Krzysztof Safjanowski Senior JavaScript
Lead Developer

Temat: Cięcie layoutu

Eric rozwiazuje kilkanascie problemow z zakresu CSS:
http://helion.pl/ksiazki/meyer.htm
Link do wypowiedziLink
Anka G.

Anka G. grafik, webmaster

Temat: Cięcie layoutu

http://www.w3schools.com/
:)
Link do wypowiedziLink
Michał Zwoliński

Michał Zwoliński vojo w języku
esperanto to droga
:)

Temat: Cięcie layoutu

http://zwolu.net4u.pl moja inżynierka ;) (na stronie nie ma ostatecznej wersji)
Link do wypowiedziLink
Krzysztof Kotewa

Krzysztof Kotewa Linux / system
administrator

Temat: Cięcie layoutu

To i ja dorzucę się z linkiem
http://alistapart.com/
Link do wypowiedziLink
Łukasz Solniczek

Łukasz Solniczek Konsultant
wdrożeniowy/Programi
sta Ruby on Rails

Temat: Cięcie layoutu

Czyli przygotowanie szablonu to przede wszystkim pocięcie jej kluczowych elementów i ułożenie ich na stronie za pomoca 'background', czyz nie tak? :-)
Tomasz Nastulak:
Łukasz Solniczek:
Może polecacie też jakieś tutoriale w necie. Bo z tego co sam znalazłem ciężko jest się tego nauczyć (być może za mało kumaty jestem :-P).

A jaki tutorial znalazłeś?
Parę miesięcy temu natknąłem się na ten:
http://dev.iamntz.com/18/psd-html-slicing-tutorial
Może ci się przyda:)
Łukasz Solniczek edytował(a) ten post dnia 07.10.08 o godzinie 19:22
Link do wypowiedziLink
Edyta Floras

Edyta Floras Trener on-line /
Konsultant ds.
marketingu

Temat: Cięcie layoutu

temat w różnych wariantach jest dość zgrabnie opisany na stronie
http://gajdaw.pl/szablony/ :)

mam nadzieje, ze się przyda
Link do wypowiedziLink
Ewa Szymańska

Ewa Szymańska grafik komputerowy

Temat: Cięcie layoutu

Edyta Floras:
temat w różnych wariantach jest dość zgrabnie opisany na stronie
http://gajdaw.pl/szablony/ :)

mam nadzieje, ze się przyda
Ehh szkoda że w GIMPie...
Link do wypowiedziLink
Tomasz N.

Tomasz N. Specjalista IT

Temat: Cięcie layoutu

Łukasz Solniczek:
Czyli przygotowanie szablonu to przede wszystkim pocięcie jej kluczowych elementów i ułożenie ich na stronie za pomoca 'background', czyz nie tak? :-)

Łukaszu, nie do końca tak jak napisałeś. Poza 'background' jest jeszcze szereg innych cech: position, margin, padding, z-index, itd., dzięki którym ułożysz ("wypozycjonujesz") potrzebne Ci elementy.
Poza tym wszystko jeszcze zależy od projektu jak jest skomplikowany, jakie efekty do jakich elementów, np.list i zakładek, przycisków itd. Oglądaj strony, zaglądaj w ich źródło, czytaj kursy, blogi, sam pisz kod, patrz na efekty swych prac, zmieniaj, poprawiaj. Po prostu ćwicz, ćwicz i jeszcze raz ćwicz:)
Link do wypowiedziLink
Filip T.

Filip T. Java Developer

Temat: Cięcie layoutu

http://freecss.info/free-css-tutorials/css-template-tu...

jeszcze jeden tutek, z załączonymi plikami PSD.
Link do wypowiedziLink
Ivo Bogucki

Ivo Bogucki Grafik, Koder
HTML/CSS/JS /
tanieprojektowanie.c
om / avan...

Temat: Cięcie layoutu

Tomasz Nastulak:
Łukasz Solniczek:
Czyli przygotowanie szablonu to przede wszystkim pocięcie jej kluczowych elementów i ułożenie ich na stronie za pomoca 'background', czyz nie tak? :-)

Łukaszu, nie do końca tak jak napisałeś. Poza 'background' jest jeszcze szereg innych cech: position, margin, padding, z-index, itd., dzięki którym ułożysz ("wypozycjonujesz") potrzebne Ci elementy.
Poza tym wszystko jeszcze zależy od projektu jak jest skomplikowany, jakie efekty do jakich elementów, np.list i zakładek, przycisków itd. Oglądaj strony, zaglądaj w ich źródło, czytaj kursy, blogi, sam pisz kod, patrz na efekty swych prac, zmieniaj, poprawiaj. Po prostu ćwicz, ćwicz i jeszcze raz ćwicz:)

Święte słowa :)
Link do wypowiedziLink

konto usunięte

Temat: Cięcie layoutu

może to ... i Wam się przyda :)

http://www.duclaux.net/blog/how-to-convert-your-photos...Krzysztof Jasiak edytował(a) ten post dnia 04.11.08 o godzinie 19:43
Link do wypowiedziLink
Ivo Bogucki

Ivo Bogucki Grafik, Koder
HTML/CSS/JS /
tanieprojektowanie.c
om / avan...

Temat: Cięcie layoutu

Krzysztof Jasiak:
może to ... i Wam się przyda :)

http://www.duclaux.net/blog/how-to-convert-your-photos...Krzysztof Jasiak edytował(a) ten post dnia 04.11.08 o godzinie 19:43

...wydawało mi się, że już była opisana metoda przygotowania grafik do kodowania... jeśli nie, zaś obowiązkowo należy się wyposażyć w Adobe ImageReady (opcjonalnie Adobe Ps CS3) i przygotować każde wycięcie - tzn nadać odpowiedni format wraz z intensywnością kompresji, tak aby grafika była optymalna (mała waga plików) ale i żeby dobrze się prezentowała po złożeniu na stronie (unikamy rozpikselowań widocznych przy jpg w zbyt niskiej jakości, oraz unikamy przypisania małej ilości koloru dla gif). Oczywiście do przygotowania każdej grafiki musimy podejść indywidualnie. A kodować przygotowane grafiki samodzielnie, nie polecam stosować wygenerowanego kodu (strony na tabelach odchodzą do lamusa), a chyba każdemu szanowanemu koderowi/webdeveloperowi zależy na standardach.

Gdyby ktoś stosował inne metody przygotowania grafik, byłoby miło gdyby je opisał :)
Link do wypowiedziLink
Ewa Szymańska

Ewa Szymańska grafik komputerowy

Temat: Cięcie layoutu

Ivo Bogucki:
Krzysztof Jasiak:
może to ... i Wam się przyda :)

http://www.duclaux.net/blog/how-to-convert-your-photos...Krzysztof Jasiak edytował(a) ten post dnia 04.11.08 o godzinie 19:43

...wydawało mi się, że już była opisana metoda przygotowania grafik do kodowania... jeśli nie, zaś obowiązkowo należy się wyposażyć w Adobe ImageReady (opcjonalnie Adobe Ps CS3) i przygotować każde wycięcie - tzn nadać odpowiedni format wraz z intensywnością kompresji, tak aby grafika była optymalna (mała waga plików) ale i żeby dobrze się prezentowała po złożeniu na stronie (unikamy rozpikselowań widocznych przy jpg w zbyt niskiej jakości, oraz unikamy przypisania małej ilości koloru dla gif). Oczywiście do przygotowania każdej grafiki musimy podejść indywidualnie. A kodować przygotowane grafiki samodzielnie, nie polecam stosować wygenerowanego kodu (strony na tabelach odchodzą do lamusa), a chyba każdemu szanowanemu koderowi/webdeveloperowi zależy na standardach.

Gdyby ktoś stosował inne metody przygotowania grafik, byłoby miło gdyby je opisał :)
Hm co takiego ma Image Ready czego nie ma PS ? Pytam z ciekawości, ja od zawsze tnę w PS i nie potzrebuję dodatkowych narzędzi.
Link do wypowiedziLink
Ivo Bogucki

Ivo Bogucki Grafik, Koder
HTML/CSS/JS /
tanieprojektowanie.c
om / avan...

Temat: Cięcie layoutu

Ewa Szymańska:
Ivo Bogucki:
Krzysztof Jasiak:
może to ... i Wam się przyda :)

http://www.duclaux.net/blog/how-to-convert-your-photos...

...wydawało mi się, że już była opisana metoda przygotowania grafik do kodowania... jeśli nie, zaś obowiązkowo należy się wyposażyć w Adobe ImageReady (opcjonalnie Adobe Ps CS3) i przygotować każde wycięcie - tzn nadać odpowiedni format wraz z intensywnością kompresji, tak aby grafika była optymalna (mała waga plików) ale i żeby dobrze się prezentowała po złożeniu na stronie (unikamy rozpikselowań widocznych przy jpg w zbyt niskiej jakości, oraz unikamy przypisania małej ilości koloru dla gif). Oczywiście do przygotowania każdej grafiki musimy podejść indywidualnie. A kodować przygotowane grafiki samodzielnie, nie polecam stosować wygenerowanego kodu (strony na tabelach odchodzą do lamusa), a chyba każdemu szanowanemu koderowi/webdeveloperowi zależy na standardach.

Gdyby ktoś stosował inne metody przygotowania grafik, byłoby miło gdyby je opisał :)
Hm co takiego ma Image Ready czego nie ma PS ? Pytam z ciekawości, ja od zawsze tnę w PS i nie potzrebuję dodatkowych narzędzi.
Od CS2 zaczynałem, Image Ready dostępny jest w CS2 i tak jakoś przy tym IR zostałem. Wiem że PS CS3 ma wbudowane to narzędzie i działa podobnie jak opcja cięcia w IR CS2. Ale IR wydaje mi się bardziej przystosowany do cięcia niż wewnętrzne narzędzie PS CS3, łatwiej mi manewrować odcięciami i przygotowaniem ich do publikacji w IR - może kwestia przyzwyczajenia...Ivo Bogucki edytował(a) ten post dnia 09.11.08 o godzinie 17:17
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

[Photoshop] Cięcie layout'u




Wyślij zaproszenie do
Anuluj