ďťż

[photoshop -> layout] Kilka pytań

       

Podstrony


telcocafe

Witam, wszystkich. Na wstęp odrazu mówię że szukałem na google jednak nie znalazłem konkretnej odpowiedzi na moje pytania. Tak wiec przejdźmy do rzeczy.
1. Niedawno zacząłem bawic sie w photoshopie. Zrobiłem sobie kilka layoutów stron. Wszystko ok. Wiem jak się to tnie! Chodzi mi o to że, gdy potnę layouta i zapiszę do html, to owszem jest on już wstawiony do tabeli, jednak nie jako tło lecz jako zawartość komórki. Jak to zmienić??
2. Czy jest możliwość zeby ps stworzył też styl css napisów które powstały na layoucie?? Chodzi mi tu o to że np na tytule nagłówku menu zastosowałem kilka formatowań (pogrubienia czcionka, cień, zmiana koloru), warstwa nie jest rasteryzowana. dzięki czemu można by później edytować dany napis nie tracąc efektu i nie uzywając photoshopa.
3. Kupiłem kiedyś szablon z strony http://www.d4u.pl. Do zakupionej paczki (spakowany styl + czcionki użyte w projekcie + inne) jest dołączony plik psd. Jednak gdy go potnę i zapisze do html to kod html nie jest taki jak w stronie przygotowanej przez autora. Jak to zrobić by to było taki samo??
4. Zna ktos jakieś strony które mogły by mi pomóc w tych pytaniach, jeśli tak to bardzo bym prosił o linki!!!
Z góry wszystkim dziękuje.
Użytkownik yetti15 edytował ten post 01 maj 2006, 15:48


1. to usuń znaczniki <img />, a do <td> daj atrybut: style="background:url(tlo.jpg);width:30px;" itd...

2. nie? To bez sensu. Tniesz w PS, ale nie po to, żeby on za Ciebie odwalił całą robotę. Trzeba *trochę* pomyśleć ;)

3. a jak było u autora? :> Możesz zrobić ręcznie :)

4. Konkretnie w czym? Jak już to możesz spytać się na jakimś forum, np. http://e-grafik.pl/forum


Witam, wszystkich. Na wstęp odrazu mówię że szukałem na google jednak nie znalazłem konklretnej odpowiedzi na moje pytania. Tak wiec przejdźmy do rzeczy.
1. Niedawno zacząłem bawic sie w photoshopie. Zrobiłem sobie kilka layoutów stron. Wszystko ok. Wiem jak się to tnie! Chodzi mi o  to że, gdy potnę layouta i zapiszę do html, to owszem jest on już wstawiony do tabeli, jednak nie jako tło lecz jako zawartość komórki. Jak to zmienić??
2. Czy jest możliwość zeby ps stworzył też styl css napisów które powstały na layoucie?? Chodzi mi tu o to że np na tytule nagłówku menu zastosowałem kilka formatowań (pogrubienia czcionka, cień, zmiana koloru), warstwa nie jest rasteryzowana. dzięki czemu można by później edytować dany napis nie tracąc efektu i nie uzywając photoshopa.
3. Kupiłem kiedyś szablon z strony http://www.d4u.pl. Do zakupionej paczki (spakowany styl + czcionki użyte w projekcie + inne) jest dołączony plik psd. Jednak gdy go potnę i zapisze do html to kod html nie jest taki jak w stronie przygotowanej przez autora. Jak to zrobić by to było taki samo??
4. Zna ktos jakieś strony które mogły by mi pomóc w tych pytaniach, jeśli tak to bardzo bym prosił o linki!!!
Z góry wszystkim dziękuje.


