12-05-14

» Kivilágosodó oldal elemek-linkek létrehozása a weblapon!
2012. máj. 14. 9:16 | írta: netlogic | weboldal készítés, honlapkészítés | Számítástechnika | Webprogramozás | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | vállalati képzések | webdesigner tanfolyam | php webprogramozó tanfolyam | felnőttoktatás Pécs Baranya | akkreditált weblapkészítő tanfolyam képzés |

Ákos mai cikkéből megtudhatjuk, hogyan tudjuk megoldani tetszőleges oldalelemre, hogy "kivilágosodjon", "előtűnjön".

Az effektet JQuery segítségével oldjuk meg, ami beszerezhető itt!

1.    A HTML felépítése
A dokumentumba a letöltés után meg kell csinálnunk a kapcsolatot a JQuery-hez.

<script type="text/javascript" src="js/jquery-1.3.min.js"></script>
Amennyiben nem a fenti helyre mentjük, akkor az útvonalat természetesen aktualizálni kell.


2.    Saját Scriptek elkészítése

Hozzuk létre a custom.js állományt, tetszőleges szövegszerkesztővel, illetve akár a DreamWeaverben, vagy bármilyen html szerkesztővel.

Mentsük ezeket is a js mappába. A fájl tartalma legyen a következő:
// JavaScript Document
$(function() {
//MINDEN BEÁLLÍTÁSA 70% OPACITÁSRA
$("#text").css("opacity","0.7");

// EGÉR RÁVITELÉNEK KEZELÉSE
$("#text").hover(function () {

// ÁTLÁTSZÓSÁG 100%-RA ÁLLÍTÁSA
$(this).stop().animate({
opacity: 1.0
}, "slow");
},

// EGÉR LEMOZGATÁSÁNAK KEZELÉSE
function () {

// OPACITÁS VISSZAÁLLÍTÁSA 70%-RA
$(this).stop().animate({
opacity: 0.7
}, "slow");
});
});




Hozzuk létre a custom2.js állományt, a következő tartalommal:


// JavaScript Document
$(function() {
//MINDEN BEÁLLÍTÁSA 50% OPACITÁSRA
$(".szurkul").css("opacity","0.5");

// EGÉR RÁVITELÉNEK KEZELÉSE
$(".szurkul").hover(function () {

// ÁTLÁTSZÓSÁG 100%-RA ÁLLÍTÁSA
$(this).stop().animate({
opacity: 1.0
}, "slow");
},

// EGÉR LEMOZGATÁSÁNAK KEZELÉSE
function () {

// OPACITÁS VISSZAÁLLÍTÁSA 50%-RA
$(this).stop().animate({
opacity: 0.5
}, "slow");
});
});

3.    A html-hez csatoljuk a két új scrip-et is:

<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/custom2.js"></script>

A custom.js script azt csinálja, hogy minden text azonosítóval rendelkező elemet kezdésként átlátszóva tesz, majd az egér rá vitelekor, megszünteti az átlátszóságot.

A custom2.js script azt csinálja, hogy  minden szurkul osztályba tartozó elemet kezdésként átlátszóva tesz, majd az egér rá vitelekor, megszünteti az átlátszóságot.

4.    Script beállítási lehetőségek


a.    $(".szurkul")rész
Azt jelzi, hogy mire vonatkozik a script
•    ”.osztaly neve” ->html kódban: class=”osztaly neve” – ha több elemre szeretnénk alkalmazni, akkor ez a megoldás a célszerű.
•    ”#azonosito neve” ->html kódban: id=”osztaly neve”
•    200 és 600 millimásodperc közötti érték lehet
b.    "slow" rész

Az átalakulás időtartama:
•    ”fast” ->gyors
•    ”slow”->lassú
•    ”200 és 600” milli másodperc közötti érték lehet
c.    ("opacity","0.5");
1.0  a 100% opacitás, a nem átlátszó, a 0.8 opacitás érték 80%-os átlátszóságot jelent.
d.    Amennyiben több különböző elemre, vagy többféle beállítást szeretnénk alkalmazni
Több custom.js állományt kell elkészítenünk ( más-más névvel ), módosítani kell bennük a fenti megoldásokkal, hogy mire vonatkozzon, és a kívánt módokra kell beállítani az opacitás és az animáció beállításait.

5.    Létrehozzuk a html-ben a fenti elemeket.
A minta állományból néhány elem:
<a href="#"><img src="images/01.png" alt="aetuts" class="szurkul" border="0" height="83" width="121"></a>

<div id="text"><p>Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Donec libero.   Suspendisse bibendum. Cras
id urna. Morbi tincidunt, orci ac convallis aliquam,   lectus turpis
varius lorem, eu posuere nunc justo tempus leo. Donec mattis,   purus
nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci
ut   diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum,   lorem tellus eleifend magna, eget fringilla velit magna
id neque. </p></div>

Természetesen az így előkészített oldalelemeket érdemes linké átalakítani.

A forrás:
http://www.hv-designs.co.uk/2009/01/19/jquery-fade-infade-out/
http://www.hv-designs.co.uk/2010/01/13/learn-how-to-add-a-jquery-fade-in-and-out-effect/

Jó gyakorlást kívánunk!

Legyen profi a webdesign-ban, és a php-webprogramozásban!

Jelentkezzen a május végén induló kiscsoportos,
akkreditált Webdesigner Mester,
akkreditált Webprogramozó
, és
akkreditált Web Artist tanfolyamainkra!

Az induló tanfolyamok jellemzői:

- kétnyelvű, akkreditált bizonyítvány (angol-magyar)
- álláslehetőség a képzés végén releváns szakterületen
- részletfizetési lehetőség
- ajándék Pendrive!
- kezdés május végén
- oktatás heti  egy alkalommal, 4 órában
- kiscsoportos képzés
- piacképes, gyakorlati tudás

Jelentkezzen még időben, de legkésőbb május 25.-e éjfélig!

Jelentkezzen itt!

Vagy bármelyik másik elérhetőségünkön!

Várjuk szeretettel!

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


 
 
0 (0)
Jelentkezz be a szavazáshoz!

12-05-02

» Mitől "sikeres" a sikerszakma?
2012. máj. 2. 8:16 | írta: netlogic | grafika, grafikus, corel, photoshop | AutoCad tervezés modellezés | Webprogramozás | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | vállalati képzések | coreldraw tanfolyam | webdesigner tanfolyam | php webprogramozó tanfolyam | adobe photoshop tanfolyam | felnőttoktatás Pécs Baranya | AutoCad tanfolyam |

Májusi képzési palettánkon ismét közkedvelt sikerszakmák szerepelnek!

Mitől sikeresek ezek a szakmák?
Mi a szakterületek sikerességét alapvetően két jellemzővel mérjük.

Egyrészt azzal, hogy a munkaerőpiacon milyen arányban jelennek meg olyan álláshirdetések, amelyek a releváns szakterületekről keresnek képzett munkaerőt, és hogy partnercégeinktől milyen tipusú munkalehetőségek futnak be végzett tanulóink számára.

A szakterületek sikerességének másik fontos kritériuma számunkra az, hogy az adott területen végzett hallgatóink hány százaléka kezd el dolgozni az adott vonalon, hányan kapnak belföldi, vagy külfüldi munkalehetőséget az adott végzettséggel.

Mivel az alábbi vonalakon végzett hallgatóink több, mint 80%-a használja is a napi munkában, amit megtanult, vagy konkrétan el is helyezkedik az adott szakmában, így bátran  ajánljuk az alábbi, májusban induló, kicsoportos informatika tanfolyamainkat!

Induló májusi képzéseink:
- Adobe Photoshop Alap-és Bajnok
- Grafika Mester
- Akkreditált Web Artist (Webprogramozó és Webdesigner)
- Akkreidtált Webprogramozó
- Akkreditált Webdesigner
- AutoCad Alap-és Mester képzés

A tanfolyamok jellemzői:
- piacképes, gyakorlati tudás
- kétnyelvű bizonyítvány (angol-magyar)
- álláslehetőség a képzés végén releváns szakterületen
- részletfizetési lehetőség
- ajándék Pendrive!

Jelentkezzen a május végén induló csoportokba legkésőbb május 25.-e, éjfélig!

Várjuk szeretettel!

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

 

 
 
0 (0)
Jelentkezz be a szavazáshoz!

12-04-23

» Hogyan előzzünk meg néhány CAPTCHA által okozott problémát?
2012. ápr. 23. 12:00 | írta: netlogic | Számítástechnika | Webprogramozás | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | vállalati képzések | webdesigner tanfolyam | php webprogramozó tanfolyam | felnőttoktatás Pécs Baranya | captcha | hiba | javítása | képzés | megelőzése | oktatás | php | probléma | professzionális | webprogramozás |

István mai cikkéből kiderül, hogyan tudunk megelőzni néhány- tipikusnak mondható- CAPTCHA hibát.
A cikket elsősorban a webprogramozás iránt érdeklődőknek ajánljuk!

Valószínűleg mindannyian találkoztunk már automata Turing teszttel, ismertebb nevén CAPTCHA-val internetes regisztráció alkalmával.
Az ilyen tesztek arra valók, hogy kiszűrjék a robotokat és meggátolják, hogy a gépi regisztrációk elárasszák az adatbázisainkat. CAPTCHA elméletileg bármilyen olyan eszköz lehet, ami képes ember és gép között különbséget tenni, a legtöbb ilyennek azonban vannak korlátaik.

A legjellemzőbb ilyen korlát, a nyelv.
Bár az angol, az IT világ egyezményes nyelve, nem várhatjuk el, hogy minden felhasználó megértse a CAPTCHA ellenőrzéséhez szükséges instrukciókat.
Ennek kiküszöbölésére használjuk ma a karakterek képről történő leolvasását, mivel a regisztrációs űrlapon viszonylag egyértelmű feladatnak tűnik, másrészt, a szinte már szabványnak minősülő módszert ismerik a legtöbben, így nem okoz újdonságot.

Íme, egy példa a „karaktermásolós” CAPTCHA-ra:

Az alábbi CAPTCHA problémája a nyelv:

Most lássunk egy egyszerű scriptet, amivel ellenőrizni tudjuk, létező személy próbál-e regisztrálni az oldalunkon.
Tegyük fel, hogy a captcha.png kép egy CAPTCHA, amelyet egy másik script generál, és melynek értéke a SESSION tömb captcha elemében lett eltárolva.

<?php

session_start();

?>

<img src=’captcha.png’ /><br />

<input type=’text’ name=’ctext’ value=’Írja ide a fenti karaktersorozatot!’><br />

<input type=’submit’ name=’csub’ value=’Ellenőriz’><br />

<?php

if(isset($_POST[’csub’])){

$input=$_POST[ctext];

$captcha=$_SESSION[’captcha’];

if($input==$captcha)print ’Rendben<br />’;

else print ’Helytelen<br />’;

}

?>

 

