kreatiNET webdesign magazin 2012. júliusi lapszám

2. "A kreativitást
az ötletek
összecsapása
hozza
működésbe."
Donatella Versace

3. Tartalom 3.
Ez meg mi?
ely
gazin, m
itális ma f
egy dig ásra, pd
A K
h
reatinet
hónapra
ónapról- n. Olvasásához
ke rül kiad
az Adob
szüksé-
e
Tartalom
form átumba pd f olvasó innen:
evezésű etsz
Re ader eln gyenesen letölth
et in er/
ges, mely om/read
t.adobe.c 04/
http://ge va- PS- Űrlapozz!
leges ro
ó és külön tsz, mint
in álland sha
A magaz n témákról olva rketing és
lya ma 08/
taiban o t, online Business- Mutyi?
n , interne
webdesig n.
ete
üzlet a n nta a
sd havo 10/
magaz int kere Ha elláto
- Design eszköztár
A K reatinet web oldalon. ed,
tinet.hu mail cím
w ww.krea sm egadod e aládádba
oldalra é nnal a p
ost 11/
gatsz az skor azo m PayPal útmutató
é n, így ne
a megjelen írlevél formájába em.
k h ról s
kézbesítjü egyetlen lapszám
le 12/
maradsz krea•TIPP
14/ Design cucc
a b s o lu t e ly fr e e
15/ Fashion Color
Ez egy ingyenes kiadván
y, melyre a
Creative Commons Nevezd
meg! - Ne add
el! - Ne változtasd! 2.5 Magya
rország (CC 16/ Webshop- Magento
BY-NC-ND 2.5) licence événye
s.
http://creativecommons.hu/
18/ BOOKta- ajánló
20/ BOOKta
Terjeszd és oszd meg!
20/ Kézimunka- redesign
Impresszum
• Kiadja: FreshWeb Solutions Kft. - a www.webdesigntanfolyam.eu szervezője és üzemeltetője
• Web: www.kreatinet.hu • Email: hello@kreatinet.hu • Facebook: www.facebook.com/kreatinet
• Lapszámunk szerkesztői: Czene Orsolya, Jámbor- Czifra Ildikó, Barczáné Görgei Beáta,
Cziráki Barbara • Felhasznált képek forrása: www.sxc.hu, www.depositphotos.com, ill. az egyes
cikkeknél külön jelölve a forrás

4. 4. PhotoShop tutorial - Űrlapozz!
a szélesség értékét, majd a ma-
Kreatív gasság értékét határozzuk meg.
Eztán kattintsunk a dokumen-
tumablakban lévő üres dokumen-
űrlap tumunk közepére és létrejön a
megadott méretű kijelölésünk.
Adobe
PS- pal
Szükséged van egy kreatív, hagyomá- Pipetta eszközzel vegyünk fel kifestő színt, ami-
nyostól eltérő, izgalmas űrlapra, ami biz- vel a kijelölésünket ki fogjuk tölteni: #3f2e2c
tosan felkelti a látogatóid figyelmét? Másodlagos kifestő színnek felvehetjük ezt:
#11baac
Akkor készítsünk együtt egy szexi űrlapot
a közkedvelt képszerkesztő programban,
PhotoShop- ban. A képeken én a PS 5.1- es,
angol nyelvű verzióját használom, mely legin-
kább csak a dizájnban tér el a legújabb, 6- os
verziójú PS- ból. A funkciók és eszközök mind-
két verzióban ugyanott találhatók és ugyan-
úgy működnek. A legújabb PS- ot ingyenesen
„elviheted” egy 30 napos próbakörre innen:
http://adobe.ly/FqN0u
Mielőtt kitöltenénk a kijelölést a kifestő szín-
Step 1 nel, ellenőrizzük, hogy aktív- e a kijelölésünk
és nyissunk egy új réteget (Layers), majd áll-
PS- ban nyissunk egy új dokumentumot, junk is rá, tehát legyen kijelölve (Layer1). Win-
600x600 pixel méretben, 72 dpi felbontással, dows alatt Alt + Del billentyűkombinációval,
nevezzük „urlap1’- nek. Az eszköztárból válas�- Mac esetén Option + Del kombinációval tölt-
szuk a téglalap kijelölő eszközt. sük ki színnel a kijelölést. Ha valamit elron-
tunk, a Ctrl + Z vagy Mac esetén a Command +
Az eszközbeállítások Z billentyűkombinációkkal visszavonhatjuk az
soron válasszunk fix utolsó lépést. Ha mindent jól csináltunk, a kije-
méretet és adjunk lölés megszüntetéséhez nyomjuk meg a Ctrl +
meg 410x315 pixel D vagy Mac esetén a Command + D billentyű-
méretet. Ne felejtsük, kombinációkat.
hogy előbb mindig
A tutorialt készítette: Cziráki Barbara, webdesigner oktató
www.webdesigntanfolyam.eu

