WEB DESIGN SOFTWARE
for creating templates for JOOMLA
and themes for WORDPRESS


ctd_sign_transparency_215

Digitalna foto mašina

Fuji Frontier 350

Fuji_Frontier350

Cena: 14.000€
Detaljnije informacije su ovde.

Zainteresovani mogu
poslati ponude ovde

Ako ste prevideli...
  • Fotografija >> Manipulacije oblikom
    Do sada ste već prošli par vežbi koje su Vam dale osećaj šta sve može da se učini pomoću Photoshopa. A sada evo recepta za koji me pitaju gde god…
    Opširnije...
  • Fotografija >> Manipulacije oblikom

    Prilikom prezentacije ove knjige dok je još bila samo u elektronskoj formi često su mi postavljali pitanje:”Kako si uspeo da prikažeš izgled ekrana”? Postoje i specijalni programi za…
    Opširnije...
  • Fotografija >> Manipulacije oblikom

    Često ćete imati priliku da fotografišete ljude za dokumenta ili maturantske fotografije a da nose naočare. Bez obzira kako dobro postavili bliceve uvek ćete imati refleks od blica…
    Opširnije...
Početna Joomla! Creative Template Designer

Creative Template Designer

Kako da napravim template za Joomla-u?

Ovo je verovatno najčešće postavljano pitanje za sve one koji se Joomla-om bave duže od dva sata. Odgovor uopšte nije jednostavan jer zahteva puno predznanja iz raznih oblasti. Ako predpostavimo da korisnik i zna da napravi željeni izgled šablona u Photoshopu (ili nekom drugom programu za manipulaciju slikom kao što je recimo GIMP) i dalje ostaje dosta rupa u znanju. Dakle, malo php-a, dosta css-a i naravno specifična pravila vezana za samu Joomla-u su uglavnom previše za 99% ljudi koji bi se inače oprobali u pravljenju Joomla template-a kad bi postojao neki dobar program za tu namenu.

Program pod logičnim imenom Creative Template Designer upravo i radi to što mu ime kaže, služi da ljudi koji su po opredeljenju dizajneri i koji nemaju nikakva znanja iz programiranja mogu da naprave šablon za Joomla CMS. Program je lak za korištenje ali ipak je potrebno malo upoznavanja sa njim da bi ste shvatili sve mogućnosti koje pruža.

 

Dakle kako da napravite Joomla šablon?

 

Da bi ste napravili Joomla šablon morate da uradite nekoliko bitnih stvari:

 

- Da iskodirate layout -

To u stvari znači da definišete polja kojima ćete dodeliti Joomla module. Ovo je uglavnom jako dosadan posao koji su uvek ponavlja i gde treba biti vrlo pažljiv i precizan a ako pravite malo komplikovaniji šablon trebaće vam čitav aresanal trikova da sve što napravite bude barem približno jednako u raznim verzijama Internet Explorera, Firefox-a, Chroma,  Safari-ja ili Opere. Pored određivanja veličina polja treba da uredite i njihove međusobne odnose tj. da li će kolone da se produžuju ukoliko je sadržaj veći nego što može da stane u predviđeno polje, da li će sadržaj koji je veći od definisanog polj biti vidljiv ili ne, da li će ćoškovi definisanih polja biti ćoškasti ili zaobljeni kao i odnos teksta koji će biti upisan u definisana polja. Kao što vidite ima dosta toga što čak i na samo čitanje deluje prilično zastrašujuće.

Sve ovo što sam ovde napisao Creative Template Designer radi lako i možete napraviti ceo posao bukvalno ALI BUKVALNO za 2 minuta. Naravno, treba da naučite kako se to radi ali to učenje je lako i to ćete naučiti za par minuta. Dovoljno je da pogledate ovaj video klip da biste shvatili kako je sve to jednostavno.

 

Dakle kada imate odgovore na sledeća pitanja:

- Kako napraviti proračun za tačan izgled layouta u Joomla šablonu?

- Da li je dobro da lazout bude apsolutnih dimenzija ili je bolje da je rastegljiv?

- Kako pravilno rasporediti padding, border i margin za svaku modulsku poziciju u Joomla šablonu?

- Kako napraviti zaobljene ivice za module u Joomla šablonu?

- Kako definisati vidljivost za module u Joomla šablonu?

- Kako dati imena za modulske pozicije u Joomla šablonu?

 

Onda ste spremni da krenete u kodiranje layout-a. Naravno, umesto da kodirate možete to da uradite na mnogo lakši način. Dovoljno će vam biti da pogledate sledeći video.

 

Kako napraviti layout za Joomla šablon

 

Kada ste odredili veličine i položaj polja (u Joomla rečniku to se zove "napravili layout"),  vreme je za sledeću stavku a to je 

- Dodavanje boja i slika u layout -

Ovde je moguće uraditi nekoliko stvari. 

Definisanje boja divova (modulskih pozicija), definisanje boja margina za sve divove. U svim slučajevima moguće je postaviti slije (moguće je postaviti više od jedne slike kao pozadinu).

 

http://www.youtube.com/watch?v=yn2b64QEp3Q&feature=related

 

 

Koliko to košta?

 

Iako je Creative Template Designer tako jedinstven na tržištu jer ne postoji nijedan program koji radi to što radi Creative Template Designer, cena mu je sasvim primerena. Za 100€ dobijete program koji može sve!

Poslednje ažurirano (utorak, 08 mart 2011 02:09)

 

Functions list for Creative template Designer

Functions list for Creative template Designer

Creative Template Designer is a powerful software that is rich in features. The easiest way to get acquainted with Creative Template Designer is to  rwatch couple of videos that explain what all this program is capable of doing.