A fenti kódrészlettel az a probléma, hogy a karakterek vizsgálatakor a script key sensitive, azaz megkülönbözteti a kis- és nagybetűket. A robotok dolgának megnehezítése érdekében érdemes vegyíteni a kis- és nagybetűket a CAPTCHA-ban, de ezzel a felhasználó munkáját is megnehezítjük.
Egy kis í-ről és egy nagy Í-ről, vagy kis o-ról és nagy O-ról nehéz megmondani, hogy melyik, melyik. A felhasználó ebben az esetben vagy új képet kér, vagy betippeli a betűt, reménykedve, hogy eltalálja.

Ezt a problémát kikerülhetjük úgy, hogy mind a felhasználó által beadott értékre, mind pedig a CAPTCHA-ra meghívjuk az strtolower() függvényt, amely a beadott string minden betűjét kisbetűvé változtatja.
Ezzel együtt érdemes a trim() függvényt is meghívni, hogy a véletlenül begépelt nem nyomtatandó karakterek (pl. szóköz) ne okozzon gondot a vizsgálatnál.
Ezek alapján érdemes a fenti kódrészletet a következőképp módosítani:

 

<?php

session_start();

?>

<img src=’captcha.png’ /><br />

<input type=’text’ name=’ctext’ value=’Írja ide a fenti karaktersorozatot!’><br />

<input type=’submit’ name=’csub’ value=’Ellenőriz’><br />

<?php

if(isset($_POST[’csub’])){

$input=trim(strtolower($_POST[ctext]));

$captcha=strtolower($_SESSION[’captcha’]);

if($input==$captcha)print ’Rendben<br />’;

else print ’Helytelen<br />’;

}

?>

 

Ha már felvetődött a kis- és nagybetűk problémája, akkor kitérünk egy másik nehézségre, amit a betűk hasonló alakja okoz.

A CAPTCHA-kat érdemes valamilyen nehezen olvasható betűtípussal kiíratni a képre, hogy a robotok nehezen tudják azonosítani a karaktereket.
Ez azonban azt is eredményezi, hogy a felhasználó is nehezen olvassa majd a betűket, mi több, egyes karaktereket képtelen lesz megkülönböztetni.
Gondoljunk csak bele, hogy vajon az 1-est, (egy) és a kis l (L) betűt kellene megkülönböztetni egymástól, vagy a 0-t, a nagy O betűtől. Ez a probléma egyszerűen kiküszöbölhető. Nem random számokat és ASCII karaktereket kell a képre írni, hanem általunk választott tetszőleges karaktereket, amelyetek egy tömbből olvasunk ki.

Az alábbi kódrészlet szemlélteti a captcha.php fájl egy részét:

<?php

session_start();

$karakterek=array(2,3,4,5,6,7,8,9,q,w,e,r,t,z,u,i,p,a,s,
d,f,g,h,j,k,y,x,c,v,b,n,m,Q,W,E,R,T,Z,U,I,P,A,S,D,F,G,H,J,
K,L,Y,X,C,V,B,N,M);

for($i=0;$i<8;$i++)$captcha=$captcha.$karakterek[$i];

$_SESSION[’captcha’]=$captcha;

?>

 

Látható, hogy a $karakterek tömbből hiányzik a 0, az 1, a kis o, és l betű, illetve a nagy O betű. Az s-S, p-P, w-W, z-Z, u-U, x-X problémáját az ellenőrző oldalon az strtolower() függvény, majd lekezeli.

 

Ha mindezen elővigyázatosságok sem elegendőek arra, hogy a felhasználó rendesen el tudja olvasni a képen megjelenő szöveget, akkor biztosítani kell neki, hogy újat tudjon kérni.
Erre egy egyszerű submit gomb elegendő, azonban ez újabb problémát vet fel.
A gombra kattintva az oldal újra betöltődik, és a korábban kitöltött cellák tartalma elveszik, ami nem túl felhasználóbarát megoldás.
Ez úgy kerülhető meg, hogy magát a CAPTCHA-t, és az újrakérő gombot egy másik weboldalon hozzuk létre, és ott, ahol látni szeretnénk, egy iframe-et készítünk, ami erre, a másik weboldalra hivatkozik.
Az iframe-en belül tehát csak a kép, és a gomb látszik. A gombra kattintás esetén, nem az aktuális oldal töltődik be újra, hanem az a lap, ahol a kép, illetve a gomb található, s így a korábban kitöltött űrlapelemek érintetlenek maradnak.

 

A Regisztrációs oldalon:

<iframe src=’captcha_oldal.php’></iframe>

 

A captcha_oldal.php:

<img src=’captcha.png’ /><br />

<input type=’text’ name=’ctext’ value=’Írja ide a fenti karaktersorozatot!’><br />

<input type=’submit’ name=’csub’ value=’Ellenőriz’>

 

Minden óvintézkedés ellenére, előfordulhat, hogy a felhasználó mégis elrontja a CAPTCHA-t.
Ebben az esetben természetesen a script nem hajtja végre, amit kellene, és valamilyen hibaüzenettel visszatér az oldalra. Ezzel ugyanaz a gond, mint az előző esetben: A lap újratöltődik, a cellák tartalma elveszik.
Ezt kiküszöbölhetjük úgy, hogy kereszthivatkozást hajtunk végre az oldalon, kihasználva az input mezők value értékét. Lássunk erre egy példát:

 

<?php

if(isset($_POST[’regisztalo_gomb’])){

$username=$_POST[’username’];

}

?>

<input type=’text’ name=’username’ value=<?php

if(isset($_POST[’regisztralo_gomb’]))print ’\’’.$username.’\’’;

else print ’\’\’’;

?>>

<br />

<input type=’submit’ name=’regisztralo_gomb’ value=’Regisztrál’>

