Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Photoshop & WEBdesign ???

[es] :: Web dizajn i CSS :: Photoshop & WEBdesign ???

Strane: 1 2

[ Pregleda: 5930 | Odgovora: 22 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

obradorriuss
Nikola Obradovic
CEO & Founder
NO SOLUTIONS
Novi Sad

Član broj: 30270
Poruke: 177
*.ptt.yu.

ICQ: 329831125
Sajt: www.nosolutions.rs


Profil

icon Photoshop & WEBdesign ???05.01.2005. u 21:54 - pre 234 meseci
Pozdrav svima,
posto sam nov u ovoj oblasti zanimale bi me neke stvari vezane za dizajniranje web sajta!
Sa raznih sajtova sam procitao da se celokupna stranica izradjuje u photoshopu, tj. da se iscrta zaglavlje, ubace dugmici, fotografije, jos neke sekcije... ali jedini problem u svemu tome je kako da sve te fotografije, dugmice, zaglavlja....posle prebacim u neke gif ili jpg fajlove da bi ih poredjao isto tako u nekom od programa (DW MX...)?? Ili, postoji neka druga varijanta da se sve to tako lepo exportuje u neki od tih programa za sastavljanje? Pretpostavljam da se sve to radi sa opcijom SLICE u photoshopu ali bih zamolio ukoliko bi ste mi dali neka detaljnija uputstva!?

Da li je i Vas savet da prvo iscrtam celu stranicu u PS??
Da li i svaku narednu stranicu moram isto tako crtati, ostavljajuci zaglavlje i dugmice??


HVALA SVIMA unapred!

 
Odgovor na temu

shaDy
Nikola J
-=BGD=-

Član broj: 1507
Poruke: 240
*.net
Via: [es] mailing liste

Sajt: www.CikloBerza.com


Profil

icon Re: Photoshop & WEBdesign ???05.01.2005. u 22:22 - pre 234 meseci
Crtanje u Photoshopu ti sluzi da bi osmislio sam dizajn sajta, sto ti toplo
preporucujem.
Ako hoces nesto da izgleda dobro onda radi tako.

Sa sliceovima si na pravom putu.
Time ustvari tu jednu veliku sliku u photoshopu seckas na mnogo malih delica
koje ces onda da uklapas kroz tabele u dreamwaveru.
 
Odgovor na temu

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.www.dial-up.TeamNET.ws.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com


Profil

icon Re: Photoshop & WEBdesign ???05.01.2005. u 22:25 - pre 234 meseci
to bi tako moglo da se radi....ali ne treba, jer velicina stranica znatno poraste, samim tim sto su stranice veoma 'teske' graficki.
ja se vodim onim, sto manje slika to bolje...(mada to ne treba uvek postovati) ;-)

ja pouzdano znam da u srednjim skolama tako uce "klince", npr. Bogdan Suput sr. Skola za Dizajn u NS.
sto je najgore moji drugari iz te skole misle da se sajtovi tako i samo tako prave. :-)
 
Odgovor na temu

VRKY

Član broj: 21087
Poruke: 4690
*.net.t-com.hr.



+8 Profil

icon Re: Photoshop & WEBdesign ???05.01.2005. u 22:28 - pre 234 meseci
Da to je vrlo lijepo, ja sam također s tim počeo radit, znači napravim neku sliku, očitam je u dreamwaveru i stavim na nju host spot (ako se tak piše) i imam lijepi link. Za ovo sve treba samo smisao, moje 1. djelo možeš vidjeti tu: www.vrky.4x2.net To je vrlo jednostavni primjer, slike su vrlo jednostavne...
 
Odgovor na temu

obradorriuss
Nikola Obradovic
CEO & Founder
NO SOLUTIONS
Novi Sad

Član broj: 30270
Poruke: 177
*.ptt.yu.

ICQ: 329831125
Sajt: www.nosolutions.rs


Profil