Understanding the possibilities of Creative Deigner a template.

If you would still like to read what Creative TemplateDesigner  can do, this is list of  functionality:

• The mouse is used for all operations that will be mentioned and that is the biggest advantage of this Creative Template Designer

• You draw boxes (Divs, modul positions). No calculate, no code, just draw.

• Drawing is possible in several ways: rectangles, single-box sharing, multi-division box, single-division multiple boxes simultaneously

• You can move box or any of its parts

• You can merge several boxes

• You can split box

• You can give name for boxe (this will be the name of the modul position)

• You can assign a box to be a "component"

• Margins, padding, border, align is also determined by the mouse in real time

• Importing images (or several) that will be used for "tracing"

• There are layers (like Photoshop or GIMP), where it is possible to manipulate images

• You can change image opacity for easy make copy of design of other web site

• Images can be set as the background of the whole webpage or just a box

• Selecting the background color for the background for each box individually

• You can set up multiple images at the same position

• You can slice pictures like in Photoshop, but with this difference that here all the boxes (divs) are assigned automatically to modul position tor the Joomla CMS (Slicing PSD/JPG to JOOMLA)

• Each image can have its orientation in the box

• You can specify a part of the picture that will be a pattern that can be repeated horizontally or vertically or in both axes - gradienti slice

• There is a part of the program under the name Background Generator, in which you can make different backgrounds with easy. Backgrounds are of course automatically transferred into desired modul postions and all that is coded without any user intervention.

• CTD has a module that creates the look of the menu. There is possible to make a dropdown menu in a few clicks, assign animacion effects, shadows, etc.

• All the above CTD displays on the screen and then it all directly and without any user intervention turns into a Joomla template.

• All code passes HTML and CSS validation

• Created zip archive contains all the necessary files (index.php, templateDetails.xml, css templates, images and other files)

Poslednje ažurirano (subota, 19 februar 2011 01:56)

 

Mogućnosti CTD-a

Creative Template Designer je moćan program koji obiluje funkcijama. Najlakše ćete se upoznati sa njim ako posvetite vreme i pregledate par video klipova koji objašnjavaju šta je sve ovaj program u stanju da uradi.

Upoznavanje sa mogućnostima Creative template Deigner-a.

Ukoliko biste ipak voleli da pročitate šta Creative template Designer može evo i liste funkcionalnosti:

• Miš se koristi za sve operacije koje će biti navedene ŠTO I JESTE NAJVEĆA PREDNOST OVOG PROGRAMA

• Boxovi (divovi, modulske pozicije) se crtaju.

• Crtanje je moguće na više načina: pravougaonici, jednostruko deljenje boxa, višestruko deljenje boxa, jednostruko deljenje više boxova istovremeno

• Pomeranje celog boxa ili neke njegove stranice

• Moguće je spajanje više boxova

• Imenovanje boxova (to će biti ime modulske pozicije)

• Moguće je dodeliti da neki box bude „component"

• Margine, padding, border, align se takođe određuju mišem u realno vremenu

• Importovanje slike (ili više njih) koja će biti korištena za „precrtavanje"

• Postoje slojevi (slično kao Photoshopu) gde je moguće manipulisati slikama

• Slika može da menja svoju „providnost" radi lakšeg „precrtavanja"

• Slike je moguće postaviti kao pozadinu celog templejta ili samo nekog boxa

• Biranje boje pozadine za background i za svaki box pojedinačno

• Moguće je postaviti i više slika na istu poziciju

• Omogućeno je „slajsovanje" (isecanje) slika po boxovima kao što radi recimo Photoshop ali sa to razlikom da se ovde sve automatski dodeljuje divovima koje su automatski i modulske poyicije u Joomla CMS-u

• Svaka slika može da ima svoju orijentaciju u boxu

• Može se odrediti deo slike koji će biti patern (modla, šablon) koji je moguće ponavljati po horizontali ili vertikali ili po obe ose – gradijentalni slajs

• Postoji deo programa pod imenom Background Generator u kome korisnik na krajnje jednostavan način pravi pozadine za svoj sajt. Pozadine se naravno automatski prebacuju u željene divove i sve se to kodira u pozadini bez ikakve intervencije korisnika.

• CTD ima modul koji kreira izgled menija. Tu je moguće napraviti dropdown meni u par klikova, dodeliti animacione efekte, senke itd.

• Sve što je navedeno CTD prikazuje na ekranu a zatim sve to direktno i bez ikakve intervencije korisnika pretvara u Joomla šablon.

• Sve što izađe kao kod, prolazi validaciju po HTML-u i CSS-u

• Pravi se zip arhiva koja sadrži sve potrebne fajlove (index.php, templateDetails.xml, template css, slike i ostali fajlovi)

• Prilikom snimanja korisnik upisuje podatke o nazivu templejta, datumu nastanka, emailu i sve one ostale podatke koje idu u „description"

 

 


Poslednje ažurirano (subota, 19 februar 2011 01:56)

 
pretraga
GTranslate
Serbian Afrikaans Albanian Arabic Armenian Azerbaijani Basque Belarusian Bulgarian Catalan Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch English Estonian Filipino Finnish French Galician Georgian German Greek Haitian Creole Hebrew Hindi Hungarian Icelandic Indonesian Irish Italian Japanese Korean Latvian Lithuanian Macedonian Malay Maltese Norwegian Persian Polish Portuguese Romanian Russian Slovak Slovenian Spanish Swahili Swedish Thai Turkish Ukrainian Urdu Vietnamese Welsh Yiddish
Anketa!
Na sajtu treba više
 
Rang po Alexi