A CAPTCHA akármilyen jó is, előbb-utóbb feltörhető lesz, ahogy a neurális hálók és MI rendszerek fejlődnek, ezért hamarosan ez a „karaktermásolós” megoldás idejétmúlttá válik.
A következő hónapban megnézzük, hogyan lehet megnehezíteni a robotok dolgát, majd pedig felvázollunk néhány újfajta Turing tesztet, amelyek a mai robotokkal még nem kijátszhatóak, de gyakorlati megvalósításuk még nem is megoldott.

 

Addig is jó gyakorlást kívánunk!

 

Legyen profi, képzett Webprogramozó, és biztosítsa helyét a május közepén induló Akkreditált Webprogramozó Mester csoportban!
Jelentkezzen a kiscsoportos képzésre legkésőbb május 12-ig!

 

Szerezzen Webdesigner és Webprogramozó végzettséget egyetlen képzés alatt!
Jelentkezzen májusi Akkreditált Web Artist tanfolyamunkra
legkésőbb május 16-ig!

A képzések jellemzői:
- Akkreidtált bizonyítványok (angol, magyar)
- álláslehetőségek a képzések végén releváns szakterületen
- részletfizetési lehetőség
- ajándék Pendrive!


További,  induló májusi képzéseinket itt találja:
Májusban induló, informatika tanfolyamaink

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

 


 
 
5 (1)
Jelentkezz be a szavazáshoz!

12-04-16

» Üveges háttérkép készítése Photoshopban!
2012. ápr. 16. 13:26 | írta: netlogic | Számítástechnika | grafika, grafikus, corel, photoshop | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | vállalati képzések | adobe photoshop tanfolyam | felnőttoktatás Pécs Baranya |

Attila mai cikkének köszönhetően egy gyors megoldást mutatunk be arra, hogyan készítsünk egy háttérképet pár kantintással.

Adott először is egy kép:

Válasszuk ki a Filter / Disort / Glass menüt:

Máris kész az "üveg hatású" kép, amelyet leginkább háttérnek tudunk majd használni.

Legyen profi a Photoshop programban, és foglalja le a helyét a május 19-én, szombaton induló Adobe Photoshop Alap, Photoshop Bajnok és Grafika Mester csoportjainkba legkésőbb május 16.-a, éjfélig!

Jelentkezzern itt!

Várjuk érdeklődését, jelentkezését!

 

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

 

 

 
 
5 (1)
Jelentkezz be a szavazáshoz!

12-04-03

» Készítsünk lapozható WEB lapot InDesign állományunkból!
2012. ápr. 3. 11:39 | írta: netlogic | grafika, grafikus, corel, photoshop | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | vállalati képzések | kiadványszerkesztő tanfolyam | InDesign tanfolyam |

Attila mai cikkének löszönhetően megtudhatjuk, hogyan készíthetünk lapozható mini kiadványt honlapunkra!

1. Az egyszerűség kedvéért egy sablont alakítunk most át.

2. Határozzuk meg az oldal átmenetek formáját (ezt az oldalátmenetek ablakba tehetjük meg)

3. Válasszuk a "Fájl/Exportálás" menüt

 

A fenti ábra szerint Flas-lejátszó (SWF) választásával készre készíthetjük a prezentációnkat.



És a végén használhatjuk, vagy akár fel is tölthetjük a tárhelyünkre.

A munkához használt állományok itt érhetők el:
- fitness.swf
- fitness.html

Jó gyakorlást kívánunk, és egyúttal várjuk szeretettel az április végén startoló InDesign Kiadványszerkesztő képzésünkre!

De csak akkor, ha profi szeretne lenni a kiadványszerkesztésben! :-)

Jelentkezzen az induló InDesign-os csoportba legkésőbb április 25.-e, éjfélig!

További, áprilisban induló tanfolyamainkról itt olvashat bővebben!



Várjuk szeretettel!

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

 

 



 
 
5 (1)
Jelentkezz be a szavazáshoz!

12-03-27

» Ágyazzuk be videónkat a honlapba, felugró ablakban!
2012. márc. 27. 11:08 | írta: netlogic | weboldal készítés, honlapkészítés | Számítástechnika | Webprogramozás | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | webdesigner tanfolyam | php webprogramozó tanfolyam |

A mai alkalommal Tamás cikkének köszönhetően honlapunkat fogjuk feldobni egy felugró ablakba történő videóbeágyazással.
Az egészhez egy javascriptre, némi inline css-re, és magára a videóra van szükségünk.

A most következő kódot egy az egyben kimentve egy .html fájlba, láthatjuk a kapott eredményt. A kódban a kommentek a ***-ok után következnek. Ezeket ne másoljuk be.

 

<?xml version="1.0" encoding="utf-8"?> ***karakterkódolás beállítása

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ***html szabvány meghatározása

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu"> ***honlap nyelvének beállítása

<head>

<title>Videóbeágyazása popup-ba</title> ***az oldal címe

<style type="text/css"> ***a javascripthet tartozó css utasítás

<!--

 

.hidden { display: none; }

.unhidden { display: block; }

 

-->

</style>

 

<script type="text/javascript"> ***innen kezdődik a javascript függvény ami a popupot kezeli

function unhide(divID) {

var item = document.getElementById(divID);

if (item) {

item.className=(item.className=='hidden')?'unhidden':'hidden';

}

}

</script>

 

<script language=javascript type='text/javascript'>

function hidediv() {

if (document.getElementById) { // DOM3 = IE5, NS6

document.getElementById('hideShow').style.visibility = 'hidden';

}

else {

if (document.layers) { // Netscape 4

document.hideShow.visibility = 'hidden';

}

else { // IE 4

document.all.hideShow.style.visibility = 'hidden';

}

}

}

</script>

</head>

<body style="background-color: #777;">