icon Re: Photoshop & WEBdesign ???05.01.2005. u 22:46 - pre 234 meseci
Pre svega hvala na brzom odgovoru!
Slazem se sa Im_a_Veggie koji kaze da se stranica znatno povecava kada ubacujemo mnoge slike, a isto mi je poznato da bi se stranica brze uchitavala potrebno je vece slike podeliti na manje delove...
E sada me zanima konkretno resenje problema?
Sa slice opcijom ja mogu podeliti celu sliku na manje delove, ali to se vidi na crtezu samo, ali kako da tako slice-ovane slike exportujem u gif ili jpg (sta je bolje?) pa ih posle rasporedim u DW??

Hvala unapred!

p.s. VRKY sto se tice tvog sajta, mislim da je OK to sa slikama, ali ga malo sporije uchitava bas zbog postojanja mnogih..... Ali design je zanimljiv! Takav ranije nisam video... Ali to i jeste poenta
 
Odgovor na temu

Radovan__III
Radovan__III
Beograd

Član broj: 15669
Poruke: 1245
*.vdial.verat.net.



+26 Profil

icon Re: Photoshop & WEBdesign ???05.01.2005. u 22:57 - pre 234 meseci
Citat:
Im_a_Veggie: to bi tako moglo da se radi....ali ne treba, jer velicina stranica znatno poraste, samim tim sto su stranice veoma 'teske' graficki.
ja se vodim onim, sto manje slika to bolje...(mada to ne treba uvek postovati) ;-)


Ja se ne slazem , upotrebom iframe( css verzije npr.) nemenja se velicina strane ili napravis samo vrh i dno,..... , jeste to da neki prave "teske" graficke sajtove ali sa dobrom optmizacijom sve je ok.



Aj sad svi u biblioteku da nesto pojedemo i popijemo ...
--------------------------------
Knjigovodstvo

 
Odgovor na temu

VRKY

Član broj: 21087
Poruke: 4690
*.net.t-com.hr.



+8 Profil

icon Re: Photoshop & WEBdesign ???05.01.2005. u 23:04 - pre 234 meseci
Da učitava ga sporije, ali da nema slika nebi bilo pola sajta, jer se on sastoji od 90% slika.
 
Odgovor na temu

shaDy
Nikola J
-=BGD=-

Član broj: 1507
Poruke: 240
*.drenik.net.

Sajt: www.CikloBerza.com


Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 01:18 - pre 234 meseci

Pa neces za svaku glupost ubacit sliku.

