12-01-28

» Vonalas rajz készítése képből "Photoshop"-ban!: 2012. jan. 28. 10:54 | írta: netlogic | Számítástechnika | grafika, grafikus, corel, photoshop | webgrafika | felnőttképzés felnőttoktatás | számítógépes tanfolyam | adobe | baranya | készítése | megyében | oktatás | pécsett | Photoshop | programmal | tanfolyam | vonalas | webgrafika |; Attila mai cikkében egy izgalmas megoldást mutatunk be arra, hogyan készíthetünk egy egyszerű képből művészi hatású vonalas rajzot a Photoshop program segítségével!

1. lépés

Válaszuk ki a képet amit szeretnénk átalakítani. Fontos, hogy elég nagy pixelszámú képet akarjunk átalakítani, és a kép kontraszt értéke is jó legyen.

2. lépés

Alakítsuk át Backrund réteget réteggé.

3. lépés

Jelöljük ki az egyforma felületeket varázs pálcával, vagy/és szelektív szín kijelöléssel.

4. lépés

Másoljuk a kijelölést új réteggé kivágással. (Shift+Ctrl J), és ezt tegyük addig, ameddig mindent külön réteggé át nem alakítottunk.

Minden réteget másoljuk külön-külön új dokumentumba és konvertáljuk szürkeárnyalatos képpé. Ezt a szürkeárnyalatos képet alakítsuk át Bitmap képpé.
Az eredeti kép dpi-nek megfelelő legyen a cél kép is. Az átalakítás metódusa legyen "Halftone Screen".

Minden rétegnek más legyen a szög kiforgatása (Angle)

5. lépés

Minden vonalas képet vissza alakítjuk szürkeárnyalatos képpé majd úgy másoljuk a rétegeket, hogy célként egy filét adunk meg.

A réteg beállítását kacsoljuk "Darken"-ra

Ha minden réteg egymás felet van akkor összeolvasztjuk egy réteggé, majd Bitmap képpé alakítjuk.

Jó gyakorlást kíván a Netlogi C School!

Tanulja meg profin a Photoshop program kezelését, hogy webgrafikusként dolgozhasson, igényes grafikai anyagokat készíthessen!

Ne elégedjen meg a hagyományos alapozó grafikai tanfolyamokkal, válasszon szakirányú, gyakorlat orientált kiscsoportos Photoshop képzéseink közül, melyek végén tanulóinkat most álláslehetőségekkel is segítjük!

Ráadásul februárban minden beiratkozónk egy 4GB-os Pendrive-ot kap ajándékba!

LAST MINUTE!!

Most még jelentkezhet a február 2-án délután startoló Photoshop Alap-és Photoshop Bajnok csoportjainkba!

Amennyiben ott szeretne lenni a csoportokban, jelezze felénk részvételi szándékát még MA, mert már csak 3 szabad helyünk maradt a csoportokba!

Ennek hiányában már csak a következő csoportba tudunk helyet biztosítani Önnek!

Máris jelentkezem!

Várjuk szeretettel februári képzéseinkre!

További, februárban induló kiscsoportos informatika tanfolyamainkról itt olvashat bővebben!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net; Pontszám:

0 (0)

Jelentkezz be a szavazáshoz!

12-01-14

» Lebegő, animált navigációs sáv készítése weblapra!

Ákos mai cikkében bemutatja, hogyan készíthetünk a weboldal tetejére lebegő, animált navigációs sávot.

A script hatására a menüpontok legördülnek ( előbújnak ), ha rávisszük az egérmutatót:

A megvalósítás IE8 alatti verziókban nem működik!

1. A HTML felépítése

A navigációhoz szükség lesz egy rendezetlen listára.
A listaelemeknek a nevével megegyező stílus nevet adunk, ezek lesznek a menüpontok.

A listát id-vel látjuk el, mert a JQuery ben erre fogunk hivatkozni.
< ul id = "navigation" >
< li class = "kezdolap" > < a href = "" > < span > Home </ span > </ a > </ li >
< li class = "info" > < a href = "" > < span > A </ span > </ a > </ li >
< li class = "kereses" > < a href = "" > < span > Keresés </ span > </ a > </ li>
< li class = "kepek" > < a href = "" > < span > Fotók </ span > </ a > </ li >
< li class = "rssfeed" > < a href = "" > < span > RSS hírcsatorna </ span > </ a> </ li >
< li class = "podcast" > < a href = "" > < span > Podcast </ span > </ a > </ li>
< li class = "contact" > < a href = "" > < span > Kapcsolat </ span > </ a > </li >
</ ul >

2. A CSS

Először definiáljuk a CSS-ben a lista tulajdonságait:
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 10px;
list-style: none;
z-index:999999;
width:721px;
}
A listát, vagyis a menünket az oldal jobb felső sarkához pozícionáljuk( top,right értékekkel).

A navigációnak mindig elérhetőnek kell lennie a felhasználó számára, még akkor is, ha görgeti lefelé az oldalt, ezért a pozíciót is ennek megfelelően állítjuk ( position ).

A lista alapértelmezett értékeit eltávolítjuk, mert ezekre nincs szükség( margin, padding, list-style ).
Gondoskodnunk kell arról, hogy az oldalon semmi se takarhassa el a navigációnkat, ezért a z-indexet magasra kell tennünk ( z-index ).
A menünknek fix szélességet kell adnunk, hogy az oldal átméretezésekor se csússzanak az elemek össze, mivel a listaelemeket lebegéssel fogjuk egy sorba rendezni.( width )

Most nézzük a lista elem tulajdonságait:
ul#navigation li {
width: 103px;
display:inline;
float:left;
}
Ez teszi az elemeket egymás mellé, és nem egymás alá.
A listában lévő linkek CSS tulajdonságai:
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#E7F2F9;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
Ez a közös stílus a link elemekhez. A menüpontokhoz külön stílusok lesznek, ahogy már a html-ben elkészítettük.
Extra css:
A keret ( moz-border-radius; webkit-border-bottom-right-radius; webkit-border-bottom-left-radius; khtml-border-bottom-right-radius; khtml-border-bottom-left-radius ) a lekerekített keret készítése, de sajnos nem működik Internet Explorer böngészőn .
Az átlátszóság beállításai ( opacity; filter - Internet Explorer)
A menüpont színe, ha fölé viszik az egérmutatót:
ul#navigation li a:hover{
background-color:#CAE3F2;
}
A menüpontok szövegének beállításai:
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
text-shadow: 0 -1px 1px #fff;
}
A text-shadow árnyék a szöveghez (IE-nél nem működik).
Menüpontokhoz tartozó beállítások:
ul#navigation .kezdolap a{
background-image: url(../images/home.png);
}
ul#navigation .info a      {
background-image: url(../images/about.png);
}
ul#navigation .kereses a      {
background-image: url(../images/search.png);
}
ul#navigation .podcasts a      {
background-image: url(../images/ipod.png);
}
ul#navigation .rssfeed a   {
background-image: url(../images/rss.png);
}
ul#navigation .kepek a     {
background-image: url(../images/camera.png);
}
ul#navigation .contact a    {
background-image: url(../images/contact.png);
}
Tehát itt már csak a képek beállítása történik meg.
A JavaScript
A menü animálását a jQuery-vel fogjuk megoldani.
A html-be a head részbe a következőt tegyük ( természetesen az útvonalat aktualizálni kell )
<script type="text/javascript" src="jquery-1.3.2.js"></script>
( lehet nagyobb verzió számú is, de kisebb nem )
Az animáló script: ( Ezt a body-ban kell elhelyezni! )
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});