<div id="hideShow" style="margin: 50px auto; z-index:9999; height: 365px; width:580px; background-color: #111; border: 5px solid #ccc; border-radius: 5px;"> ***maga a popup div-je

<a style="color: #fff; float: right; font-weight: bold; margin: 10px; text-decoration: none;" href="javascript:hidediv()">Bezárás</a> ***a bezárásért felelős hivatkozás

<div id="video" style="float: left; margin-left: 10px; ">***a div amibe a videót ágyazzuk

<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/s9qJnBQh008?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/s9qJnBQh008?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object> ***a beágyazott videó kódja, ezt youtube generálja le

</div>

</div>

</body>

</html>

 

Jó gyakorlást kívánunk! :-)

Amennyiben szeretné profin kitanulni a weblapkészítés, webprogramozás művészetét, akkor semmiképp se felejtse el leadni jelentkezését induló Akkreidtált PHP-Webprogramozó Mester, és
Akkreditált Web Artist tanfolyamunkra, mely utóbbin egy képzés alatt két sikerszakmát (Webdesigner és Webprogramozó) is szerez!

Jelentkezzen induló áprilisi csoportunkba legkésőbb március 31.-e, éjfélig!

Jelentkezzen itt!

További, áprilisban induló tanfolyamainkról itt olvashat bővebben!

 

Várjuk szeretettel!

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


share

 
 
5 (1)
Jelentkezz be a szavazáshoz!

12-03-19

» Tv interjú a számítástechnika tanfolyamokról és induló üzleti képzésekről!
2012. márc. 19. 11:34 | írta: netlogic | weboldal készítés, honlapkészítés | Számítástechnika | Webprogramozás | felnőttképzés felnőttoktatás | számítógépes tanfolyam | vállalati képzések | kiadványszerkesztő tanfolyam | akkreditált | artist | baranya | honlapkészítés | képzés | képzések | megye | mysql | oktatás | pályázatíró | Pécs | php | projektmenedzser | projektmenedzsment | tanfolyam | web | webdesigner | weblapkészítő | webprogramozás |

Új hét, új interjú!

Hallgassa meg iskolánk alapítójával készült legújabb interjút, amelyben arra is fény derül, hogy az induló Netlogi C-os akkreditált PHP-Webprogramozó, Web Artist és Indesign Kiadványszerkesztő tanfolyamokon túl  milyen üzleti képzések indulnak partnercégünknél, a Vállalkozó Tanodánál!

 

Ne feledje tehát, hogy induló Webprogramozó, Web Artist,-és
InDesign Kiadványszerkesztő képzéseinkre március 31.-, éjfélig adhatja le a jelentkezését!

 

Jelentkezzen itt!

 

Várjuk érdeklődését, jelentkezését!

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

 

Share & bookmark - TurboBookmark.com

 
 
5 (1)
Jelentkezz be a szavazáshoz!

12-03-13

» Ön mennyire számítógép függő?-Játék!
2012. márc. 13. 11:47 | írta: netlogic | weboldal készítés, honlapkészítés | Számítástechnika | Webprogramozás | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | vállalati képzések | kiadványszerkesztő tanfolyam | baranya | grafika | grafikus | honlapkészítés | indesign | képzés | kiadványszerkesztés | kiadványszerkesztő | oktatás | Pécs | php | tanfolyam | webdesigner | weblapkészítő | webprogramozás | webprogramozó |

Lassan közeledik a hosszú hétvége, és ebből az alkalomból egy kis lazításra invitáljuk!
természetesen szigorúan maradva a számítástechnikánál!:-)


Ön mennyire számítógép függő?
Legújabb Facebook alkalmazásunkból megtudhatja!

Klikk!  Mennyire számítógép függő?

Nézze meg legújabb videónkat, mely arra ad választ, hogyan lehet jól kereső, elismert webes szakember!

 


Jelentkezési lehetőség az április elején startoló
Akkreditált Webprogramozó Mester, Akkreditált Web Artist

és
InDesign Kiadványszerkesztő képzéseinkre!



Hétköznap délutános időbeosztás, heti egy alkalom!


Az induló  képzések jellemzői:
- kiscsoportos, gyakorlatra fókuszáló képzések
- kétnyelvű, piacképes bizonyítványok
- részletfizetési lehetőség
- álláslehetőség a képzés végén releváns szakterületen
- ajándék Pendrive!


Jelentkezési határidő március 31.-e, éjfél!

Jelentkezzen itt!

Jelentkezzen időben, hiszen a férőhelyek száma korlátozott!

Várjuk jelentkezését,
és egyúttal jó pihenést kívánunk Önnek a hosszú hétvégére!

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


Ingyenes informatika tippekért, tutorialokért kövessen minket Facebookon!

Share & bookmark - TurboBookmark.com

 
 
5 (1)
Jelentkezz be a szavazáshoz!

12-03-05

» Egy piacképes és használható informatika szakma: számítógépes grafika!
2012. márc. 5. 12:25 | írta: netlogic | Számítástechnika | grafika, grafikus, corel, photoshop | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | coreldraw tanfolyam | álláslehetőséggel | baranya | coreldraw | grafika | grafikus | informatika | képzés | megye | mester | nyomdai | oktatás | pécsett | Photoshop | szakma | tanfolyam | webgrafika |

Mai bejegyzésünk kifejezetten azoknak szól, akik "kacérkodnak" a számítógépes grafikával, és tervezik, hogy komolyan szeretnének ezzel az izgalmas, és kétségtelenül látványos szakterülettel foglalkozni!

A designeri és műszai tervezői szakmavonalakon kívül kétségtelenül a számítógépes grafikai vonal az, amelyre napjainkban szintén rengeteg szaklembert keresnek!
A nyomdai, - valamint a webes grafika kétségtelenül a legizgalmasabb szakterületek közé tartoznak!