Witam, wszystkich. Na wstęp odrazu mówię że szukałem na google jednak nie znalazłem konklretnej odpowiedzi na moje pytania. Tak wiec przejdźmy do rzeczy.
1. Niedawno zacząłem bawic sie w photoshopie. Zrobiłem sobie kilka layoutów stron. Wszystko ok. Wiem jak się to tnie! Chodzi mi o  to że, gdy potnę layouta i zapiszę do html, to owszem jest on już wstawiony do tabeli, jednak nie jako tło lecz jako zawartość komórki. Jak to zmienić??
2. Czy jest możliwość zeby ps stworzył też styl css napisów które powstały na layoucie?? Chodzi mi tu o to że np na tytule nagłówku menu zastosowałem kilka formatowań (pogrubienia czcionka, cień, zmiana koloru), warstwa nie jest rasteryzowana. dzięki czemu można by później edytować dany napis nie tracąc efektu i nie uzywając photoshopa.
3. Kupiłem kiedyś szablon z strony http://www.d4u.pl. Do zakupionej paczki (spakowany styl + czcionki użyte w projekcie + inne) jest dołączony plik psd. Jednak gdy go potnę i zapisze do html to kod html nie jest taki jak w stronie przygotowanej przez autora. Jak to zrobić by to było taki samo??
4. Zna ktos jakieś strony które mogły by mi pomóc w tych pytaniach, jeśli tak to bardzo bym prosił o linki!!!
Z góry wszystkim dziękuje.



Dzięki wszystkim.
Jeszcze jedno pytanko, jestem początkującym (znam podstawy html i php, css tylko "liznąłem"). Wiem że to głupie pytnie ale zaryzykuje. Ile moze trwać stworzenie takiej stronki. Tak mniej wiecej. OK 1 miesiąca??


Dzięki wszystkim.
Jeszcze jedno pytanko, jestem początkującym (znam podstawy html i php, css tylko "liznąłem"). Wiem że to głupie pytnie ale zaryzykuje. Ile moze trwać stworzenie takiej stronki. Tak mniej wiecej. OK 1 miesiąca??

Hej, zacząłem się bawic tym szablonem i mam pytanie czy może w jednym divie znaleźć sie kilka obrazków?? Tak by wyglądał ten kod: <div><img src="images/p_01.gif"><img src="images/p_02.gif"><img src="images/p_03.gif"><img src="images/p_04.gif"></div> Czy jest on poprawny??
----------
I jeszcze jedno:
<div style="float:left; height:21px; width:21px; "><div><img src="images/p_01.gif" alt="" width="267" height="21" /></div></div>
Czy to jest poprawne?? Czy jest jakis sposób żeby wstawic tak jakby 3 ramkę?? Chodzi mi o to że np:

<div style="float:left; height:21px; width:21px; "><div><img src="images/p_01.gif" alt="" width="267" height="21" /></div></div> <div style="float:right; height:21px; width:21px; "><div><img src="images/p_01.gif" alt="" width="267" height="21" /></div></div>
czy jest jakiś sposób żeby znacznikiem float wyśrodkować?? Jeśli nie to jak mozna tego dokonać. Layout mam pocięty w niektórych miejscach na 3 części a w niektórych na 6 części. Prosze o pomoc!!


nie czy może w jednym divie znaleźć sie kilka
Można.

Przy okazji: co do Twoich zapisów, to niepotrzebnie dajesz pustego diva, w divie ;)

Dzięki za szybką odpowiedź!!!
Chociaż tutaj pomagają "zielonym".
--------------
Eee, jeszcze jedno, zapomniałem jest mozliwe by kilka obrazków było jako tło w div?? Chodzi o to by po nich można było pisać. Wiem że można dać jeden obrazek - wczytuje sie go poprzez css i mozna pisać ale kilka obrazków??
Użytkownik yetti15 edytował ten post 01 maj 2006, 21:32

Dzięki za szybką odpowiedź!!!
Chociaż tutaj pomagają "zielonym".
--------------
Eee, jeszcze jedno, zapomniałem jest mozliwe by kilka obrazków było jako tło w div?? Chodzi o to by po nich można było pisać. Wiem że można dać jeden obrazek - wczytuje sie go poprzez css i mozna pisać ale kilka obrazków??

1. Wszelkich ustawień dokonujesz w ImageReady w Plik -> Zapisz zoptymalizowany jako -> Ustawienia -> Inne. Można np. ustawić generowanie CSS zamiast tabel.

Jeśli chodzi o wstawianie pociętych obrazków: jeśli grafika ma być kafelkowana - wstawiaj jako tło komórki, jeśli nie - jako obraz w komórce. Niestety Photoshop sam tego nie zrobi.

Witam, mam znowu pytanie. W czym lepiej zrobić strone? W div-ach czy w tabelce??