$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
A működés közben először eltüntetjük az összes elemet ( -80 px margó beállítással el elmozgatjuk a képernyőn kívülre ).

A jQuery fogunk először az összes elemet eltűnnek első a "zongora-szerű" módon, amíg a lényeg, hogy csak akkor tudjuk látni a szöveget a linkeket. Ha lebeg tétel fölött van, tesszük az egész elemet húzza ki a tetején. Mindezek, azt adjuk meg a következőket:
JQuery letöltés: ( legfrissebb )
http://blog.jquery.com/2011/11/03/jquery-1-7-released/
A menü megvalósítható a fent leírt módonn, de script forrása és megvalósításhoz szükséges állomány letölthető a következő helyről is.
http://tympanus.net/codrops/2009/12/08/beautiful-slide-out-navigation-revised/
Az oldalon részletes leírás és demó található. (angol )

Az ikonok pedig innen leszedhetők:
http://dryicons.com/free-icons/preview/colorful-stickers-icons-set/
http://dryicons.com/free-icons/preview/colorful-stickers-part-2-icons-set/
http://dryicons.com/free-icons/preview/colorful-stickers-part-3-icons-set/
http://dryicons.com/free-icons/preview/colorful-stickers-part-4-icons-set/

Jó gyakorlást kívánunk!

További, hasonló honlapkészítési megoldásokért iratkozzon be Webdesigner Mester képzésünkre, melynek sikeres elvégzése után képzett Webdesignerként dolgozhat!
2012 januártól képzéseink az aktuális munkaerő piaci elvárásokhoz igazodva megújultak, a Webdesigner Mester képzés már WordPress modult is tartalmaz.

Olvassa el a részleteket a képzésről:
Webdesigner Mester képzés- emelt szintű weblapkészítő tanfolyam

További, január végén induló webes, grafikai, és tervezői képzéseink PHP-Weprogramozó, Web Artist (PHP + Webdesign), Photoshop képzések, Corel, Grafika Mester, Auto-és ArchiCad , Illustrator, InDesign:
Kiscsoportos informatika tanfolyamok januárban

Jelentkezési határidő január 27!

Jelentkezzen itt!

Várjuk szeretettel januári képzéseinkre!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

12-01-05

» WordPress és saját CMS programozása

Idei első blogbejegyzésünkben szeretnénk minden kedves Blogolvasónknak sikerekben gazdag, dinamikus Új Évet kívánni!

Iskolánk a 2012-es évet fejlesztésekkel indította annak érdekében, hogy informatika képzéseink még inkább igazodjanak a jelenlegi munkaerő piaci elvárásokhoz.

A munkaerő piaci elvárásokhoz igazodva bizonyos tanfolyamaink
tematikája megváltozott ill. kibővült annak érdekében,
hogy végzős tanulóink még felkészültebben kamatoztathassák
friss tudásukat a választott szakterületen.

Helyet kapott például a Webdesigner képzésben a WordPress
modul, a Webprogramozó képzésben pedig a saját CMS rendszerek programozása modul.
A fejlesztéseket egyértelműen a szakembereket érintő emelkedő elvárások hívták életre.

Számos képzés óraszáma emelkedett, illetve a tematikák is bővültek.

További újdonság, hogy bizonyos képzések mellé az ajándék CD-ken túl Pendrive is jár annak érdekében, hogy tanulóink biztonságosan hordozhassák adataikat, munkáikat, amiken épp dolgoznak.

Nálunk már január eleje óta csattognak a billentyűzetek, induló csoportjainkról itt olvashat bővebben:
Január közepén induló számítástechnika tanfolyamaink

Fontos hír továbbá, hogy a január végén startoló
Webprogramozó Mester és Web Artist csoportjainkba már
csak 1-2 szabad helyünk maradt!

Legkésőbb január 20-ig még leadhatja jelentkezését
Php-s és Web Artist-os csoportjainkba!

További, január végén induló kiscsoportos képzéseink (jelentkezési határidő január 23):
Webdesigner Mester, CorelDraw Alap-és Mester,
Adobe Photoshop Alap-és Bajnok, Illustrator kiadványszerkesztő,
AutoCad, ArchiCad csoportok.

A képzésekről bő leírást itt talál!

Várjuk szeretettel januári képzéseinkre!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-12-19

» Színek kontrasztjának növelése a "Photoshop"-ban

Attila mai cikkéből megtudhatjuk, hogyan tudjuk képeinken a színek kontrasztját megnövelni, ezáltal javítva a kép minőségét.

1. Első lépésként nyissuk meg a képet.

2. Követkző lépésként duplikáljuk a réteget!

3. Konvertáljuk intelligens objektummá.

4. A réteg stílust átállítjuk color-ra.

5. Az alábbi beállításokkal élesítjük a felső réteget:

6. Lássuk az eredményt:

Jó gyakorlást kívánunk!

További izgalmas grafikai megoldásokat, trükköket Photoshop képzéseinken ismerhet meg!

Dolgozzon képzett webes,-vagy nyomdai grafikusként célirányos grafikai tanfolyamaink elvégzése után!

A január első felében induló Grafikai képzéseinkre december 31-ig még jelentkezhet!

Jelezze részvételi szándékát a januári csoportokra legkésőbb december 31-ig, és mi biztosítjuk a 2011-es évi padlóáras tandíjat Önnek!

Vigyázat!
Ajánlatunkat csak akkor tudjuk fenntartani, ha legkésőbb december 31-ig jelzi részvételi szándékát a januári csoportokba!

Induló képzéseinkről itt olvashat bővebben:
2012 januárban induló informatika tanfolyamaink

Töltse le Karácsonyi Meglepetésünket, amit már be is válthat a januári csoportokban!

Várjuk szeretettel képzéseinkre januárban is!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-12-13

» Megdöbbentő ajánlat!-Informatika Sikerszakmák 2012

Érthető, hogy az ünnepi készülődésben, ajándékok után kutatva nem feltétlen a tanulás az első, ami az ember eszébe jut.

Ezért is döntöttünk úgy, hogy ajánlatunkat még pár hétig fenntartjuk! egészen pontosan december 31-ig!

De az ajánlat nem való mindnekinek....

Kiknek szól az ajánlatunk?

Mindenképpen csak azoknak, akik eldöntötték, hogy olyan nformatika szakterületeket szeretnének kitnaulni magas szinten, amely területeken 2012-ben is nagy igény van jó szakemberekre.

Lehet, hogy Ön már alapszinten benne van valamelyik szakterületben, de általában van egy olyan szint, ahol az ember eléri a korlátait, és autodidakta tanulással nehezen lép tovább.

Szerencsére van megoldás!

Használja ki most megdöbbentő ajánlatunkat,
és jelentkezzen a 2012 január első felében induló
informatika tanfolyamainkra még a 2011-es padlóáron!

Jelezze felénk részvételi szándékát
legkésőbb december 31-ig,
és mi garantáljuk,hogy
a választott képzést még a 2011-es
padlóáras tandíjon végezheti el!

Vigyázat!

Ajánlatunkat csak abban az esetben
tudjuk fenntartani, ha legkésőbb
december 31-ig jelzi részvételi
szándékát!