Naravno koristices CSS sto vise.. koristi spacere i sl...
Slike koristis samo kada ti trebaju slike, znaci ako imas nesto sto nemozes da izvedes sa CSS.om tj nesto kompleksno sa bojama, (neka slika). na primer dugme. ili geometriski izobliceno.... (ko shvati svaka mu cast

U photososhopu osmisljas kako ce sve da izgleda.
Onda otvoris DW i krenes polako da radis, tj. da pravis stranicu da bude ista kao ona u photoshopu.

Drugo uvek gledaj da "optimizujes" sliku. mislim na sledece..
Ako sa strane sajta imas uski pravougaonik koji se spusta skroz do dole, koji je popunjen vodoravnim linijama u razmaku od 1px....

__
__
__
__
__

za ovo ti treba slika od svega 2 piksela(crn px gore, beo ispod). I stavis u tabeli da je ta slika BG i eto linija.. Ovo je samo jedan primer...

Naravno moras da znas kad ces da koristis Gif, kada Jpeg,..... Da ocenis kompresiju..

Samo radi i naucices dosta. budi strpljiv.
Pregledaj interesantne stranice po netu pa onda uzmi neku i snimi na komp pa je otvori u DW pa pokupi neke fazone...


 
Odgovor na temu

dragancesu
subotica

Član broj: 38340
Poruke: 2189
*.voban.co.yu.



+73 Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 08:11 - pre 234 meseci

Citat:
Sa slice opcijom ja mogu podeliti celu sliku na manje delove, ali to se vidi na crtezu samo, ali kako da tako slice-ovane slike exportujem u gif ili jpg (sta je bolje?) pa ih posle rasporedim u DW??


Photoshop, ustvari taj program koji to napravi pripremi ti i tabelu sa svim opcijama, napravi save i pogledaj sta si sve dobio, ima vise nego samo delovi slike

Pomozite Micro$oftu u borbi protiv piraterije, poklonite prijatelju Linux
 
Odgovor na temu

broker

Član broj: 2415
Poruke: 8514
212.62.59.*



+11 Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 09:24 - pre 234 meseci
Photoshop imaopciju Export to WEB. Njom izvozis sliek u zadatim formatima. Ps ce cak i da ti narpavi HTML koji sve to objedinjava u HTML stranu koja izgleda onako kako si zamislio.

E kad sve to dobijes, batalis lepo taj html sto je photoshop napravio i iskoristis samo one graficke elemente koji su ti zaista potrebni.
 
Odgovor na temu

ducka
Milos Dukic
Novi Sad

Član broj: 8386
Poruke: 596



+1 Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 10:07 - pre 234 meseci
Broker je upravu ali uz malu ispravku.Koristi funkciju Save for web iz menija File.Inace nema potrebe da bilo sta sliceovano zadrzavas u html formi.Jednostavno pri sacuvavanju u padajucoj listi odaberi opciju sliced only i to ti je to.
aj zdr
 
Odgovor na temu

obradorriuss
Nikola Obradovic
CEO & Founder
NO SOLUTIONS
Novi Sad

Član broj: 30270
Poruke: 177
*.ptt.yu.

ICQ: 329831125
Sajt: www.nosolutions.rs


Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 15:08 - pre 234 meseci
Ljudi hvala Vam na odgovorima....
Posle svega uspeo sam da iscrtam pocetnu stranicu, mislim na header i dugmice...
Sve to lepo sacuvam pomocu opcije Save for WEB kao sto je gore navedeno... ali sad imam drugi problem...
Da li je potrebno da cropujem to sto sam iscrtao... npr radio sam u 800x600 rezoluciji taj design... pa kada ga ucitam takvo u browser u desktop rezoluciji 1024x768 se vidi odlicno, ali kad promenim rezoluciju u 800x600 pixel-a istose vidi dobro ali mi se pojavljuje scrollbar za spustanje na dole, a dole ima samo beli prostor, tj. deo bele pozadine......
Na koji nacin mogu da se otarasim te bele (nepotrebne) povrsine? Cropovanjem??
Primetio sam da mi PS podeli sve u tabele sa kojima posle mogu da radim u DW...
Isto me i zanima da li SLICE opcija uvek mora da deli sliku u pravougaonike?? Da li moze da se slicuje neki nepravilni oblik...(kao dugme npr u obliku elipse)??
Citat:
Radovan__III: upotrebom iframe( css verzije npr.) nemenja se velicina strane ili napravis samo vrh i dno,...

Sta je to iFrame??
I da li stari browseri IE 4, 5, 6 podrzavaju CSS??
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 15:24 - pre 234 meseci
iframe:
http://www.w3.org/TR/REC-html40/present/frames.html#h-16.5

css:
Da podržavaju.
Banned - Not available
 
Odgovor na temu

obradorriuss
Nikola Obradovic
CEO & Founder
NO SOLUTIONS
Novi Sad

Član broj: 30270
Poruke: 177
*.ptt.yu.

ICQ: 329831125
Sajt: www.nosolutions.rs


Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 16:51 - pre 234 meseci
Zanima me jos da li pretrazivaci mogu da registruju sajtove sa frameovima?? npr. google?
Mozete li mi jos reci kada pravim pocetni PSD dokument za izgled stranice u kojoj rezoluciji da ga pravim?? 800x600??
Vecina korisnika radi u 1024x768 pixela ali i dalje ima korisnika koji koriste 800x600 pixela!!! Primetio sam kada iscrtam stranicu u 800x600 da se lepo vidi u rezoluciji 1024x768, ali se uvek pojavljuje scroll bar kad prebacim u 800x600 screen resolution (ovo sam vec napisao u prethodnom postu)!
Zanima me i sta je "spacer", da on ne popunjava slucajno prazan prostor?
Da li stranica radjena u 800x600 pixela u PS kada se uveze u DW moze da se prilagodi da se lepo vidi u toj istoj rezoluciji (npr. odredjivanjem sirine te tabele na 100% ili...??)??
Jel postoji neki programcic koji odredjuje koja boja se sa kojom slaze??
I da, ponovo sta da radim sa onim ostatkom (belim prostorom) PS mi ga exportuje kao sliku a to mi nije potrebno??
 
Odgovor na temu

Ilija Studen
Novi Sad

Član broj: 3864
Poruke: 859
*.neobee.net.

Sajt: www.activecollab.com


+1 Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 19:02 - pre 234 meseci
spacer.gif je nešto što je web dobrano zaboravio (RIP s.gif, nikom nećeš nedostajati). Onaj ko ti ga preporučuje je malo "zaostao", bar kada je moderan web dizajn u pitanju.

Donji scroll dobijaš jer je širina kompletnog ekrana pri toj rezoluciji 800px. Oduzmi scrollbar od 20px s desne strane i imaćeš realnu širinu ekrana s kojom uvek možeš da raspolažeš.

Ima programčić... Valjda colorscheamer ili tako nešto. Izuzetno jednostavan i koristan program.

Da napomenem:
- Tabele se ne koriste za layout. Svako ko ti kaže drugačije greši. Recimo, kada pišeš da li prvo nacrtaš tabelu pa pišeš ili pišeš tamo gde smatraš da je potrebno? Tabele su zastareli work around koji je postao mainstream. Loše...
- Optimizuj dobro slike. GIF za elemente koji imaju mali broj boja, JPG za elemente sa velikim brojem boja (fotografije na primer)
- Ne zaboravi da je Dreamweaver samo alat i ne dopusti da on utiče na način na koji ti radiš. Ovo govorim jer sam video mnogo primera gde ljudi govore za sebe da su web dizajneri jer su "doktorirali DW" a ne znaju ni zašto je npr. alt atribut obavezan unutar IMG taga. Čak sam video primere gde ga nazivaju ALT tagom :) Moraš da razumeš kod da bi apsolutno kontrolisao ono što prikazuješ...