5. PhotoShop tutorial - Űrlapozz! 5.
A téglalap kijelölő eszköz mellett található szítsünk egy másolatot erről a rétegről, hiszen
mozgató eszközzel fogjuk meg és helyezzük több szövegbeviteli mezőre is szükségünk lesz
át a színnel feltöltött téglalapunkat a doku- az űrlapunkhoz. Összesen 3db ilyen szövegbe-
mentum jobb alsó sarkába, mivel a bal felső viteli mezőnk kell, hogy legyen. Mezo copy- ról
sarokba később egy újabb alakzatot fogunk a könnyebb átláthatóság kedvéért nevezzük
létrehozni. át őket: mezo1, mezo2, stb… Mozgató eszköz-
zel álljunk rá az egyes rétegekre és mozgassuk
Mozgató eszközzel maradva húzzunk be egy őket a helyükre, egyenlő távolságra egymás-
segédvonalat a bal oldali vonalzóról 300pi- tól. Szintén mozgató eszközzel húzzunk be
xel- hez. Ha nem találjuk bal oldalt a vonalzót, még egy segédvonalat a bal oldali vonalzóról,
hívjuk elő azt a View/ Rulers menüpontban. A ezúttal a szövegbeviteli mezőink jobb oldalára.
vonalzóra jobb egérgombbal kattintva beállít- Majd nyissunk új réteget és a két segédvonal
hatjuk, hogy milyen mértékegységet jelenítsen közé, tetszőleges magasságban készítsük el az
meg (esetünkben Pixel). utolsó, kicsit terjedelmesebb szövegbeviteli
mezőnket. Ez lesz majd az űrlapon az üzenet
helye.
Step 2
Nyissunk új réteget a már ismert módon
(Layer2) és ezen folytassuk a munkát. Téglalap
kijelölő eszközzel készítsük el az űrlapunk szö-
vegbeviteli mezőit. A téglalap kijelölő eszköz
kiválasztása után ellenőrizzük, hogy az esz-
közbeállítások soron ne a fixed size, hanem a
normal Style legyen kiválasztva. Kattintsunk és
húzzunk egy keskeny téglalapot a segédvonal-
tól jobbra.
Időnként ne felejtsük el menteni munkánkat a
File/Save menüponttal.
Balról húzzunk be még egy segédvonalat
290pixel- hez. Ehhez fogjuk igazítani a tőle
jobbra elhelyezkedő feliratokat, amik a me-
zők tartalmát kérik majd be: Név, Email, Tel,
Üzenet. Az eszköztáron a vízszintes szöveg
eszközre kattintva egyenként nevezzük el a
mezőket, így minden elnevezés új rétegen fog
majd szerepelni.
ts ol-
om/webfon
Tipp! w talan letölthető és egyarán-
ww.google.c t
dalon szám ész
lható fontk
is felhaszná s szöveget
A már ismert módon töltsük ki a szövegbeviteli weboldalon z. Tetszőlege
thats u-
mezőnek elkészített keskeny téglalapot fehér letből váloga , hogyan m
ts z, hogy lásd pzelt
(#ffffff) kifestő színnel, majd szüntessük meg is begépelhe általad elké
tat az ad ott font az r talmaz- e
mi több, ta
a kijelölést. Layer2- re kétszer kattintva nevez-
t gyar
zük át azt, legyen a neve: mezo. Maradjunk szöveggel, ső ter t, pl. ma
minden szü kséges karak (Á á É é Í í
karakterek
ezen a rétegen és a Ctrl + J vagy Mac esetén
etes
a Command + J billentyűkombinációkkal ké- hosszú ékez
Ü ü).
ÓóÖöÚú

6. 6. PhotoShop tutorial - Űrlapozz!
Open Sans fontkészletet használok a Google Ellenőrizzük, hogy az eszközbeállítások soron
Webfonts kínálatából, a betű Regular és 18pt- a New selection és a Feather: 0px legyen beál-
os, színe #11baac. Ha begépeltük az elneve- lítva. Kattintsunk és tegyük le a sarokpontjait
zést, kattintsunk az eszközbeállítások soron a küldés gombunknak. Összesen 7 kattintás-
lévő pipára, ezzel elfogadjuk, majd kezdhetjük ból fogjuk tudni bezárni a kijelölést (lásd az
a következő begépelését kicsit alatta. ábrán).
Ha aktív a kijelölés,
ellenőrizzük, hogy az
új rétegen vagyunk-
Mozgató eszközzel és az adott szöveget tar- e, ha igen, töltsük ki
talmazó réteg kiválasztásával igazítsuk a he- fehér kitöltő színnel.
lyükre a feliratokat. Ezt megtehetjük egérrel A réteget nevezzük
húzva, de a billentyűzeten, a nyilakkal egy- egy el „küldés gomb”-
pixelt léptetve is. Ez utóbbi sokkal finomabb nak. Layer/Layer
beállítást tesz lehetővé. Style menüpontban
válasszuk ki a Drop Shadow rétegstílust és ál-
Ha jól dolgoztunk, így fest most az űrlapunk: lítsuk be az értékeket a mellékelt ábra szerint.
Ezzel vetett árnyékot adtunk a küldés gomb-
nak, ami kifejezetten jól mutat és kiemeli azt.
Vízszintes szöveg eszközzel feliratozzuk a kül-
dés gombot. Az űrlapunk teljesen elkészült.
Step 3
Nyissunk új réteget és készítsük el az űrlap
küldés gombját is. Ehhez húzzunk be balról és
Step 4
fentről is segédvonalakat, összesen 4db- ot,
Bolondítsuk meg egy szövegbuborékkal, ami-
amik a küldés gombot fogják határolni. Majd
ben instrukciót adhatunk a látogatóknak az
húzzunk egy plusz segédvonalat a tervezett
űrlap kitöltésével kapcsolatban. Ehhez szintén
küldés gomb alatt 25pixelre. Eztán a sokszög
a sokszög lasszót fogjuk használni, új rétegre
lasszó eszközre váltunk (Polygonal Lasso Tool).
tetszőleges méretű buborékot készítünk a kül-
dés gombhoz hasonlóan és ugyanúgy ellátjuk
vetett árnyék rétegstílussal, majd
szöveget
í r u n k zben ún.
„bele”. Tip p! Tervezés gelkö töltheted
szöveg
helykitöltő , ahol ké-
meg az üres tereket erepelni.
öveg fog sz
bb majd sz olda-
ső m.com/ web
A htt p://hu.lipsu tel-
ljességgel ér
erálhatsz te -
lon gen Ipsum” szö
metlen, ún. „Lorem lkalmas
kéletesen a
veg et, ami tö
céljára.
helykitöltés

7. PhotoShop tutorial - Űrlapozz! 7.
Step 5
Egy- egy PS- ban elkészített grafikai tervünk
akár több száz rétegből is állhat. A könnyebb
áttekinthetőség miatt érdemes az egyes réte-
geket ún. rétegcsoportokba rendezni. Pl. az
előző példánál maradva külön rétegcsoportba
rendezhetjük az űrlap rétegeit és külön a szö-
vegbuborék rétegeit. Ehhez a Ctrl lenyomva
tartása mellett (Mac esetén Command) jelöl-
jük ki egérrel az összetartozó rétegeket, majd
a Layers panel menüjében klikk a New Group
from Layers- re és a megjelenő új ablakban
adjunk nevet az új rétegcsoportunknak. File/
Save- vel mentsük a munkánkat.
Ha jól dolgoztunk, így néz ki a dokumentum-
ablakban az űrlapunk és a Layers panelen a
rétegeink, ill. rétegcsoportjaink.
A munkád legyen
a hobbid!
Webdesign
Az így kreált PS fájlt átadva progra- tanfolyam
mozó kollégánknak, sec- perc alatt
remekül működő űrlapot készít indul:
belőle a weboldalunkra. Az álta-
lam készített PS fájlt tanulmányo-
zásra letöltheted innen: http://bit.ly/Mc5Fd9
Szeptember 13.
www.webdesigntanfolyam.eu
Remélem, hasznos volt ez a kis tutorial és
megihlet majd Benneteket kreatív és dizájnos
űrlapok készítésére.
Szeretettel,
Cziráki Barbara
webdesigner oktató
www.webdesigntanfolyam.eu

8. 8. Business- Mutyi, vagy legális?
Hogy miben lenne ez jobb, mint a jelenle-
Mutyi? Vagy... gi adózási rendszer? Aki ismeri, mi van most,
annak nem kell ezt magyarázni. Aki nem, an-
legális munka, nak Jakab Andor életszerű és (egyben/ezért)
enyhén irónikus blogbejegyzését szíves figyel-
mébe ajánlom:
kö n n y e b b s é g „Tökéletesen elcseszett formában a „lehető-
a kreatívoknak ség” persze eddig is adott volt... Most is lehetsz
egyéni vállalkozó. Ha nem találod a helyed a
munkaerőpiacon, de nem szeretnél munka-
is? nélküli segélyből élni, közmunkásként tengőd-
ni, jelenleg is csinálhatsz magadnak egyszemé-
lyes céget. De ez semmivel nem könnyebb és
egyszerűbb, mint bármilyen egyéb céget lét-
Fellebbentek a hírek, miszerint a Kormány rehozni és üzemeltetni. Először is köteles vagy
2013- tól egy új, fix közteher fizetési rendszer- magadat legalább minimálbérre bejelenteni.
rel könnyítené meg a saját maguknak munkát Ez jelenleg 70 470 forint fizetést, plusz 68 000
adók dolgát. A tervek szerint kereshet- forint adó és járulékterhet, összesen 138 740
nél akár 450.000,-Ft- ot havonta, teljesen b é r k ö l t s é - get jelent
tisztán és legálisan, mely-
n havonta.
ből mindössze
blogbejegy g.hu/ zése nyomá Az egész
50.000,-Ft- os fix Jakab Andor bandor .blo o l y a n
átalányadót kel- http://jaka roppant
lene befizetned. bonyo-
lult, hogy élő ember könyvelő
Többek között a krea- nélkül biztosan nem úszhatja
tív szakmában dolgozó egyéni meg. Ez további 15 000 forin-
vállalkozóknak, szabadúszók- tos fix költséget jelent. Ha saját
nak, egyszemélyes cégeknek magadnak nem is tudsz még
(és jelenleg még vállalkozás kivenni egy fillért sem, az adó-
nélkül ügyködő személyeknek) kat és járulékokat, valamint a
is kiváló lehetőség lenne az új, könyvelőt biztosan fizetned
fix adózás és végre nem fizet- kell. Minimum 80 000 forint fix
nék el a gatyájukat is, ha saját kiadással akkor is számolnod
pénzükhöz szeretnének jutni kell, ha egyetlen fillér bevételt
legálisan. Nem utolsó sorban sem tudsz elérni. Szolgáltatá-
segítene felszámolni a „mutyi melót”, fekete- sod árát 27% ÁFA terheli, és hozzá kell szok-
munkát, zsebbe dolgozást olyan kreatív szak- nod, hogy az általad keresett pénz egyáltalán
mákban is, mint a: nem a tiéd. Azt először még „ki kell venni” le-
gálisan a cégből, hogy elkölthesd. Miután be-
• grafikusok fizetted az ÁFA-t, meg kell fizetned még 2%
• webdesignerek iparűzési adót. A fennmaradó rész terhére
• programozók adhatsz magadnak fizetést 50% körüli állami
• kiadványszerkesztők elvonás mellett, vagy - nagyon bonyolultan -
• szövegírók kiveheted osztalékként 30% körüli elvonás
• marketingesek mellett. Ha marad a cégnek nyeresége, 10%
stb…, tehát akik valamilyen szolgáltatást nyúj- társasági adó terheli. Magyarul az ÁFA befize-
tanak és munkadíjat számláznak. tése utáni bevételed nagyjából felét veheted

9. Business- Mutyi, vagy legális? 9.
ki magadnak. Ha mondjuk 200 000 forin-
tot szeretnél tisztán keresni, legalább
408.000,- Ft + ÁFA, azaz 518.160,- Ft érték-
Tényleg
ben kell szolgáltatást értékesítened. Ál-
landóan bújnod kell a folyamatosan változó kereshetnél
szabályokat, és mindent meg kell kérdezned a
könyvelődtől. Ha valamit elrontasz, jó esetben
több százezer forintos büntetésekre bizton
450.000 ,-
számíthatsz, rossz esetben börtönbe kerül-
hetsz adócsalásért. Jóval több eséllyel, mintha forintot?
egyáltalán nem is csinálnál céget, nem is ke-
rülnél a hatóságok látóterébe és a tevékeny- Szerintem igen. 450.000,- Ft jövedelemhez
ségednek nem is lenne semmiféle hivatalos 500.000,- Ft árbevétel kell:
nyoma. Fogalmad nincsen, hogy a szabályok
tengerében mit számolhatsz el költségként, • 3125 Ft óradíj (20 munkanap, napi 8 óra)
mi az, amit értékcsökkenteni kell, és hogy az • 10 ügyfél havi 50 000 forintos megbízással
mit jelent. A gyakorlatban a dolog úgy néz ki, • 20 ügyfél havi 25 000 forintos megbízással
hogy a vállalkozónak csak halvány sejtései • 100 ügyfél havi 5 000 forintos megbízással
vannak arról, hogy mennyi elkölthető pénz
van egyáltalán a számláján. És ha elszámolja Azt hiszem, hogy ez lehetséges az élet renge-
magát, pillanatokon belül horribilis hátralékot teg területén. Kell hozzá szaktudás, rátermett-
mutathatnak ki és már jön is az inkasszó. Hiá- ség valamiben, kitartás és szorgalom.”
ba keres pénzt, amíg a NAV be nem szedte a
magáét, egy vasat sem tudsz kivenni a bank- Az eredeti, bővebben magyará-
ban a saját pénzedből. Nem is csoda, hogy zó cikket olvasd el Jakab Andor
Magyarországon az önfoglalkoztatottak dön- blogján:
tő többségének ehhez nincs kedve... Inkább
dolgoznak fusiban, feketén, zsebbe. ÁFA http:// bit.ly/MSYN91
nélkül. 3x olcsóbban, mint a legálisan mű-
ködő egyszemélyes cég. Lehetsz akármi- És/vagy lájkold a Facebook- on:
lyen jó a munkádban, ez végül biztosan
kinyír. Különösen a mai gazdasági helyzetben https://www.facebook.com/jakabandor
az emberek nem fizetnek háromszoros árat a
szolgáltatásodért. Inkább megoldják okosba’,
zsebbe, fű alatt.
Az új koncepció nagyszerűsége leginkább
az egyszerűségének köszönhető. Könyvelő-
ó:
re talán egyáltalán nem is lesz szükség, vagy A vállalkoz
csak ritkán, és igazán olcsó szolgáltatásra. A ,
szánt egyed
legálisan működő kisadózó azt könnyen fej- Olyan m indenre el olgozni a
i 24 órát d
ben tudja tartani, hogy 50 000 forintot minden ak i képes nap r t, hogy
más
saját zsebére azé t se
hónapban átutal az államnak, és ezzel minden yetlen egy órá
el is van intézve. Ennyi pénzt kell erre a célra zsebére ne kelljen eg
tartalékolnia, nem kell azon fájnia a fejének, dolgoznia. :)
hogy mennyit és hogyan „vehet ki a cégből”.
Az ötven ropin felül költheti a saját pénzét,
ahogy akarja.