Január elején induló kiscsoportos képzéseink:

Designer csoportok: Web Artist (PHP és Webdesigner végzettség egyetlen képzés alatt), Webprogramozó Mester, Webdesigner Mester

"Alapozó tanfolyamok": Win Op rendszer, Access, Office.

Grafikai csoportok: CorelDraw Alap-és Mester, Adobe Photoshop Alap-és Bajnok, Grafika Mester, Illustrator

Tervezői csoportok:
ArchiCad Alap-és Mester, AutoCad Alap-és Mester

Részletes tematikát, leírást az egyes képzésekről itt talál!

Ne feledje!

Utolsó lehetőség,
hogy még a 2011-es tandíjon szerezhessen piacképes informatika sazkmát!
Ehhez nem kell mást teniie, mint jeleznie részvételi szándéékát itt, vagy akár telefonos elérhetőségeinken!

Várjuk jelentkezését!
Netlogi C School

Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

Kihelyezett vállalati számítástechnika képzésekkel az egész ország területén!

11-11-26

» ArchiCad Tervező, Webdesigner, PHP-s szakember!-Utolsó lehetőség!

LAST MINUTE JELENTKEZÉS
AZ ÉV UTOLSÓ
INDULÓ
Webdesigner Mester, és Web Artist csoportjaiba!

Heti 1 alkalom, szombatonként délelőtt!

Legyen ott az induló Webdesigner csoportban 112.000,- helyett csupán 99.000,-ért!
Webdesigner Mester képzés

Legyen ott az induló Web Artist csoportban 186.400,- helyett
csak 169.000-ért!

Web Artist képzés

A Web Artist képzésnek köszönhetően most egyetlen képzés alatt Webdesigner és PHP-Webprogramozó végzettséget egyaránt szerez!

Utolsó lehetőség, hogy még az idei árnál is kedvezményesebben
szerezzen használható informatika szakmát!

Máris jelentkezem!

Csatlakozzon a decemberi csoportokhoz!
Utolsó lehetőség ebben az évben, hogy még a 2011-es kedvezményes áron szerezzen piacképes informatika szakmát!

Legvégső jelentkezési hatásidő december 12 !!!

LAST MINUTE JELENTKEZÉS
AZ ÉV UTOLSÓ
ArchiCad Tervező képzéseire!

Utolsó lehetőség, hogy még az idei áron megtanulja a profi építészeti tervezést!

Felejtse el a papír alapú tervezést, legyen profi ArchiCad-ben!
Tervezzen tetőket, házakat, csarnokokat!

indulnak:
Archicad Alap képzés
ArchiCad Mester tanfolyam

Máris jelentkezem!

Várjuk szeretettel induló, kiscsoportos képzéseinkre!

Használja ki a lehetőséget, hogy most még az idei, kedvezményes áron szerezhet piacképes informatika szakmát!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-11-22

» Karácsonyi díszek készítése CorelDraw programmal!

Tamás legújabb útmutatásainak köszönhetően már karácsonyi hangulatba hozhatjuk magunkat!
Kössük össze a kellemest a hasznossal, tervezzük karácsonyi díszeket a CorelDraw program segítségével!

Kisgyerekes családoknál remek program lehet, ha a fára kerülő díszeket is a gyerkőcökkel együtt készítjük el, s nem csak díszítünk.
A mai alkalommal néhány, otthon is elkészíthető mintát fogunk megalkotni.
Vágjunk is bele!

Az első, talán legegyszerűbb alkotásunk egy gömb lesz.

Egy körből indulunk ki, amire egy radial színátmenetet (fountain fill) teszünk a három-dimenzió illúzióját keltve.

A végén ne felejtsünk el egy kisebb fehér kört a mintára húzni, ami az akasztó/szalag helye lesz.
Ha akarunk, használhatunk fakó színeket, hogy nyomtatás után a gyerekek még tudjanak mintákat rajzolni a díszre, esetleg átszínezni egy kicsit azt.
A lenti ábrán láthatjuk az elkészítés menetét.

A következőkben néhány egyszerű mozdulattal, alap alakzatokból fogunk hópihéket kreálni, amik szintén jól mutathatnak a karácsonyfán.

A lenti képeken láthatjuk, hogy az első esetben téglalapokból indultunk ki, amiket egymásra pakoltunk, majd az összes elemet együtt kijelölve körbekerítettük azt, így kaptuk meg a második sor első alakzatát.
Utána két négyzet eltorzításával és forgatásával elkészült a hópihe belseje, amit illesztettünk a „szárához”, csoportba rendeztük, majd duplikáltuk őket négyszer, és 90°-al elforgatva elkészítettük a hópelyhet.

A második hópelyhünk elkészítése egy picit trükkösebb, mint az előzőé, így egy kicsivel több türelmet kíván.
A hópihe „szárát” ismét téglalapokból rakjuk össze az előző módszerrel.
A „belsejét” ellenben hatszögekből alakítjuk ki. A poligon-rajzoló eszközzel először egy tompább szögű csillagot, majd egy hegyes szögűt rajzolunk, amiket középpontosan illesztünk egymásra.
Kell még két csillag, amit a formázó eszközzel kisimítva, két szabályos hatszöget kapunk – egy kisebbet, és egy nagyobbat. Előbbit illesztjük a csillagokhoz.
A nagyobb sarkaihoz a hópihe szárát igazítjuk, és középpontosan másoljuk (Transformation=>Rotate) 60°-onként, még ötször.
Utána ezt az alakzatot is körbekerítjük így megkapjuk a hópelyhünk szélét. Ha akarunk, már tehetünk mögé egy színes hátteret, megkönnyítve ezzel a nyomtatás utáni kivágást, és a gyerekek dolgát is.

A képen látható a folyamat.

Végül rajzolhatunk még néhány mintát.
A fenti technikákkal ezek sem fognak különösebb nehézséget okozni.
Torzítással, méretezéssel, körülkerítéssel, csoportosítással, illetve „elsőből a hátsót” vagy „hátsóból az elsőt” módszerekkel, és egy cseppnyi kreativitással megoldhatóak. Különösebb magyarázatot nem fűznék hozzájuk.

Ha valahol nehézségekbe ütközünk, alakítsuk görbévé az alakzatot ,és formázó eszközzel vigyük arrébb a fogópontokat, az íveken. Néhány forma a Corel-be be van építve, ezeket a Basic Shapes palettán találjuk.

Mindenkinek jó gyakorlást, és már most kellemes ünnepeket kívánunk!

tanuljon még az idei, kedvezményes áron informatika sikerszakmákat, és biztosítsa helyét még időben az induló kiscsoportos képzéseinkre!

November végén, és december elején induló kiscsoportos tanfolyamaink:

Induló designer csoportjaink:
Web Artist, Webprogramozó Mester, Webdesigner Mester

"Alapozó képzések":
Win Op rendszer, Access, Office.

Induló grafikai tanfolyamaink:
CorelDraw Alap-és Mester, Adobe Photoshop Alap-és Bajnok, Grafika Mester

Induló tervezői képzésünk:
ArchiCad Alap-és Mester

Részletek a képzésekről itt!

Jelentkezési határidő december 2!

Használja ki, hogy még az idei, kedvezményes áron szerezhet piacképes informatika tudást nálunk!

Ráadásul sikeresen vizsgázott tanulóinkat álláslehetőségekkel, és gyakornoki munkalehetőségekkel is segítjük!!