Uostalom... Prošetaj malo "bibliotekom": http://www.digital-web.com/
http://www.activecollab.com - Alat za upravljanje projektima
 
Odgovor na temu

dragancesu
subotica

Član broj: 38340
Poruke: 2189
*.157.EUnet.yu.



+73 Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 19:04 - pre 234 meseci
Pitanje je koliko se na ekranu 800x600 vidi. Sajt se prikazuje u browseru koji kao sto vidis ima okvir, pa meni, onda red slicica, pa red za upis adrese, dole statusnu liniju, efektivno malo manje. Koliko sam analizirao malo ko radi toliko, obicno je sirina 720-750, otprilike 750x500 i sve staje

Mislim da su slice delovi pravilne geografske figure, pravougaonici. Za to sto tebi treba samo upotrebi mastu.


Pomozite Micro$oftu u borbi protiv piraterije, poklonite prijatelju Linux
 
Odgovor na temu

obradorriuss
Nikola Obradovic
CEO & Founder
NO SOLUTIONS
Novi Sad

Član broj: 30270
Poruke: 177
*.ptt.yu.

ICQ: 329831125
Sajt: www.nosolutions.rs


Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 19:55 - pre 234 meseci
Evo ovako.....
Posto nemam DW instaliran ovde kuci (imam u NS) odradio sam naslovnu stranicu (dugmice, zaglavlje...) u PS, exportovao sam ih (ali sve u JPG) po defaultu, mogao sam naravno i u .gif....., ali sam to brzinski uradio da bih postavio na ftp server....
Pogledajte www.printeks.co.yu ili www.printeks.net (potpuno je svejedno koji),
i bacite mi koji komentar o tome sta sam do sada uradio... naravno ISKREN