Legyen ott márciusi grafikai csoportjainkban!
Készítsen igényes, professzionális grafikai anyagokat, vagy dolgozzon képzett webes,-és nyomdai grafikusként!

FIGYELEM!!


JELENTKEZÉSI LEHETŐSÉG
március 10-én startoló

Grafika Mester,
CorelDraw Alap, és CorelDraw Mester CSOPORTJAINKBA!

A képzések jellemzői:
- kiscsoportos, gyakorlat orientált képzés
- szombat délelőtti időbeosztás
- heti 1 alkalom
- részletfizetési lehetőség
- álláslehetőség végzős tanulóinknak
- angol, és magyar nyelvű bizonyítványok
- ajándék Pendrive


Jelezze felénk részvételi szándékát
legkésőbb március 8.-a éjfélig,
hogy még beférjen a március 10-én induló grafikai csoportokba!


Jelentkezzen itt!
VAGY
bármelyik másik
elérhetőségünkön!

Várjuk szeretettel, ha egy piacképes, valóban használható informatika szakmát szeretne kitanulni!


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


Ingyenes informatika tippekért, tutorialokért kövessen minket Facebookon!

Share & bookmark - TurboBookmark.com

 

 
 
5 (1)
Jelentkezz be a szavazáshoz!

12-02-25

» Elindult a Designer Támogató Program!
2012. febr. 25. 10:58 | írta: netlogic | weboldal készítés, honlapkészítés | Számítástechnika | Webprogramozás | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | álláslehetőséggel | baranya | designer | emelt | informatika | ingyen | képzés | megye | oktatás | Pécs | pendrive | php | program | szakma | szakmavonal | szintű | támogató | webdesigner | webes | weblapkészítő | webprogramozás | webprogramozó |

Csütörtökön, február 23-án útjára indítottuk nagyszabású 
DTP-Designer Támogató Programunkat,
melynek keretében most iskolánk azokat szeretné támogatni, akik webes szakmavonalra készülnek:

 

DESIGNER TÁMOGATÓ PROGRAM
2012 február 29-ig!


A program elemei:
- Tandíjkedvezményes
Akkreditált Webdesigner Mester képzés
154.000,- helyett most csak 139.000-ért!

- Tandíjkedvezményes Akkreditált Web Artist (Webprogramozó és Webdesigner egyben) képzés
259.000,- helyett most csak 239.000-ért!

- Designer és php-s álláslehetőségek a
képzések végén
- Részletfizetési lehetőség
- Angol és magyar nyelvű bízonyítvány
- ajándék 4GB-os Pendrive


A Program kizárólag a
2012. március 01, csütörtök
délután
induló csoportokra vonatkozik!



Hogyan vehet részt a Programban?

Részvételi szándékát jelezze felénk legkésőbb február 29, éjfélig!

Az űrlapon a megfelelő részen mindenképp jelölje be, hogy a DTP keretében szeretne tanulni nálunk!


A további részletekért kattintson ide!

Várjuk Designer Támogató programunkba Önt is, ha piacképes, keresett informatika szakmákat szeretne tanulni!


Netlogi C School
www.netlogi-c.net

Ingyenes informatika tippekért, tutorialokért kövessen minket Facebookon!

Share & bookmark - TurboBookmark.com

 
 
0 (0)
Jelentkezz be a szavazáshoz!

12-02-20

» Az Információs Architektúra kidolgozása weboldalra!
2012. febr. 20. 10:21 | írta: netlogic | weboldal készítés, honlapkészítés | grafika, grafikus, corel, photoshop | AutoCad tervezés modellezés | Webprogramozás | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | vállalati képzések | coreldraw tanfolyam | autocad | coreldraw | grafika | képzés | mester | műszaki | oktatás | pécsett | php | rajzoló | tanfolyam | tervezői | webdesigner | weblapkészítő | webprogramozás | webprogramozó |

Legújabb cikkünk elsősorban a webdesign kedvelőinek lesz izgalmas, hiszen Tamás  arról ír, hogy mit is jelent az Információs Architektúra, és miért ez az első lépés egy weboldal ekészítésénél.

 

A weboldalak elkészítésének megvannak a maguk lépései.
Ebből a legfontosabb, és a legelső lépés az úgynevezett Információs Architektúra (IA) kidolgozása, amit sajnos a honlapok jelentős részénél elfelejtenek megtenni.

 

Mi is az az Információs Architektúra?

Alapjaiban véve az IA az azonos tulajdonságú információkat rendezi csoportokba.
Az IA-knak nem feltétlenül szükséges informatikai tartalmakat egybefognia; az élet bármely területén használhatóak, de a fenti példánál maradva egy weboldalnál a tartalmi részeket különíti el egymástól valamilyen logika szerint.

 

Mi az előnye az IA-nak?

 

Egy-egy adott weboldalt a korai fázistól szervezve, megkönnyíti a fejlesztő számára az adatbázis tervezését, az aköré építeni kívánt CMS struktúrálását, illetve a desingnernek is könnyebb képet alkotnia róla, hogy a tartalmat miként rendezze el a képi elemek közt.

 

Hogyan készítsünk egy IA-t?

 

Egy IA elkészítéséhez csupán néhány öntapadós cetlire van szükségünk, amire címszavakban felírjuk a weboldal tartalmát, amit szeretnénk megosztani rajta. Minden cetlin egy-egy főbb dolog kap helyet, maximum egy néhány szavas leírás lehet még a cím alatt.
Így nem több oldalnyi szöveget kell átnyálaznunk újra és újra, de a főbb információk mindig a szemünk előtt lesznek.

 