Várjuk gyakorlat orientált informatika képzéseinkre még az idei évben!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-11-16

» Sminkeljünk Photoshopban!

Attila mai cikkéből megtudhatjuk, hogyan sminkeljünk okosan a Photoshop programban.

Első lépésként beolvassuk a képet, amit sminkelni szeretnénk.

2. Kiválasztjuk a szint, amivel sminkelni szeretnénk. (később szabadon cserélhetjük)

3. "Rectangle Tool" / Shape layer eszközzel rajzolunk 1 bármekkora formát.

4. Letöröljük a keletkezett réteg (Layer) Vektor maszkját.

5. Rétegmaszkot rendelünk hozzá (hidde all).

6. Brush (ecset) eszközzel fehér kitöltő színnel 5-10% opacity (az árnyalás kedvéért) festünk 1 réteget (sminkelünk) a Shape1 réteg "Layer mask" csatornára.

7. A "Shape 1" réteg tulajdonságát Normál-ról át váltjuk "Darken" (vagy más stílusra ami nekünk a legoptimálisabb)

8. Ezt követően már "csak" sminkelnünk kell.
Ahol l többször átfestjük, ott érősseb lesz a festésük, ahol csak egyszer, ott vékony lesz a festék.

Ha több színnel szeretnénk festeni, akkor csak meg kell ismételni más színnel, és újabb réteggel.

Színváltoztatáshoz csak rákattintunk 2x a Layer palettán a színre, és egy másik színt választunk.

Sokk sikert a sminkeléshez!

Még több tippért és tutorialért látogasson el rendszeresen blogunkra, vagy Facebook csoportunkba!

Várjuk a november végén induló kiscsoportos, grafikai képzéseinkre is, ahol még számtlaan látványos grafikai megoldással találkozhat!

Induló grafikai csoportjaink:

- CorelDraw Alapfokon képzés
- CorelDraw Mesterfokon
- Grafika Mester tanfolyam
- Adobe Photoshop Alap képzés
- Adobe Photoshop Bajnok tanfolyam

Jelentkezzen induló grafikai tanfolyamainkra legkésőbb november 25-ig!

Használja ki, hogy még az idei, kedvezményes áron szerezhet piacképes informatika tudást!

Ráadásul sikeresen vizsgázott tanulóinkat álláslehetőségekkel, és gyakornoki munkalehetőségekkel is segítjük!!

Várjuk gyakorlat orientált informatika tanfolyamainkra novemberben is!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-11-11

» Melyik böngészőkre kell figyelni?

Ha valaki webdesign-nal, webprogramozással, vagy site buildinggel foglalkozik, elengedhetetlen, és megkerülhetetlen tényező, hogy a böngészőkompatibilitást figyelembe vegye.
Nekik szeretnénk néhány tippel, és fejlesztési javaslatot adni.

Melyik böngészőkre kell figyelni?
A piackutatások szerint a legelterjedtebb még mindig az Internet Explorer, de ne felejtsük el, hogy ez a böngésző a 6,7,8, és a legújabb 9-es verziókkal is képviselteti magát.

Ha a 6-o, és 7-es verziókra is optimalizálni szeretnénk, az körülbelül a teljes fejlesztés 5-10%-át fogja még pluszban kitenni.

A 8-as verzió Windows Vistán, a 9-es csak Windows 7-en érhető el.
A 9-es verzióban van kompatibilitási nézet, ami tartalmazza a 8-as és a 7-es verziót is, így gombnyomással váltani tudunk köztük.

A második a listán a Mozilla Firefox.
Ezzel a böngészővel viszonylag kevés gondunk lesz, mivel a sok hasznos kiegészítője miatt – kicsit lejjebb részletezzük is – a fejlesztők nagy része ezt a böngészőt használja.
A legfrissebb verziója a 6.

A harmadik helyezett a Chrome, ami a 13-as verziószámnál jár jelenleg.
A piac leggyorsabb, és legletisztultabb résztvevője. Nem lesz vele sok gondunk.

A Safari foglalja el a negyedik helyet.
A program ugyanarra a motorra épül, mint a Chrome. Viszont a karakterek megjelenítésre figyeljünk oda, mert a program vastagabban kezeli le még a fix értékre állított betűket is, kellemetlen meglepetéseket okozva ezzel.
Jelenlegi verzió száma: 5.

Az utolsó említésre érdemes helyre esett vissza az Opera.
Az operánál a stíluslapon beállított padding, és margin értékekre figyeljünk oda, mert a böngésző hajlamos másként értelmezni az adott értéket, mint a többi.
Ezt leszámítva nem lesz vele gondunk. Verziószáma: 11.5.

Ahogy feljebb ígértük következzen néhány hasznos Firefox kiegészítő, ami megkönnyítheti a munkánkat:

Firebug: Telepítése után interaktívan módosíthatjuk az oldalunk html kódját, stíluslapját, valamint megjelenít egy javascript konzolt, ami kijelzi a futtatás közben jelentkező esetleges hibákat. Fontos megjegyezni, hogy a változásainkat elmenteni nem tudjuk, ehhez továbbra is külső szerkesztő programot – például Notepad++ – kell használnunk.

Page Speed: Ez a Firebug egy beépülő modulja, ami az oldalunk sebességét méri le, majd egy 1-től 100-as skálán besorolja azt. Minél jobb eredményt érünk el, annál gyorsabb az oldalunk. A program szolgál fejlesztési javaslatokkal is, hogy min változtassunk a jobb Page Speed érték eléréséhez.

DOM Inspector: Ez a Page Speed kiegészítője, ami leellenőrzi nekünk a stíluslapon használt kiválasztók helyességét, illetve ha valamelyik épp nincs használatban, felhívja rá a figyelmünket.

Measure It: Egy virtuális vonalzót jelenít meg az oldalunk felületén, egy virtuális rétegen. Ennek az eszköznek a segítségével egyszerűen, és gyorsan le tudjuk mérni egy-egy objektum padding, vagy margin értékeit, vagy az objektumok közti távolságokat.

Pixel Perfect: Egy virtuális rétegre be tudjuk tölteni például az oldal látványtervét, aminek segítségével könnyen tudjuk pozícionálni az éles oldalon lévő elemeket, illetve igazítani a stílusukat.

Kellemes szörfözést kívánunk! :-))

Ha kedvet kapott a weblapkészítéshez,
akkor semmiképp se maradjon le novemberi
Webdesigner Mester, Akkreditált Webprogramozó Mester, és Web Artist (Webprogrmaozó és Webdesigner tanfolyam egyben) csoportjainkról!

Jelentkezzen induló weblapkészítő tanfolyamainkra legkésőbb november 15-ig!

Várjuk gyakorlat orientált informatika tanfolyamainkra novemberben is!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-08-22

» Ha nem elégszik meg az elmélettel!

Iskolánk egész nyáron nyitva tartott, hiszen sokan júniusban, júliusban, vagy épp aigusztusban döntöttek úgy, hogy a nyári nyugodalmasabb időszakot nem csak pihenésre, hanem tanulásra használják.

Azoknak sem kell bánkódniuk, akik a nyár derekán nem jutottak el hozzánk. Bár az augusztusból még egy hét maradt, Önnek már szeptember elején megadatik a lehetőség, hogy elinduljon a következő csoportokkal!