10. 10
PNG
Open Gauntlet Dropbox
Site Explorer
Ezzel a kis ingyenes prog- Mint egy virtuális pendrive,
A Yahoo Site Explorer rammal tömörítsd a képfájl- úgy működik. Tárold a fájlokat
jaidat weben való felhaszná- webes felületen, a Dropboxban
megszűnése óta gondot je- és érd el őket bárhonnan,
lenthet, hol csekkold a web- lás előtt, így kevesebb helyet
foglalnak majd. WordPress akár mobilról is. Sőt, kön�-
oldaladra mutató linkeket. A nyen meg is oszthatod őket.
www.opensiteexplorer.org is gyorsabb lesz általa.
www.pnggauntlet.com
oldalon előfizetés nélkül www.dropbox.com
napi 3db linket kér-
dezhetsz le.
Free
stock foto SEO
Tools
Tudod, mint ad ki a Google,
ha beírod a fenti három szót? Google Page Rank lekér-
Magyar srácok alapították ezt dezés, kulcsszavak és meta
az ingyenes stock fotókat gyűjtő tag- ek ellenőrzése, helyezés
weboldalt, ami azóta is töret-
vizsgáló, stb... Ha regiszt-
len népszerűségnek örvend.
rálsz az oldalon, ingyenesen
www.sxc.hu használhatod ezeket.
www.seotools.hu
Ingyenes
fontok
A fizetősek mellett
nagyon sok ingyenes
fontkészletet tölthetsz
le jogtisztán.
www.myfonts.com