Ha mindent felírtunk egy-egy cetlire, próbáljuk a tartalmat különböző szisztémák szerint csoportosítani.

Például: Media anyagok, Blog tartalmak, Egyéb információk.
A kategóriáknak szintén dedikálhatunk egy másik színű cetlit, ezzel is vizuálisabbá téve a csoportosítást.
Ha végeztünk, fényképezzük le az állapotot, amit kaptunk.

Érdemes lehet még, két-három másik embert is megkérni arra, hogy csoportosítsák saját belátásuk szerint a tartalmakat jelképező cetliket, mivel közel sem biztos, hogy a rendezés végeredménye ugyanaz lesz mint a sajátunk.
Amikor ezek elkészültek, fényképezzük le őket is.

 

Végső lépésként összegezzük a különböző rendezéseket.
Több mint valószínű, hogy marad olyan téma, ami egyik kategóriába sem került bele. Gondolkodjunk el rajta, hogy külön kategóriát érdemes-e szentelni neki, vagy lehetséges, hogy nem is muszáj azt feltöltenünk.

 

Mindig tartsuk szem előtt, hogy az oldalunknak mi a célja, mit kívánunk rajta közölni, és ennek fényében rendezzük, és szanáljuk a tartalmat.
Ne akarjunk semmit beleerőltetni, aminek logikailag nincs ott helye. Fontos még, hogy ne menü/almenü pontokban gondolkodjunk, hanem tartalmi csoportosítást végezzünk.

 

Van digitális lehetőség IA-t készíteni?

 

Igen, van. Több ingyenes program is található a neten. Leginkább az XMind-ot ajánljuk.

Használata intuitív, és nem kíván semmi előismeretet. Többféle megjelenítést tesz lehetővé a program, és az elkészült IA-nkat ki tudjuk exportálni minden, manapság népszerű formátumba.

 

 

 

 

 

Legyen ott a február végén startoló  webes csoportjainkban, és merüljön el a Webdesign és Webprogramozás izgalmas vikágában!


Induló webes csoportjaink:
- Webdesigner Mester képzés
- Akkreditált PHP-Webprogramozó Mester tanfolyam
- Web Artist képzés (Weblapkészítő és PHP tanfolyam egyben)

Február végén startoló grafikai csoportjaink:
- Corel Draw Alap tanfolyam
- CorelDraw Mester képzés
- Grafika Mesterfokon képzés


Érdeklődjön, jelentkezzen legkésőbb február 25-ig!!!!

Várjuk szeretettel induló csoportjainkba!

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


Share & bookmark - TurboBookmark.com

 

 

 
 
0 (0)
Jelentkezz be a szavazáshoz!

12-02-12

» TV-Interjú az FTP programról: tandíjkedvezményes informatika szakmák álláslehetőséggel!
2012. febr. 12. 9:55 | írta: netlogic | weboldal készítés, honlapkészítés | Számítástechnika | grafika, grafikus, corel, photoshop | Webprogramozás | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | vállalati képzések | álláslehetőséggel | baranya | coreldraw | felnőttképzés | grafika | grafikus | indesign | informatika | képzés | kiadványszerkesztő | kiscsoportos | mester | oktatás | Pécs | Photoshop | php | számítógépes | tandíjkedvezményes | tanfolyamok | webdesigner | webprogramozó |

Miért érdemes részt venni az FTP programban, ha nem csak egy piacképes, keresett informatika szakmát szeretne kitanulni, hanem dolgozni is szeretne az adott szakterületen?

Nézze meg iskolánk alapítójával készült TV-interjút, melyből az is kiderül, hogy az FTP program keretében még csak lakhelyet sem kell változtatnia a program részét képező munkalehetőségekhez!



Az FTP programban részt vevő kiscsoportos, informatika tanfolyamaink:

Webdesigner Mester   
Akkreditált PHP-Webprogramozó Mester
Akkreditált Web Artist képzés ( Webdesigner és Webprogramozó tanfolyam egyben)
CorelDraw alapképzés
CorelDraw Mester tanfolyam
Grafika Mester
InDesign Kiadványszerkesztő tanfolyam

Ne feledje, hogy az FTP programban való részvételhez legkésőbb február 16-áig jeleznie kell felénk részvételi szándékát!

Ezt megteheti bármelyik elérhetőségünkön!

 

Várjuk szertettel!

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

Share & bookmark - TurboBookmark.com

 
 
5 (1)
Jelentkezz be a szavazáshoz!

12-02-06

» LAST MINUTE! Februári képzés álláslehetőséggel, tandíjkedvezménnyel!
2012. febr. 6. 10:38 | írta: netlogic | weboldal készítés, honlapkészítés | Számítástechnika | grafika, grafikus, corel, photoshop | AutoCad tervezés modellezés | ArchiCad építészeti tervezés | Webprogramozás | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | vállalati képzések |

Februári Tandíjkurtító Program!

UTOLSÓ LEHETŐSÉG
, HOGY INDULÓ FEBRUÁRI WEBES ÉS GRAFIKAI CSOPORTJAINKBAN 
tandíjkedvezménnyel tanulhasson!

Induló grafikai és designer csoportok tandjkedvezménnyel:

Webdesigner Mester   
Akkreditált PHP-Webprogramozó Mester
Akkreditált Web Artist képzés ( Webdesigner és Webprogramozó tanfolyam egyben)
CorelDraw alapképzés
CorelDraw Mester tanfolyam
Grafika Mester
InDesign Kiadványszerkesztő tanfolyam

+



Februárban minden új beiratkozónknak ajándék Pendrive jár!