- Ha nem elégszik meg az elméleti képzésekkel, és a gyakorlatban akarja a választott informatika területet kitanulni..
- Ha unja "tömeges" képzéseket, ahol nem figyelnek eléggé Önre...
- Ha nem tud ott lenni minden órán, mert fix időpontokat tűznek ki, és nincs mód a változtatásra...
... akkor velünk tanuljon!

Nálunk a "kiscsoportos" képzés valóban kis csoportokat jelent, ebből kifolyólag a tanárok figyelnek Önre!

Az informatika területen egyedülállóan gyakorlatias képzéseink vannak, mert tudjuk, hogy az elmélettel önmagában nem sokra fog menni, ha leültetik a munkahelyen egy számítógép elé, vagy éppen speciális programokkal kell dolgoznia.

A cégeknél sajnos már egyre kevesebb az idő és energia a betanításra, ezért nagy előnnyel indul az, aki már eleve gyakorlatias, kiforrt tudással indul neki a munkának, és a szakirányú képzés alatt egyúttal gyakorlatot is szerez!

Ha már a munkánál tartunk... azt tudta, hogy a Netlogi C School a képzései végén egyúttal aktuális állásajánlatokat is közvetít a végzős tanulói felé?

Olvassa el itt, hogyan segítettek másoknak a Netlogi C School informatika képzések a továbblépésben!

Már szeptember elején elindulhat a következő csoportokkal!
Kattintson ide a szeptemberi palettához, és válassza ki az Önnek megfelelő informatika képzést!

A képzések bő leírásáért látogasson el tanfolyami oldalunkra!

Várjuk induló csoportjainkba!

Netlogi C School
Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-08-15

» Weblap sablon készítése Photoshopban!

Bámulatos, hogy a Photoshop program mennyi mindenre használható.
Attila mai cikkéből megtudhatja, hogyan késízthet Ön is igényes weblap sablont a Photoshop programmal, melyet azután természetesen honlap készítéséhez használhat fel.

1 Lépés:

Látvány összeállítása.

A felület alapjának létrehozása. (1024x768)

Háttérkép kialakítása (ehhez a válaszuk a file/place parancsot)

Helyezzük el a linkek képeit is a file/place, és írjuk fel (olvasható, képernyőre optimalizált

betűvel) a szöveget is.

Ez után a kenyér szöveg alapját hozzuk létre (a szöveget a web szerkesztő programba visszük be).

Itt a festő színnek fehérnek, az eszközöknek pedig "shape"-n kell állniuk.

A réteg áttetszőségét állítsuk 70%-ra:

Tüntessük fel a Szerzőt, fotóst, és a Copyright

infókat is.

2. Ezután a szeletelő (slice tool) eszközzel kijelöljük a fram-eket, és rögtön linkekkel is elláthatjuk.

3. Mentés "Save for WEB & Devices".

A minőségtől függően válaszuk meg az egyes "frame" file minőségét (GIF, JPG ...)

Itt a mentésnél HTML és Image opciót válaszuk.

Ezzel el is készült a sablonunk.

Amennyiben szívesen megtanulná a Photoshop program kezelését, úgy most még jelentkezhet az induló pécsi Photoshop Alapképzésre!

Váljon bajnokká a Photoshop programban!
Jelentkezzen az induló pécsi Photoshop Bajnok tanfolyamra!

Jelentkezési határidő augusztus 27!
Jelentkezés itt!

Katt!- További induló, gyakorlat orientált kiscsoportos informatika képzés eink

Netlogi C School
Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-08-08

» Most még választhat: Webdesigner, Webprogramozó, Webgrafikus, vagy Cad Tervező?

Vészesen fogy az idő, hiszen az augusztus közepén induló pécsi kiscsoportos, informatika képzéseinkre már csak néhány napig, egész pontosan augusztus 15-ig adhatja le a jelentkezését!

Induljon el már az augusztusi csoportokkal, és szerezze meg minél előbb a választott képzettséget!

Most még van pár hely az induló augusztusi csoportokba! Jelentkezzen még ma, nehogy kicsússzon a határidőből!

Válasszon csoportot most:

- Webdesigner Mester-emelt szintű weblapkészítő tanfolyam
- WordPress tanfolyam

- PHP-Webprogramozó Mester-dolgozzon képzett webprogramozóként!
- Web Artist tanfolyam-szerezzen Webdesigner és Webprogramozó képzettséget egyetlen képzés alatt!

- Adobe Photoshop Alapképzés
- Adobe Photoshop Bajnok tanfolyam - váljon bajnokká a Photoshop programban!

- AutoCad 2 és 3D-s Tervező képzés- felejtse el a papír alapú tervezést!

Ne feledje, adja le jelentkezését a választott tanfolyamra legkésőbb augusztus 15-ig!

Kattintson ide a Budapesten induló képzéseinkhez!

Várjuk szeretettel induló csoportjainkba!

Netlogi C School
Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-07-30

» Menü készítése gneerátorral, és CSS formázás!

Menü készítése generátorral és CSS működése és formázási lehetőségeinek bemutatása

Ákosnak köszönhetően mai cikkünkben CSS menü generátorral készített navigációt mutatunk be, valamint ennek a személyre szabási lehetőségeit.

Az oldal, ahol a menüt elkészíttük:
http://www.cssmenumaker.com/builder/menu_info.php?menu=038

Ez egy narancssárga függőleges menü. A Customize-re kattintva létrehozhatjuk a saját menünket.

1. Step 1: Create Menu Structure:

Struktúra, vagyis a menüpontok létrehozása. Az Add Button gombra kattintva beírhatjuk a menü szővegét, címét, a hivatkozást, és azt, hogy melyik ablakban nyíljon meg.

A következőt készítettem el:

               <a href="index.html" target="_self">Bemutatkozás</a>

               <a href="hirek.html" target="_self">Hírek</a>

               <a href="kapcsolat.html" target="_self">Kapcsolat</a>

2. A Preview Menu-re kattintva a következő lépéshez jutunk.

3. Step 2: Preview Menu Design

Kipróbálhatjuk, tovább szerkeszthetjük, vagy a Step 3 Download-ra kattintva letölthetjük az elkészült struktúrát.

4. Step 3: Download Your Menu

Download Now gombbal letölthetjük a menüt.

A zip fájlt letöltve és kicsomagolva a következőket kaptuk:

Sample: Mintaoldal, amin a menü működését kipróbálhatjuk.

installation_instruction: Leírás arról, hogy mit is kell csinálnunk.

menu (mappa): Maga a menühöz szükséges css és kép van benne.

5. Installation instruction leírása:

INSTALLATION INSTRUCTIONS

1) Upload the "Menu" folder to the root directory of your website.
( a menu mappát el kell helyeznünk a site-unkba )

2) Copy and paste the code below to the desired spot in your site.
( Másoljuk copy és paste segítségével az alábbi kódot a készülő oldalunkra )

6. A kód elemzése:

<head>

</head>

A fenti kóddal csatoljuk a css fájlt az oldalunkhoz.
A head tag-ek jelzik, hogy ezt az oldal mely részébe kell tenni.

Természetesen a webszerkesztő által biztosított css csatolást is lehet használni, href rész ebben az esetben az aktuális helyre mutat, de ha a menu mappa máshol van, mint ami a kódban szerepel, és bemásolással oldjuk meg, akkor figyelni kell a helyes útvonalra.

A body-ba másolva a menü feltűnik az oldalon.