11. PayPal útmutató 11.
A világon a Regisztráció a Paypal rendszerbe
A Paypal rendszerbe való regisztrálás ingyenes. Kétféle
legnépszerűbb, regisztrációra van lehetőség:
• mint magánszemély Paypal felhasználó
itthon fejlődőben: • mint üzleti Paypal felhasználó
Maga a regisztráció teljesen ingyenes. A havi bevételek
után azonban jutalékot kell fizetni, melynek a
PayPal mértéke a forgalom mértékétől függően változik –
minél nagyobb a forgalom, annál alacsonyabb a díj :
A Paypal nem más, mint egy online fizetési megoldás. (http:// bit.ly/NjZm8m)
Tulajdonképpen egy virtuális számla, melyen keresztül Lehet, hogy esetenként ezek az összegek magasabbra
kifizetéseket, és bevételeket lehet eszközölni. Hazánk- jönnek ki, mint az egyéb úton bonyolított tranzakcióid…
ban is egyre elterjedtebb fizetési megoldás, bár sokan de ha tervezéskor azt is beleszámítod, hogy így nagy
még vagy nem is ismerik, vagy nem merik használni. eséllyel jobb konverzióval értékesíthetsz, akkor
összességében valószínűleg mégis megéri használni –
ezt azonban mindenkinek a saját piacán, a saját vevői
Hogy történik a fizetés a gyakorlat-
ismeretében kell kikalkulálni.
ban?
Fizetés esetén be kell lépni a Paypal felületére a re-
Hogy számolhatjuk el a Paypal-
gisztrációkor megadott email-címmel és jelszóval, majd forgalmat a vállalkozásunkban?
megadni a kedvezményezett email-címét és az utalan-
dó összeget, illetve pénznemét (legtöbb esetben az el- Szinte ugyanúgy, mint a bankszámla-műveleteket. Re-
adó eleve úgy adja meg a Paypal linkjét, amire kattintva gisztráció után a Paypal fiókodban találsz egy olyan
azonnal erre a felületre jutunk). Népszerűsége pont menüt, hogy “History”, ezen belül pedig egy olyat, hogy
abban rejlik, hogy nem kell más érzékeny adatot “Reports”. Itt többféle riport letöltésére van lehetősé-
megadni a jelszón és email-címen kívül fizetéskor. ged, Neked most a “Monthly Financial Summary” ri-
Ha mi szeretnénk Paypal-on keresztül pénzt kapni, portra van szükséged. Itt lehetőséged van egy adott
akkor pedig azt az email-címet kell megadnunk a ve- hónapot kiválasztani, vagy megadhatsz akár saját idő-
vőnek, mellyel regisztráltunk. Ő ennek a segítségével intervallumot is. Ha elvégeztük a beállításokat, a sárga
tudja elküldeni a pénzt. Ezen felül lehetőségünk van “View report” gombra kattintva tudjuk megtekinteni, és
arra is, hogy a weboldalunkon/webáruházunkban elhe- letölteni a riportunkat. Ezt kinyomtatva, és a köny-
lyezzünk egy gombot (például Buy Now felirattal), mely- velési anyagunkba téve tudjuk teljesen szabályo-
re kattintva a vásárló azonnal tudja intézni a fizetést. san a könyvelésbe juttatni ezeket a forgalmakat.
Ugyanígy van lehetőségünk kosarat is kitenni, stb. Még Természetesen, az ügyfélnek küldött, vagy a másik vál-
azt is megtehetjük, hogy ehhez a gombhoz különböző lalkozótól kapott számláinkkal ennek párban kell len-
opciókat, árakat kínálunk. Nagyon jól használható a nie.
Paypal előfizetéses rendszerek esetén is! FONTOS! A Paypal nem küld sehová elszámolást a for-
galmunkról, ahogy ezt pl. a bankok teszik… ez azonban
semmiképpen nem jelenti azt, hogy érdemes rizikózni,
hogy nem tesszük a könyvelésbe, ugyan-
is nagyon rövid úton lehet lebukni vele:
az üzletfelünket ellenőrzik, ahol ott a
tranzakciónk párja, és esetleg ezen ke-
resztül ellenőriznek minket is
valamivel felkeltjük az adóhatóság fi-
gyelmét, amiért revíziót kapunk – ekkor
azonban ellenőrizni fogják ezt a vona-
lat is.
kc somag
u/Ajande
okosan.h
allalkozz
www.kisv
A cikket írta: Barczáné Görgei Beáta
www.kisvallalkozzokosan.hu

12. 12. krea•TIPP
www.po
modoro
techniq
ue.c om www.tweak.com
A Pomod
oro- tech
szer, me nika egy
lynek na időgazdá Abszolút amatőrök szá-
gy haszn lko
hogy a te
endőid e át vehete dási mód- mára készített egy va-
áll rende lvégzésér d. Lénye
e kivétel n ge
deni a k
lkezésed
re. Amint élkül 20 p , lóban egyszerűen hasz-
az letelik e
öve
segítségé tkezőbe. Növeld , bele kell rc nálható logó- készítő
vel. Az id a hatéko kez- alkalmazást a tweak.
ő mérésé n
konyhai id
őmérő is re egy ha yságod a com. Tevékenységi kör-
alkalmaz megteszi, gyomány
ás is segít de a Foc os nek megfelelő kategóri-
. us Booste
r ákból válogathatod össze
az emblémát a felirathoz.
Okostelefonra is letölthe-
tő az alkalmazás. Az ötlet
www.print.hu egyébként zseniális, ma-
ximálisan eléri a célcso-
A minap rendeltem meg névjegykár- portját.
tyáimat a print.hu- ról. Bár vannak hiá-
nyosságai az online névjegykártya szer-
kesztőjüknek, nyomdakész anyagleadás
emailben is lehetséges. Legközelebb a
formalakkozást is kipróbálom.
krea•TIPP kreatív ötletek és tippek
u
lo mania.h
www.po
t, egyedi
m csak sajá agad
ánián ne akár a m
A Pólóm heted el, ával, hanem
készít
pólódat grafik
lönleges kereshets
z.
ter vezte kü énzt is fi-
eddel p ítésű gra
tehetség saját kész
boltot a Pólómá-
Nyiss póló chnikai hátteret a
te n is náluk
káidból, a . A minőség jó, é
ítja
nia biztos pólómat
:)
készít tettem a
Rovatszerkesztő: Cziráki Barbara, webdesigner oktató
www.webdesigntanfolyam.eu