Mój kod:
<div style="all"> <div><img src="images/a_01.gif"><img src="images/a_02.gif"><img src="images/a_03.gif"></div> <div><img src="images/b_01.gif"><img src="images/b_02.gif"><img src="images/b_03.gif"><img src="images/b_04.gif"></div> <div><img src="images/c_01.gif"><img src="images/c_02.gif"><img src="images/c_03.gif"></div> <div><img src="images/d_01.gif"></div> <div class="menu"> <div class="Content"> <A HREF="index.php">Link</A> .:. <A HREF="info.php">Link </A> .:. <A HREF="portfolio.php">Link</A> .:. <A HREF="ceny.php">Link</A> .:. <A HREF="oferta.php">Link</A> .:. <A HREF="kontakt.php">Link</A></div></div> <div><img src="images/f_01.gif"></div> <div><img src="images/g_01.gif"><img src="images/g_02.gif"></div> <div><img src="images/h_01.gif"><img src="images/h_02.gif"><img src="images/h_03.gif"><img src="images/h_04.gif"><img src="images/h_05.gif"></div> <div><img src="images/i_01.gif"><img src="images/i_02.gif"><img src="images/i_03.gif"><img src="images/i_04.gif"><img src="images/i_05.gif"></div> <div><img src="images/x_01.gif"></div>

Czy to dobry kod?? Jakzmniejszę rozdzielczość to cała strona sie rozjeżdza


Witam, mam znowu pytanie. W czym lepiej zrobić strone? W div-ach czy w tabelce??

OK, powiedzmy że będe robił stronkę w div-ach. To jak ma wyglądać kod takiej strony jeżeli np w pierwszej linice (rzędzie) mają być 3 obrazki, a w kolejnej np 6 obrazków?? Oto przykładowy obrazek z pociętym layoutem ;) - Layout

Czerwone kreski to linię po których pocięto layouta. Przyjmnijmy że pola X to ten sam obrazek i jest ona dodawany gdy np. Napisze tekst i wykroczy poza pole komórki. Tak jakby sie ten blok "rozciągał".

Jeśli użyję <div> <img src="images/t1"></div><div> <img src="images/t2"></div> to kolejne obrazki będą pod spodem (tak jakby ktos użył Enter-a). I jest to dobre jeżeli layout jest pocięty pociomo (1 rząd 1 obrazek - w paski poziome).

---------------

Sorka, jeżeli sprawiam jakieś problemy.
Dzięki wszystkim.


OK, powiedzmy że będe robił stronkę w div-ach. To jak ma wyglądać kod takiej strony jeżeli np w pierwszej linice (rzędzie) mają być 3 obrazki, a w kolejnej np 6 obrazków?? Oto przykładowy obrazek z pociętym layoutem ;) - Layout

Czerwone kreski to linię po których pocięto layouta. Przyjmnijmy że pola X to ten sam obrazek i jest ona dodawany gdy np. Napisze tekst i wykroczy poza pole komórki. Tak jakby sie ten blok "rozciągał".

Jeśli użyję <div> <img src="images/t1"></div><div> <img src="images/t2"></div> to kolejne obrazki będą pod spodem (tak jakby ktos użył Enter-a). I jest to dobre jeżeli layout jest pocięty pociomo (1 rząd 1 obrazek - w paski poziome).

---------------

Sorka, jeżeli sprawiam jakieś problemy.
Dzięki wszystkim.

Może to głupie ale co mam przypisac w css pod main
<div id="main">??


Może to głupie ale co mam przypisac w css pod main
<div id="main">??

Acha ok, myślałem że jakieś specjalene wartości tam mają być. Dzięki!!! :-P

Hello, znowu mam problem. Robie tak jak mówicie. proboje w css przypisac obrazek za tło:

g2{background-image: url(images/a_02.gif );}

a w kodzie strony:

<div class="g2"></div>
Czy aby jest to dobry kod??

Powinien na stronie wyświetlić się obrazek?? Mnie się nie wyświetla.

Nie chodzi mi o tło na całej stronie tylko o tlo w danej komórce.

.g2 { background-image: url(images/a_02.gif); }
(kropka przez nazwą klasy w CSS)
Użytkownik Coldpeer edytował ten post 03 maj 2006, 13:37
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.