<ul>

<li><a href="index.html" target="_self">Bemutatkoz�s</a></li>

<li><a href="kapcsolat.html" target="_self">Kapcsolat</a></li>

</ul>

</div>

Az outer osztály tartalmazza a menu4 azonosítóju div-et.

Outer CSS beállításai:

.outer{

margin:0px;

padding:0px;

}

A margó és a padding beállításaival lehet a menü poziciót állítani, és ehhez a részhez háttérszín, illetve egyéb háttérbeállításokat megadva lehet az oldalunk külalakjához igazítani.

menu4 –hez rendelt CSS beállítások:

Tehát a működési mód a következő: A háttér kezdő pozícióját eltoljuk minden állapotban.

A módszer előnye, hogy a kép letöltődésekor minden állapot képe letöltődik, ezért a megjelenítés gyorsabb lehet, mint abban az esetben, amikor az új képet csak az állapothoz rendeljük.

Amennyiben még többet szeretne megtudni a témáról, vagy szívesen kitanulná a professzionális weblapkészítést, akkor legyen ott az augusztus közepén induló PÉCSI, vagy a augusztus végén induló BUDAPESTI Webdesign képzéseink valamelyikén!!

Induló csoportok:
- Akkreditált PHP-MYSQL Webprogramozó Mester képzés
- Web Artist képzés- Webdesign és Webprogramozó végzettség egyetlen képzés alatt!!
- Webdesigner Mester- emelt szintű weblapkészítő tanfolyam

Jelentkezési határidő augusztus 15!
Jelentkezzen itt!

Használja ki a nyarat, és szerezzen használható informatika tudást augusztusban is!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-07-23

» LAST MINUTE-Szerezzen grafikai végzettséget most PADLÓÁRON!

LAST MINUTE!
Szerezzen grafikusi végzettséget most padlóáron!

A LAST MINUTE akciónak köszönhetően következő induló Photoshop, Photoshop Bajnok, CorelDraw, és Grafika Mester képzéseinkre most padlóáron válthat jegyet!

VIGYÁZAT!
Ajánlatunk csak 07.29-ig szól!

Az akcióban részt vevő, induló képzéseink:

- Adobe Photoshop Alapképzés
- Adobe Photoshop Bajnok tanfolyam
- Adobe Photoshop Artist tanfolyam
- CorelDraw Alapképzés
- CorelDraw Mester tanfolyam
- Grafika Mester képzés

Adja le jelentkezését fenti grafikai képzéseinkre legkésőbb július 29-ig, és mi biztosítjuk Önnek a kedvezményes árat a következő induló csoportban!

Várjuk gyakorlat orientált informatika tanfolyamainkra nyáron is!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-07-12

» Hűsítő vizes felirat készítése Corelben!

A nagy kánikulára való tekintettel úgy gondoltuk, hogy Tamás új "hűsítő" cikkével gazdagítjuk ma az informatika blogot.

Vízzel fogunk dolgozni, pontosabban egy medence alján fogunk feliratot létrehozni.
Vágjunk is bele!

Indítsuk el a CorelDraw-t, keressünk az interneten egy medencés képet.

Készítsünk egy feliratot olvasható betűtípussal, nagy méretben, majd torzítsuk a medence perspektívájára.
Ezt úgy tudjuk elérni, ha a szöveget kijelöljük, majd az Effects menüpontban található Add perspective-t kiválasztjuk, és hozzáigazítjuk a feliratot a medencéhez.

Ha ezzel kész vagyunk, konvertáljuk át bitképpé a szöveget, majd állítsunk be rá egy számunkra tetszőleges mértékű átlátszóságot .

Ezután a Bitmaps=>Distort=>Ripple menüponttal kísérletezve állítsunk be -egy a medence hullámintenzitásához hasonló- torzítást.
Ha még élethűbbé szeretnénk tenni a kapott képet akkor a Bitmaps=>Creative=>Weather menüponjában állítsunk be egy kisebb fog értéket, hogy a szöveg kapjon még egy kis textúrát.

Sok más, ennél még látványosabb grafikai trükkel, izgalmas megoldásokkal várjuk a július végén, és augusztus elején induló grafikai képzéseinken!

Induló grafikai tanfolyamaink:

- CorelDraw tanfolyam
- Photoshop Alapképzés
- Photoshop Bajnok képzés
- Photoshop Artist képzés
- Grafika Mesterfokon tanfolyam

Az induló pécsi csoportokba július 29-ig lehet jelentkezni a LAST MINUTE kedvezmény keretében!

Induló Budapesti képzéseinkre július 25-ig jelentkezhet!

Most minden nyári képzésünk mellé egy 4GB-os Pendrive-ot adunk ajándékba!

Várjuk gyakorlat orientált informatika képzéseinkre júliusban is!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-07-02

» Happy Summer!- Ingyen adjuk a Pendrive-ot!

Nem, nem őrültünk meg, csupán 2011.07.01-én kezdetét vette hihetetlen nyári akciónk, melynek keretében ingyen adunk Pendrive-ot! :-)
Ön jelentkezett már érte?!

HAPPY SUMMER!
Jelentkezzen nyári képzéseinkre,
és beiratkozása mellé most egy
4GB-os Pendrive-ot adunk ajándékba!

VIGYÁZAT!
Az akció
2011.07-01-2011. 07.20-ig tart!

Amennyiben ezen időperiódus alatt iratkozik be júliusi, vagy augusztusi nyári képzéseinkre, az első tanórán egy 4GB-os Pendrive üti a markát!

Klikk! Induló képzéseink!

Figyelem!
Júliusi képzéseinkre július 15-ig lehet jelentkezni!

Használja ki a nyarat, és szerezzen használható informatika tudást júliusi és augusztusi képzéseinken is!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-06-21

» LAST MINUTE!-Szerezzen Webprogramozó és Webdesigner szakmát padlóáron!

Egy fantasztikus lehetőséggel lepjük meg ezen a héten, hiszen június végén induló PÉCSI Webprogramozó Mester és Web Artist csoportunkba most padlóáron csatlakozhat!

VIGYÁZAT! AZ AJÁNLAT CSAK 3 NAPIG ÉL!!

Most 10% kedvezménnyel csatlakozhat a PÉCSI induló csoportokba!!!

Mit jelent ez Önnek?

Súlyos forintokat, amelyekkel csökkenti a tandíját, ha 3 napon belül leadja jelentkezését a két képzés valamelyikére!

Konkrétan?

A PHP-Webprogramozó képzés eredeti ára 119.000 Ft, ehelyett most Ön 11.900- FT-ot megtakarít, vagyis most 107.100 fT-ért szerezhet államilag elismert, akkreditált Webprogramozó végzettséget!

Katt!-Webprogramozó képzés

A Web Artist képzés ára eredetileg 186.400 FT, melyből most 18.640 FT kedvezményt adunk Önnek, vagyis mindössze 167760 FT-ért két elismert szakmát szerez egyetlen képzés alatt: Webdesigner és Webprogramozó végzettséget!:

Katt!- Web Artist képzés.

Ne feledje, hogy ez a fantasztikus ajánlat csak 3 napig él, és a következő induló csoportra vonatkozik!

Ez azt jelenti, hogy legkésőbb csütörtök estig (06.23) jeleznie kell részvételi szándékát emailben, telefonon, vagy akár az alábbi űrlap kitöltésével:

