Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Razrez dizajna
Avtor: jones | Objavljeno: dne 5. september 2009, 12:09
Delite vsebino na Facebooku
Delite vsebino na Twitterju
  Spoznali boste pripravo in razrez dizajna, kar je osnova za nadaljnjo izdelavo spletne strani.
 
 
1
  
 

Najprej odpremo dizajn, ki ga želimo razrezati.

Jaz sem uporabil moj dizajn.

Vidite ga lahko tukaj.
 
 
2
  
 

Nato izberemo Slice tool (Bližnjica C).
 
 
3
  
 

Tega koraka se ne da čisto natančno opisat, vendar bom priložil večjo sliko, da bo bolj razumljivo.

Torej sedaj moramo dizajn razrezati v neke logične enote. Se pravi vsebina, gumbi, glava, noga, logo itd.

Preprosto s slice toolom rišemo pravokotnike.

Pravokotnikov ne sme biti preveč saj bo potem stran slabo izgledala v kodi, druga pomembna stvar pa je, da se držite neke linije. Ne režite kar vsepovprek.

Nekako tako izgleda razrezan dizajn, ki se ga lahko lepo spravi v kodo - KLIK
 
 
4
  
 

Nato izberemo File -> Save for Web & Devices
 
 
5
  
 

Odpre se nam okence, kjer kliknemo Save.

Nato v polju nastavimo Save As Type na HTML and Images, izberemo mapov katero želimo, da se nam slike in html dokument shranijo, in kliknemo Save.

Klik za večjo sliko

Za vsa vprašanja - forum.
 
 
Komentiraj
  
 
 
 
 
5.9.2009, 10:37
No to je začetek, če bi komu prav prišlo lahko naredim tudi vodič kako se nadaljuje z dizajnom v Dreamweaverju (postavitev, ozadje, gumbi).
 
 
 
 
5.9.2009, 11:21
Dobra lekcija. Zelo uporabna.
Ce se le da bi prosil ce objavis se nekaj lekcij kako nastavis gumbe in vse to v kateremkoli programu. In pa kako potem vse to objavis na internetu.
 
 
 
 
5.9.2009, 11:40
Dobra lekcija. Zelo uporabna.
Ce se le da bi prosil ce objavis se nekaj lekcij kako nastavis gumbe in vse to v kateremkoli programu. In pa kako potem vse to objavis na internetu.
V vsakem programu je drugače, je pa na podoben način.
Na internet pa ja ni težko objavit?
Stran shraniš kot .html ali .php in naložiš na strežnik. To je vse!
 
 
 
 
5.9.2009, 17:17
Dobra lekcija. Zelo uporabna.
Ce se le da bi prosil ce objavis se nekaj lekcij kako nastavis gumbe in vse to v kateremkoli programu. In pa kako potem vse to objavis na internetu.


Sem spisal vodič za nadaljno urejanje dizajna v Dremweaverju. Tako da upam da ti bo prav prišel
 
 
 
 
6.9.2009, 13:21
No to je začetek, če bi komu prav prišlo lahko naredim tudi vodič kako se nadaljuje z dizajnom v Dreamweaverju (postavitev, ozadje, gumbi).


Hvala.Bi mi prav prišel tudi ta vodič .
Drugače si pa zasluži 5
 
 
 
 
30.5.2010, 1:02
Super lekcija,samo kako pa se znebim presledkov med izrezki?
Namreč jaz jih potem prilepim v razpredelnico in se vidijo presledki med razrezano slikco ki jo imam za ozadje v tabeli(sliko sem razrezal na 4 dele in jo nato prilepil v 4 celice v tabeli)
Hvala

spremenil: sasa123 (30.5.2010 ob 01.03.27)
 
 
 
 
30.5.2010, 9:48
Border celice nastavi na 0.
 
 
 
 
30.5.2010, 13:42
Bo treba na kakšen drug način to sliko spraviti skupaj. Ne s tabelo.
 
 
 
 
30.5.2010, 20:01
Tudi s tabelo gre.

Na tabeli moraš poleg border 0 nastaviti tudi cellspacing in cellpadding na 0.
 
 
 
 
31.5.2010, 1:10
Saj imam tudi to nastavljeno na 0,ampak sploh ni bila fora v tem.

spremenil: realife (31.5.2010 ob 08.24.14)
 
 
 
 
31.5.2010, 8:25
Sploh ne vem, zakaj ne greš po lekciji razrez designa, ampak greš po neki svoji poti, ki je sploh ne poznaš? Ne vem zakaj so lekcije na zmaga.com.

*Ne objavljal linkov s tvoje strani, ker bodo vsi izbrisani.
 
 
 
 
8.3.2011, 20:06
A se da v Photoshopu narediti tudi, da gumb spremeni barvo, ko premaknemo miško nanj oz. če smo na tistem zavihku, a bom za to potreboval Dreamweaver?
 
 
 
 
8.3.2011, 20:45
Najprej narediš gumb kakršen naj bi bil, ga popraviš na takega, kot naj bi bil ob postavitvi miške nanj in ga shraniš kot novo sliko. Nato pa z Dreamweaverjem ustvariš to, kar želiš. Napišeš kodo ali pa izbereš Image Objects in nato Rollover Image. Nato pa v pojavnem oknu izbereš sliko gumba in sliko, kakršen naj bi bil ob postavitvi miške nanj.
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com