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.

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. :-)

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...

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

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.

Da učitava ga sporije, ali da nema slika nebi bilo pola sajta, jer se on sastoji od 90% slika.

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...

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

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.

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

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)??

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

iframe:
http://www.w3.org/TR/REC-html40/present/frames.html#h-16.5

css:
Da podržavaju.

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??

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/

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.

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??

U Operi je sve O.K.

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

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 :

http://www.myfonts.com/

Imash tamo sekciju gde na osnovu slike skoro 95% pogodi koji je font. Ali ga sa tog sajta necesh moci skinuti dok ne platish.,., ali imash barem ime :)

OK, hvala josh jednom



P.S. nekad je i 5% previshe

Pozdrav...PHANTOM_SOL
Evo tek danas sam video tvoj komentar (kritike) za sajt www.printeks.co.yu ! Naravno shalim se...drago mi je da chujem sve to...makar bilo i ono najgore..nekada mi to vishe znachi nego da me neko hvali tako da svaka chast... E sad 1. SAJT nisam radio ni po jednom templateu...Niti sam ga kopirao, sve, ali sve sam odradio u photoshopu, pomocju layera....a to shto je prazno..naravno da cje biti popunjeno, ali samo ona tabela u kojoj pishe da je sajt u konstrukciji, jer je samim tim sve odlichno prilagodjeno za Operu, i za rezoluciju 800x600 pixela... Shto se tiche boja, mislim da si skroz u pravu... suvishe su jaki kontrasti... ali reci mi shta mi ti predlazes koje boje bih mogao da stavim...mislim koje boje dugmicja..da ostavim onu crvenu!!!

HVALA ti za pohvale shto si rekao da sam za pochetnika dobro odradio, ali stvarno, ali stvarno nisam radio ni po jednom templateu.... Ako hocjesh mogu ti posalti PSD da vidish da je sve i kako je sve odradjeno.....

Nadam se josh nekim komentarima!!!
THX