Mi időben szóltunk! Most Önön a sor!

Vegye fel velünk a kapcsolatot, és hivatkozzon a LAST MINUTE kedvezményre!

Használja ki a nyarat, és szerezzen használható informatika tudást júniusban is!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-06-14

» Tuti weblapkészítési tippek-II.rész

Mai bejegyzésünkben folytatjuk azokat a tanácsokat, tippeket, amiket már elkezdtünk tárgyalni a cikk első részében.

Folytassuk a listát a következő ponttal!

5. Adminisztrációs felület:

Ha terveztünk a webalapunknak adminisztrációs felületet, nagyon figyeljünk oda annak kialakítására.
Ne felejtsük el, hogy ha nem mi fogjuk frissíteni, és karbantartani az oldalt, hanem az ügyfél maga, akkor az admin felületnek – az oldal alap profiljánál – jóval átláthatóbbnak, és felhasználhatóbbnak kell lennie. Használjunk kevés színt, letisztult és átlátható menü rendszert, és vegyük figyelembe a könnyű szerkeszthetőséget.
Biztonsági szempontból az adminisztrációs felület felhasználónevét és jelszavát ne az „admin-admin” szisztéma alapján válasszuk meg. Lehetőleg névnek is valami egyedit válasszunk, és ne az oldal domain neve legyen az, valamint a jelszó legalább nyolc karakterből álló, véletlen generált szöveg legyen.

6. Karbantartás, frissítés:

Az oldalunk tartalmát, még ha csak havonta egyszer is, igyekezzünk akár minimálisan is megújítani.
Nem kell sokra gondolni, elég egy-egy új cikk, vagy egy akció szövegének megírása. Ahogy előzőleg is említettem, fontos hogy naprakészek legyenek az információk, és megújuló legyen a tartalom.
Ha szükséges, frissítsük az oldalon használt kiegészítőket, bővítményeket, és modulokat is. Mielőtt ennek nekiállnánk, fontos, hogy készítsünk backupot az oldalról.

7. Marketing:

Semmiképp sem elhanyagolható szempont!
Ha lehet, az oldalunk designjába tervezzünk kiadható reklámfelületeket.
A honlap szövegében, emeljük ki, hogy a mi cégünk, vagy vállalkozásunk mivel kínál többet, mint a konkurencia.
Emellett az oldalt ne felejtsük több helyen reklámozni.
Hiába van egy cégnek honlapja, attól automatikusan nem lesz sikeres, de egy sikeres cégnek mindenképpen kell, hogy legyen online elérése.
Manapság igen fontos szempont még a közösségi oldalak támogatása is. H
a tudunk készítsünk facebook/iwiw/twitter megosztó linket.
S talán a legolcsóbb megoldás az úgynevezett vírus-marketing, mikor a cégünk egy szolgáltatását például facebookon kezdjük el reklámozni, ami hatványozottan terjed a felhasználók közt, amennyiben felkeltette a célcsoport figyelmét.

+1. Kereső motor optimalizálás:

Erről az opcióról azért nem írtam egészen idáig, mert manapság egyre több cikket olvasni az interneten arról, hogy az egy-két éve még biztosan működő kereső motor optimalizáló trükkök működtek, addig mostanában kevesebb szerepet kapnak.

Példaként említhetném a címsorok jelentősségét. Leginkább ezeket is már csak két kategóriára lehet osztani (h1-h3 illetve h4-h7). Így sokkal többet számít ha az oldalunk hiteles, átlátható, felhasználó barát, és gyors.
Persze, hogy magasabb helyet foglaljon el a keresési listákon, elengedhetetlen a jó kulcsszó összeállítás, amit egy gyors kutatással felmérhetünk.

Mivel egy bizonyos célcsoportnak fejlesztünk, kisebb prioritású címsorok, illetve külső linkek nélkül is tökéletesen megleszünk, mivel az oldal maradék 95%-a tökéletesen funkcionál. Így több mint valószínű, hogy vállalkozásunk számukra könnyen megtalálható lesz az interneten.

Zárszóként még kiemelném az ügyfelekkel való kommunikációt, kapcsolattartást, amit legalább olyan lelkiismeretesen kell végeznünk, mint a honlap leprogramozását.

Fejlesztéshez én mindenképpen a Firefoxot javaslom, a hozzá letölthető app-ok miatt.
Gondolok itt a Firebug-ra, Measure it-re, valamint a Page Speed-re, csak hogy néhányat említsek. Emelett még a google web developer kit-je is segítségünkre lehet.
Ahhoz, hogy a saját munkánkat ellenőrizni tudjuk, mindenképpen telepítsük fel a piacvezető böngészők legújabb verzióját (Chrome, Safari, Opera, Firefox, Internet Explorer).
Sajnos a legtöbb gondot az utóbbi fogja okozni.
Emellett, ha hírlevél küldéssel is foglalkozunk, egy Thunderbird és egy Outlook telepítése is erősen ajánlott.

Ahogy a cikk elején is írtam, ez az a terület, ahol már nem elég a lelkesedés, az embernek folyamatosan fejlődnie kell, és célokat állítania magának. Tudnunk kell objektíven szemlélni a munkánkat, mert az a legfontosabb, hogy a megrendelő elégedett legyen vele.

Ha még többet szeretne megtudni a témáról, vagy szívesen kitanulná a professzionális weblapkészítést, akkor legyen ott a június végén induló PÉCSI, vagy a július végén induló BUDAPESTI Webdesign képzéseink valamelyikén!!

Induló csoportok:
- Akkreditált PHP-MYSQL Webprogramozó Mester képzés
- Web Artist képzés- Webdesign és Webprogramozó végzettség egyetlen képzés alatt!!
- Webdesigner Mester- emelt szintű weblapkészítő tanfolyam

Jelentkezési határidő június 22!
Jelentkezzen itt!

Használja ki a nyarat, és szerezzen használható informatika tudást júniusban is!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-06-09

» Egy ütős szünidei program: Agítröszt Informatika Tábor!

Egy igazán izgalmas, és főként hasznos szünidei programot kínálunk középiskolásoknak, egyetemistáknak.

Szülőknek egy hét nyugi, "csemetéknek" tuti buli!

Láblógatva tanulni?! Velünk lehetséges!
Nyári Agytröszt Informatika Tábor indul Pécsett!

Hétfőtől-péntekig délelőttönként Webdesigner tábor, délutáninként Grafika tábor!

Egy igazán jó buli, ráadásul két piacképes informatika területet is kitanulsz!
Bővebb információ a
NYÁRI AGYTRÖSZT INFORMATIKA TÁBORRÓL itt!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

11-05-30

» Amikor a lelkesedés már nem elég!-I.rész

Tamás mai cikkében érdekes témát boncolgatunk.
Vajon meddig elég a weblapkészítéshez a lelkesedés?
Meddig és mire elég, ha autodidakta módon tanulunk weblapot készíteni?

Manapság az internet életünk szerves részét képezi.
Így nem is meglepő, hogy egyre többen foglalkoznak webdesignnal és webprogramozással.
Sajnos, azonban ez az a terület, amihez hosszútávon nem elég csak a lelkesedés, az autodidakta módon való tanulás, mert az embernek sok szempontot, és szabályt figyelembe kell vennie.
Ezekhez igyekszünk néhány tanácsot adni.

1. Design:

Ez az egyik, ha nem a legfontosabb összetevője honlapunknak.
Ez lesz az a felület, amit a felhasználó, vagy a vevő először pillant majd meg.
Fontos, hogy az oldal designja egyedi, interaktív legyen, de illeszkedjen a cég aktuális profiljába.

A képi elemek ne nyomják el az oldal szöveges tartalmát.
Persze extrém kivételek vannak; például egy festő, vagy fotós honlapja.

Összességében a képi tartalomnak meg kell felelnie az aktuális trendeknek: végtelenített háttér, szabálytalan formák, hideg/meleg színek.
Célszerű a menünk szerkezetét egyszerűre, és átláthatóra tervezni.
Második almenüket inkább már hanyagoljuk, mert ami nincs az ügyfél szeme előtt, és csak hosszas kereséssel találná meg, azt alapvetően elveszett információnak tekinthetjük.

Az elkészített menünket következetesen használjuk az aloldalakon is.
Ha galériát, vagy slideshowt tartalmaz az oldalunk, figyeljünk arra, hogy jó felbontású, éles képekkel töltsük meg őket. Érdemes lehet még vállalkozásunk egyedi logóját is egy jól látható fix helyen feltüntetni. Természetesen ennek is idomulnia kell a teljes designhoz.

2. Tartalom:

A designnal szoros kapcsolatban van az oldal tartalma is.
Az weblap megfogalmazása a célcsoportnak szóljon, és kellő mennyiségű minőségi információt tartalmazzon.
Ezt próbáljuk meg érdekes, és értékes dolgokkal elérni. Lehetőleg kerüljük a közhelyeket, és az unalmas, felesleges adatokat.

A többnyelvűség esetleges opció legyen; először mindenképpen egy nyelvre fejlesszünk. A tartalommal meg kell alapoznunk az üzemeltető, és a vásárló közt zajló kétirányú kommunikációt.
Fontos tehát, hogy lehetőleg egy külön menüpont alatt, az elérhetőségünk fel legyen tüntetve, valamint napra kész tényekkel be tudjuk mutatni vállalkozásunk versenyképességét.
Ügyeljünk arra, hogy a honlapunkon csak jogtiszta tartalom szerepeljen.
Ha kell, tüntessük fel a forrást, vagy kérjünk engedélyt a kép készítőjétől, annak használatára.
Ha egy fejlesztés alatt lévő oldalhoz még nincs tartalmunk, és csak a design van kész, de meg akarjuk mutatni az ügyfélnek, hogyan is nézne ki szöveggel együtt az honlapja, a lipsum.com-on tudunk generálni hozzá tartalmat.

Ennek az az előnye, hogy mivel a lipsum nem értelmes szöveg lesz, nem vonja el a szemlélő figyelmét a design-ról, ellenben látja, hogy hogyan is nézne ki betördelve a későbbi tartalom.

3. Kódolás:

Ha tartalomkezelő programokkal is dolgozunk (Drupal, Joomla, WordpPess), ne feledkezzünk meg az oldalunk kódolásáról.

Itt viszonylag egyszerű dolgunk van, mert a honlap hitelességét könnyen ellenőrizhetjük online w3c validátorral. Ennek használata könnyű, és mind a html kódot, mind a css kódot hitelesíthetjük vele. A hitelességnek a böngészőoptimalizálásban is nagy szerepe van.
Az adott weblap kódja fontos, hogy átlátható legyen: embendeljük (tabulátorral húzzuk beljebb) az összetartozó részeket. Feltétlenül ügyeljünk a redundanciára is. Ez kiváltképp a css kódban szokott hiba lenni; használjunk shortend-eket, ahol csak lehet (shortend: több utasítás egy sorban történő rövidítése), illetve nézzük át a kódot, és rendezzük logikusan az id-kat és a class-okat, s ezt az elrendezést tartsuk be következesetesen.

4. Teljesítmény:

Az előző pontban megalapoztuk az oldalunk teljesítményét az átlátható, és hitelesített kódunkkal. Viszont ezen felül figyelembe kell vennünk még a page speedet is.
A page speed oldalunk sebességét hivatott jelezni. Ezt jelentősen javíthatjuk, ha a képeinket még inkább összetömörítjük (részletvesztés nélkül természetesen).

Honlapunk teljesítményét növelheti, ha mellőzzük a javascript, jquerry, és flash alkalmazásokat.

A 2.rész tartalmából:
- Weblapunk adminisztrációs felülete
- Honlapunk karbantartása, frissítése
- Marketing
- Keresőoptimalizálás

Ha úgy érzi, a lelkesedéssel, és az autodidakta tanulással már nem jut előrébb weblapkészítés témában, akkor itt az ideje, hogy részt vegyen Webdesigner Mester, Webprogramozó Mester, vagy Web Artist képzésünkön, és megtanulja a professzionális honlapkészítést!

Induló csoportok:

- Június 2-ig még lehet csatlakozni a május végén indult Webdesgner Mester és Web Artist csoportokba!

A június első felében induló Webdesigner Mester, Webprogramozó Mester, és Web Artist csoportjainkba június 5-ig jelentkezhet!

Részletek a képzésekről:

Webdesigner Mester képzés

PHP-MYSQL Webprogramozó Mester tanfolyam

Web Artist képzés (Webdesigner és Webprogramozó végzettség egyetlen képzés alatt!)

Várjuk gyakorlat orientált informatika képzéseinkre júniusban is!
Iskolánk egész nyáron nyitva tart!

Budapest-Pécs
Gyakorlat orientált informatika oktatás rugalmas időbeosztással!
www.netlogi-c.net

Netlogi C School online support:

customer service software technical support

A blog szerzői:

Weinzierl Anett
Felnőttképzési szakértő, Kisvállalkozói marketing tanácsadó

Duschák Zoltán
Informatika tanácsadó

Vendégszerkesztők

Eilinger Ákos
mérnök-informatikus, oktató

Filus Attila
Photoshop művész (PS Artist), oktató

Nagy Tamás
okl. villamosmérnök, oktató

Netlogi C School

Reklámozd a saját oldaladat is

Linkek:

Netlogi C School informatika tanfolyamok

Hatékony weboldal készítés

Online marketing tanácsadás

Weinzierl Anett felnőttképzési szakértő, KKV marketing tanácsadó

Linkgyüjtemény

Internet linkek

freeblog admin

Oszd meg, mentsd el! - TurboBookmark.com

Kedves Blogolvasó! Iratkozzon fel hírlevelünkre, és azonnal értesítjük emailben, amint új bejegyzés születik a blogon! Ráadásul hírlevelünkben olyan hasznos tanulmányokat, cikkeket is kiküldünk, amelyeket itt a blogon nem jelenítünk meg!

Minden hírlevél feliratkozónk egy 2000 FT értékű beváltható elektromos tanfolyami kupont kap ajándékba! ráadásul hírlevél feliratkozását követően igénybe veheti ingyenes, online informatika tanácsadásunkat is!

Netlogi C School Informatika Blog

12-01-28

12-01-14

12-01-05

11-12-19

11-12-13

11-11-26

11-11-22

11-11-16

11-11-11

11-08-22

11-08-15

11-08-08

11-07-30

Menü készítése generátorral és CSS működése és formázási lehetőségeinek bemutatása

11-07-23

11-07-12

11-07-02

11-06-21

11-06-14

11-06-09

11-05-30

Linkek:

Legtöbb komment

Archívum

Kategóriák