13. reatiNET
kreatív webdesign netmagazin
Terjeszd, küldd tovább,
oszd meg a Facebook- on
www.facebook.com/kreatinet

14. 14. Design cucc
2.
1.
4.
3.
Pantone
6.
5.
A Pantone színskála színeiben pompázó, különleges design cuccok:
1. Mandzsettagomb • 2. Tarisznya • 3. Összecsukható szék • 4. Bögre • 5. Kulcstartó • 6. iPhone tok
Lelőhelyek: www.pantone.com • www.amara.co.uk

15. Fashion Colors 15.
Fashion Colors összeállí-
tásunkat ezúttal a Pantone
őszi színelőrejelzés inspi-
rálta. Te is trendrajongó
vagy? Nézd meg, milyen
színeket jósol az őszi sze-
zonra Tommy Hilfiger
vagy Tracy Reese.
http://bit.ly/NtxMaH
?
ton e színskála
Mi az a Pan
ely
zó skála, am
tá kat tartalma ontos
Egy színmin osítását és p
segíti a sz ínek beazon edt a nyom
da-
já t. Igen elterj
reprodukció
iparban.

16. 16. Webshop- Magento
• Ez a rendszer talán az elérhető legsikeresebb
webáruház motor a világon!
á-
ségessé v
kább szük • Többszörösen díjnyertes - nem véletlenül.
egyre in y online is
Manapság á mára, hog • Igényes, és áttekinthető adminisztrációs fe-
ozások sz terjednek
lik a vállalk ék termékeiket. Így vilá-
lülettel rendelkezik.
értékesíth
ess k, melyek • A legtöbb kereskedelmi folyamat teljesen
an a w ebáruháza fontos a
mind jobb szetesen ugyanúgy mu-
automatizált.
gában ter
mé a céges be • Nyílt forráskódú, vagyis ingyenes és folya-
való kitű nés, mint ebes meg
-
tömegből alában a w matosan fejlesztik
alak, és ált
tatkozó old egyaránt. • Sok olyan funkcióval rendelkezik alapér-
rén
jelenés te telmezésben, amik önmagukban egyedi fej-
lesztést igényelnének.
• Egyszerűen kezelhető, és számtalan mo-
dul telepíthető az admin felületen ke-
resztül.
• Maximálisan keresőopti-
De mivel is malizált, de ezen túl ma-
gas szinten támogatja az
lehet ki- optimalizálást az admin
felületen keresztül is.
tűnni? • A Google Analytics
rendszerével össze-
Először is olyan oldal kötve a vásárlók hatéko-
kell, ami első ránézésre nyan nyomon követhetők,
megnyerő, vagyis a di- konverziós számítások
zájn terén itt is ajánlott végezhetők.
praktikus keretek között • A keresés kifinomult, az
szabadon engedni a fantá- eredmény lista tovább szű-
ziánkat, vagy keresni egy jó gra- kíthető, így áttekinthető egy több
fikust, aki ezt megteszi helyettünk. ezer terméket forgalmazó áruház is.
• Ha nem szeretnénk grafikust fogadni,
Másodszor pedig egy olyan áruház kell, aki a dizájnt egyedivé varázsolja, akkor válo-
ami a tudásával tűnik ki a többi közül. gathatunk a számtalan ingyenesen letölthető
Mivel a teljesen egyedi fejlesztésű áruházak skin (sablon) közül is!
csillaga leáldozófélben van, ezért nem feltét- • Bár meglehetősen elterjedt a szintén nyílt
len a legjobb döntés az egészet egy prog- forráskódú WordPress webshop is, melyet a
ramozóra bízni. Mint mindenhol, itt is meg- blogmotorra telepített különböző bővítmé-
szokássá válik a kényelem, ami ez esetben azt nyek hajtanak, nem ajánlom a WordPress
jelenti, hogy elvárássá válik, hogy saját áruhá- alapokon való webshop üzemeltetést. Ez
zunkat egy saját felületen keresztül egysze- a kedves blogmotor sok mindenre jó, de bár-
rűen, és gyorsan tudjuk kezelni. Általában ez milyen csábító is, hogy webes értékesítésre is
hiányzik az egyedi fejlesztések mögül, egy jó kihasználjuk, webáruháznak kifejezetten al-
adminisztrációs felület, és az, hogy a rendsze- kalmatlan.
rünk folyamatos frissítésekkel legyen ellátva.
Erre azonban megoldást kínálnak a nyílt
forráskódú rendszerek, melyek közül én Tehát ha webshop,
a Magento Community Edition mellett
tettem le a voksom. Hogy miért? Ennek szá- akkor Magento!
mos oka van:

17. Webshop- Magento 17.
Ha ismerkedni szeretnél a Magento rendszer- Step 4
rel, akkor kedvcsinálónak álljon itt egy tutorial,
melyben megmutatom Neked, hogyan A következő lépésben meg kell adnod, hogy
tudod saját oldaladon útjára indítani a melyik időzónában és melyik országban hasz-
Magento rendszert! Indulhatunk? Figyelj jól! nálod az oldalad, és mi az alapértelmezett
pénznem. Értelemszerű választás a legördülő
Step 1 menükből, majd jöhet a következő lépés.
Töltsd le a Magento fájljait a következő oldalról:
http://www.magentocommerce.com/download
Majd tömörítsd ki a gépedre a fájlokat.
Step 2
Másold fel őket a szerveredre a gyökérkönyv-
tárba. Ez eltarthat egy ideig, ugyanis Magento
barátunk jóval több, mint 10000 fájlból áll.
Step 3
Ezután írd be a böngésződ címsorába az olda- Step 5
lad url-jét, ahol a Magento telepítője fog várni
Téged. Itt fogadd el a feltételeket, és már me- Ebben a lépésben az adatbázis adatait kell
hetsz is tovább! megadnod. Ha nem tudnád ezeket, akkor for-
dulj a tárhely szolgáltatódhoz segítségért. Adj
egy prefixet a tábláknak is, a végére egy _
„alsóvonás”. A checkboxok közül pedig én az
első hármat szoktam bepipálni.
Step 6
Most a felhasználói adataid kéri el a telepítő,
mint neved, felhasználóneved, jelszavad az
admin felülethez, valamint email címed.
Ezután kapsz egy kulcsot, amit érdemes felír-
ni, és már készen is vagyunk! Ezzel feltelepült
a magento, kezdhetsz ismerkedni vele! Az
admin felületet elérheted:
http://sajatdomained.hu/admin url címen.
(Természetesen, ha nem .hu végződésű a
domained, akkor azt értelemszerűen változ-
tasd.) Nem is volt nehéz! Igaz?
ebáruházat,
Ha sze retnél saját w
átran!
keress meg b
A cikket írta: Czene Orsolya
www.webdesign-arculatterv.hu