Kolko, tolko uspeo sam prilagoditi u 800x600 i 1024x768.... ali posto nemam Operu instaliranu ovde ne mogu da vidim kako izgleda u tom browseru....
Ako neko ima, neka ucita sajt pa nek javi....

Ilija Studen, sto se tice tabela na mnogim sajtovima sam citao da su potpuno zamenjene CSS standardom..... ali to cju odraditi kad dodjem za NS!

Samo me zanima da li bar nesto valja od ovoga sto sam uradio...??
ISKRENO of kors!!!

P.S. I da.... izgleda posto su JPG fajlovi u pitanju imam utisak da se malo sporije ucitava.... sta mislite i o tome??

I zanima me da li postoji mogucjnost da mi se ostale stranice (onama.htm, ofset.htm....) ucitavaju u toj tabeli gde sam napisao da je stranica u konstrukciji, ili ce klikom na link ofset.htm se ponovo ucitati cela stranica sa zaglavljem?? ... postoji mogucnost da ce se brze ucitati jer se verovatno vec ucitani delovi zadrzavaju u history-ju??
 
Odgovor na temu

stonex

Član broj: 25873
Poruke: 642
217.24.27.*



+9 Profil

icon Re: Photoshop & WEBdesign ???06.01.2005. u 21:54 - pre 234 meseci
U Operi je sve O.K.
 
Odgovor na temu

phantom_sol
Zagreb

Član broj: 39213
Poruke: 61
*.dsl.iskon.hr.



Profil

icon Re: Photoshop & WEBdesign ???11.01.2005. u 13:34 - pre 234 meseci
hmmm...

site je raden po tamplateu..:(
tako da bas i nije tvoj zar ne??
tvoje su ikone i logo koji si ubacio..
Druga stvar..kako si pocetnik svaka cast..brzo se snalazis...Ali trebao si uzeti template kao nadogradnju za svoje znanje a ne kopirati..
Stranica je prazna..
znaci vizualno nije lijepo osmisljena..
sto se tice jpg-a u Photoshopu ili fireworksu mozes na exportu birati kvalitetu slike..manja kvaliteta manja tezina slike, manje ucitavanje stranice...
gradient i boja nazalost ne pasu na sajtu..
mozda da probas malo laksi gradient..znaci malo duzi priljelaz, umjesto naglog..
jer na vecim plohama nagli prijelaz izgleda ok.. jer vidimo sto se dogada dok recimo na manjim plohama, buttonima...je to neukusno..

eto to bi bilo malo od mene..
nemoj mi zamjeriti, ali jednom moras nauciti trpjeti i kritike, jer ces jedino tako i nauciti..sve u svemu nedaj se..
samo radi i vjezbaj..tko zna kako ce tvoje stranice izgledati dogodine :)
pozdrav


the soul that lies beneath the truth is always on top.
 
Odgovor na temu

zderavko

Član broj: 11554
Poruke: 247
212.62.59.*



+11 Profil

icon Re: Photoshop & WEBdesign ???13.01.2005. u 11:20 - pre 234 meseci
Cao,

Hteo bih na osnovu jednog gif-a da napravim slican ali ne znam u kom fontu je radjen text u gif-u. Inace ceo gif je u stvari text u coloru. Zanima me da li moze neki program da prepozna o kom se fontu radi ili da li neko zna koji je font? Ako ima neko jednostavno resenje moze i to

hvala unapred


primeri :




"All paid jobs absorb and degrade the mind."

"Man will never be free until the last king is strangled with the entrails of the last priest."

 
Odgovor na temu

[es] :: Web dizajn i CSS :: Photoshop & WEBdesign ???

Strane: 1 2

[ Pregleda: 5930 | Odgovora: 22 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.