Álláslehetőségek a képzés végén partnercégeink jóvoltából!

Kattintson ide a részletekért!


Ajánlatunkat csak azoknak tudjuk fenntartani, akik jelzik felénk részvételi szándékukat legkésőbb február 16-ig!


Ne feledje, programunk csak február 16-ig tart!


Jelentkezzen itt, vagy bármelyik másik elérhetőségünkön!

 

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

 

Share & bookmark - TurboBookmark.com

 

 
 
5 (1)
Jelentkezz be a szavazáshoz!

12-02-02

» Kitörési lehetőség a munkanélküliségből!
2012. febr. 2. 13:44 | írta: netlogic | álláslehetőséggel | baranya | felnőttképzés | felnőttoktatás | informatika | képzés | megye | oktatás | Pécs | számítástehcnika | számítógépes | tanfolyamok |

Manapság, amikor nem könnyű az elhelyezkedés, aranyat ér minden lehetőség.

Iskolánk az elmúlt években, és különösen az elmúlt másfél évben rengeteg időt és energiát fordított arra, hogy értékes partneri kapcsolatokat építsen olyan cégekkel, amelyeknek szükségük lehet a képzéseinken végzett tanulók tudására.

Az erőfeszítések meghozták eredményüket, és iskolánk már 2011 novembere óta a sikeresen levizsgázott tanulóit álláslehetőségekkel is segíti!

Az eddigi visszajelzések alapján az a tapasztalatunk, hogy a cégek a tőlünk érkező, frissen végzett szakembereket az esetek 80%-ában véglegesítik.

Önt is várjuk februári informatika képzéseinkre, melyek sikeres elvégzése után most már álláslehetőségekkel is segítjük abban, hogy használja is, amit megtanult!

Jelentkezési határidő február 16!

Jelentkezzen itt!

 

Netlogi C School






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

Share & bookmark - TurboBookmark.com

 
 
5 (1)
Jelentkezz be a szavazáshoz!

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

Share & bookmark - TurboBookmark.com
 
 
0 (0)
Jelentkezz be a szavazáshoz!

12-01-14

» Lebegő, animált navigációs sáv készítése weblapra!
2012. jan. 14. 10:10 | írta: netlogic | weboldal készítés, honlapkészítés | grafika, grafikus, corel, photoshop | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | baranya | cad | emelt | grafika | honlapkészítő | honlapra | képzés | képzések | készítése | lebegő | megye | menükészítés | navigációs | oktatás | Pécs | php | sáv | szintű | tanfolyam | tervező | webdesginer | weblapkésíztés | 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

share

 

 

 

 
 
0 (0)
Jelentkezz be a szavazáshoz!

12-01-05

» WordPress és saját CMS programozása
2012. jan. 5. 13:09 | írta: netlogic | weboldal készítés, honlapkészítés | Számítástechnika | grafika, grafikus, corel, photoshop | AutoCad tervezés modellezés | ArchiCad építészeti tervezés | Webprogramozás | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | vállalati képzések | 2012 | cad | CMS | coreldraw | felnőttképzés | gragfika | informatika | januári | képzés | kezdéssel | oktatás | Photoshop | php | programozása | saját | sikerszakmák | tanfolyam | tervezés | webdesigner | WordPress |

 

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

 

Share & bookmark - TurboBookmark.com

 

 
 
0 (0)
Jelentkezz be a szavazáshoz!

11-12-19

» Színek kontrasztjának növelése a "Photoshop"-ban
2011. dec. 19. 15:45 | írta: netlogic | Számítástechnika | grafika, grafikus, corel, photoshop | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | adobe | baranya | felnőttképzés | grafika | grafikai | grafikus | képzés | kontrasztjának | növelése | nyomdai | oktatás | Pécs | Photoshop | photoshopban | számítógépes | színek | tanfolyamok | tnfolyamok | webes | webgrafikus |

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

 

 
 
5 (1)
Jelentkezz be a szavazáshoz!

11-12-13

» Megdöbbentő ajánlat!-Informatika Sikerszakmák 2012
2011. dec. 13. 12:17 | írta: netlogic | weboldal készítés, honlapkészítés | Számítástechnika | grafika, grafikus, corel, photoshop | AutoCad tervezés modellezés | ArchiCad építészeti tervezés | Webprogramozás | webgrafika | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | 2011 es | 2012 | felnőttképzés | felnőttoktatás | grafikus | illustrator | informatika | január | képzés | képzések | kiadványszerkesztő | kihelyezett | nyomdai | oktatás | országosan | padlóáras | Pécs | php | sikerszakmák | szám | számítástechnika | tanfolyam | vállalati | webdesigner | webgrafikus | weblapkészítés | webprogramozás |

É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!

 
 
0 (0)
Jelentkezz be a szavazáshoz!

11-11-26

» ArchiCad Tervező, Webdesigner, PHP-s szakember!-Utolsó lehetőség!
2011. nov. 26. 10:33 | írta: netlogic | weboldal készítés, honlapkészítés | Számítástechnika | ArchiCad építészeti tervezés | Webprogramozás | felnőttképzés felnőttoktatás | informatika oktatás | számítógépes tanfolyam | ArchiCad | cégeknek | építészeti | felnőttképzés | honlapkészítés | informatika | képzés | képzések | készítő | kihelyezett | oktatáas | oktatás | országosan | Pécs | php | tanfolyam | tervező | vállalati | weboldal | webprogramozó |

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

 

Add a Twitter-hez Add a Facebook-hoz Add a Startlaphoz Add az iWiW-hez

Add a Google Reader-hez

 
 
0 (0)
Jelentkezz be a szavazáshoz!
Régebbiek | Végére »