18. 18. BOOKta- könyvajánló
100 dolog, amit minden tervezőnek
tudnia kell az emberekről
Tanuld meg, hogyan teheted hatékonyabbá és egy-
szerűbben használhatóvá az általad tervezett termé-
keket! Tudd meg:
• egy oldalon vagy képernyőn mi kelti fel és mi köti le
a felhasználók figyelmét?
• mi segít abban, hogy jobban emlékezzünk?
• a központi vagy a perifériális látás a fontosabb?
• hogyan tudod előrejelezni a felhasználók által elkö-
vetett hibákat?
• mekkora lehet az ismerősi körünk létszáma?
• hogyan motiválhatod az embereket, hogy tovább-
lépjenek egy folyamatban?
• milyen sorhosszúságot érdemes használnod?
• egyes betűtípusok valóban jobbak, mint mások?
Webergonómia
Megjelent a Kiskapu Kiadó gondozásában:
http://bit.ly/Mp4ufP
Logótár 3.
Kezdőbetűkből kialakított...
Tipografált és kalligrafikus...
Emberi alakokból és fejekből kialakított...
Geometriai formákon, szimbólumokon alapuló...
Természeti formákra, állatalakokra építő...
Grafika ... logók és logók és még inkább logók.
Megjelent a Scolar Kiadó gondozásában:
http://design.scolar.hu/minilogotar3.html
Nyerd meg a Profi Otthoni Webdesign Tanfolyam
jóvoltából. Játék ideje augusztus 10- ig:
http://bit.ly/PUmkaU
Marketing
A megvalósítás
Hogy az ötlet valóra váljon
A siker titka csupán 1% ötlet és 99% megvalósítás.
Gyakorlati példák és instrukciók, mit kell tennünk,
hogy ötleteink valóra is váljanak.
A megvalósítást megöli a halogatás, úgyhogy szerezd
be mielőbb!
Megjelent a HVG Kiadó gondozásában:
http://bit.ly/vR51PL

19. A fiatal tehetségek
ötletességével és
a kezdők lelkesedésével...
... elkészítik a Te céged
weboldalát is!
u
esignert anoncok.e
w ww.webd

20. A kiegyensúlyozott életvitel titka olyan
környezet kialakítására, melyben jól érez-
zük magunkat. Aktuális kézimunka rova-
tunkban a redesign- t, a felújítást hívjuk
ötletes és látványos segítségül.
Az egyik legegyszerűbb módszer, ha sprayfesté-
ket ragadunk, és átszínezünk, amit csak akarunk.
Merthogy szó szerint minden felületre – fára, mű-
anyagra, üvegre, fémre, textilre -, a legapróbb por-
fogó tárgytól kezdve a ruhásszekrényig bármire
ráfújhatjuk ezt a festéket.
Kézimunka • redesign
Ahhoz, hogy a végeredmény tökéletes legyen,
nem árt felületkezelni a kiválasztott „alanyt”. A
már eleve festett felületről előbb az eredeti fes-
téket csiszolással el kell távolítani. A csiszolás
után portalanítás szükséges! A zsírtalanítás pe-
dig minden esetben kötelező! Mivel a szórófej-
ből kifújt festék nem irányítható könnyen, azo-
kat a részeket, amiket nem szeretnénk befújni,
ajánlatos a művelet előtt leragasztani. Ajánla-
tos betartani a javasolt 20-40 cm-es távolságot
fújás közben, különben a festék hirtelen túl
töményen kerül egyes részekre, és megfolyik.
Inkább több réteget fújjunk a kívánt szín el-
éréséhez.
Végezetül pedig, lelkes szelektív szemétgyűj-
tőként emlékeztetlek, hogy a kiürült festé-
kes doboz veszélyes hulladéknak számít, így
nem dobható ki a kukába.
A cikket írta: Jámbor- Czifra Ildikó
www.i-komod.hu
A képek Jessica Wilson blogjáról származnak:
http://bit.ly/Noc3lg

21. A webdesigner
a jövő szakmája
… csináld meg a saját lehetőséged egy új szakmával,
ami több keresetet, jobb életszínvonalat és függetlenséget
hozhat Neked!
ben, ahol a hazai és
line, megújult eOktatótermünk
Tanulj valóban on sajátíthatod el a
ak megfelelően m odulrendszerben
európai elvárásokn -
webdesign szakma
csínját- bínját. yomtatott jegyze
ppába rendezett n
luzív kapcsos ma yag részét képzeik.
Mindez mellett exk videókkal is a tanan
z, tele oktató
tek és DVD leme
tanfolyam.eu
www.webdesign
http://www.facebook.com/webdesigner.tanfolyam

22. reatiNET
kreatív webdesign netmagazin
A következő lapszám 2012. augusztusban jelenik meg.
Ha nem szeretnél lemaradni, iratkozz fel a
www.kreatinet.hu oldalon és havonta kézbesítjük
Neked!
www.kreatinet.hu
www.facebook.com/kreatinet