adijux

Tikiuosi tai nebus traktuojama kaip tiesioginė reklama, tačiau nusprendžiau pasidalinti su jumis savo kuklia video pamoka. :)
 
Pamokoje matysite visą darbo eigą, t.y. nuo dizaino maketo sudarymo Adobe Photoshop programoje iki galutinio dizaino, pateikto HTML/CSS kodu.
 
Pamoką sudaro 3 esminės dalys: dizaino maketavimas, karpymas (slice'inimas) ir galiausiai kodavimas. Trečiąją dalį nusprendžiau sukarpyti į dar tris atskiras dalis, kadangi iš pradžių susidūriau su sunkumais filmuojant video, o vėliau nutariau, kad susidarys itin dideli video failai, tad vienintelė išeitis buvo juos suskaidyti į smulkesnes dalis.
 
00 - Įžanga: http://www.sendspace.com/file/xwa5vg (~11 MB)
01 - Darbas su Photoshop: http://www.sendspace.com/file/n0ohjw (~60 MB)
02 - Dizaino karpymas: http://www.sendspace.com/file/yz618l (~16 MB)
03.1 - Dizaino kodavimas HTML ir CSS (pirma dalis): http://www.sendspace.com/file/nw09m3 (~81 MB)
03.2 - Dizaino kodavimas HTML ir CSS (antra dalis): http://www.sendspace.com/file/xloebj (~38 MB)
03.3 - Dizaino kodavimas HTML ir CSS (trečia dalis): http://www.sendspace.com/file/ysl2x5 (~66 MB)
 
Taip pat galite parsisiųsti pamokoje sukurtus failus: video pamokos failai.
 
Mano kalboje rasite šiokių tokių stiliaus klaidų (kai kur net vėlėsi liežuvis, matyt nuo anglų kalbos), o taip pat ir kitų netikslumų, tačiau šią pamoką kūriau beveik eksprontu, užpuolė noras susukti video labai staiga. Pradžioje net jaudulys buvo, bet vėliau kaip ir praėjo. ;)
 
Filmavau su Camtasia Studio, bet jinai mane pavedė, todėl susidarė problemos su failų peržiūra. Per VLC nerodo vaizdo, o su WMP viskas gerai. Tačiau čia Camtasia Studio nereikia kaltint, kaip aš sau ir kitiems sakau: „Nėra blogų įrankių, yra tik kreivos rankos“. :)

http://img40.imageshack.us/img40/5978/egrafika.jpg
 
Kaip ir žadėjau, sukūriau naują video pamoką. :)
 
Taigi, ilgai netempęs gumos eisiu iš karto prie reikalo.
 
Pagrindinės video pamokos dalys:
1) dizaino maketavimas Adobe Photoshop programoje;
2) dizaino karpymas ir reikiamų paveiksliukų eksportavimas
2) kodavimas su HTML ir CSS.
 
Taip pat pamokoje aptarti kai kurie įrankiai ir funkcijos Adobe Photoshop programoje, paaiškintos CSS savybės. Pamokoje kurtas dizainas gana paprastas, tačiau jo užteks norint išmokti (ar susipažinti) su pačiu kūrimo principu. :D
 
Iš karto galiu pasakyti, kad iki tobulos video pamokos dar toloka, bet pagal turimą laisvą laiką stengiausi išspausti kuo daugiau. Mano kalba vietomis nėra ypač rišli, tačiau tikiuosi, kad suprasite ir vis dėl to vienaip ar kitaip iš šios video pamokos jūs sužinosite ką nors naujo. :huh:
 
Na, ir svarbiausias dalykas, žinoma, yra nuoroda į pamoką: http://www.e-grafika.lt/video/pamoka/Tinkl...dizaino-kurimas
 
P.S. Nepamirškite peržiūrėti introdukcinės video dalies, kurioje plačiau pasakoju, kas bus atliekama pamokoje.
Beje, video pamokos parsisiuntimo nuorodą pateiksiu kiek vėliau, dabar dar šį bei tą tvarkau.
 
Sėkmės bežiūrint! :)
 
---
 
Atnaujinta 2009-08-13
 
Dabar galite video pamoką parsisiųsti, nuorodos pateiktos žemiau.

00 - Pamokos introdukcija (įžanga) (50,8 MB)
01.1 - Dizaino maketavimas - dizaino viršus (94,1 MB)
01.2 - [1 dalis] - Dizaino maketavimas - turinio sritis ir apačia (footer) (57.2 MB)
01.2 - [2 dalis] - Dizaino maketavimas - turinio sritis ir apačia (footer) (52.2 MB)
02.1 - Dizaino karpymas - kaip tinkamai karpyti dizainą (12,9 MB)
02.2 - Dizaino karpymas - dizaino karpymas ir paveiksliukų eksportavimas (63,9 MB)
03.1 - Dizaino kodavimas (HTML/CSS) - pasiruošimas kodavimui (24,5 MB)
03.2 - Dizaino kodavimas (HTML/CSS) - viršutinė dizaino dalis (58,1 MB)
03.3 - Dizaino kodavimas (HTML/CSS) - CSS savybės: margin ir padding (12,4 MB)
03.4 - [1 dalis] - Dizaino kodavimas (HTML/CSS) - turinio ir apačios sritis (57,2 MB)
03.4 - [2 dalis] - Dizaino kodavimas (HTML/CSS) - turinio ir apačios sritis (52,0 MB)
04 - Apibendrinimas (18,7 MB)

http://img18.imageshack.us/img18/117/videopromo.png
 
Sveiki, uzdarbis.lt lankytojai. :blink: Grįžtu vėl su naujienomis. Šį kartą video pamokos autorius esu ne aš, o mano kolega Irmantas.
 
Pamoką nusprendėme ruošti tada, kai pasipylė begalė klausimų apie tai, kaip integruoti dizainą į kokią nors valdymo sistemą, tad šioje video pamokoje parodyta, kaip integruoti sukoduotą dizainą į turinio valdymo sistemą „WordPress“.
 
 
Pamoka: http://www.e-grafika.lt/video/pamoka/Dizai...valdymo-sistema.
 
Prižadu greitu metu įkelti tiek šios, tiek ankstesnės pamokos video failus parsisiuntimui. :)

Tikiuosi tai nebus traktuojama kaip tiesioginė reklama, tačiau nusprendžiau pasidalinti su jumis savo kuklia video pamoka. :)
 
Pamokoje matysite visą darbo eigą, t.y. nuo dizaino maketo sudarymo Adobe Photoshop programoje iki galutinio dizaino, pateikto HTML/CSS kodu.
 
Pamoką sudaro 3 esminės dalys: dizaino maketavimas, karpymas (slice'inimas) ir galiausiai kodavimas. Trečiąją dalį nusprendžiau sukarpyti į dar tris atskiras dalis, kadangi iš pradžių susidūriau su sunkumais filmuojant video, o vėliau nutariau, kad susidarys itin dideli video failai, tad vienintelė išeitis buvo juos suskaidyti į smulkesnes dalis.
 
00 - Įžanga: http://www.sendspace.com/file/xwa5vg (~11 MB)
01 - Darbas su Photoshop: http://www.sendspace.com/file/n0ohjw (~60 MB)
02 - Dizaino karpymas: http://www.sendspace.com/file/yz618l (~16 MB)
03.1 - Dizaino kodavimas HTML ir CSS (pirma dalis): http://www.sendspace.com/file/nw09m3 (~81 MB)
03.2 - Dizaino kodavimas HTML ir CSS (antra dalis): http://www.sendspace.com/file/xloebj (~38 MB)
03.3 - Dizaino kodavimas HTML ir CSS (trečia dalis): http://www.sendspace.com/file/ysl2x5 (~66 MB)
 
Taip pat galite parsisiųsti pamokoje sukurtus failus: video pamokos failai.
 
Mano kalboje rasite šiokių tokių stiliaus klaidų (kai kur net vėlėsi liežuvis, matyt nuo anglų kalbos), o taip pat ir kitų netikslumų, tačiau šią pamoką kūriau beveik eksprontu, užpuolė noras susukti video labai staiga. Pradžioje net jaudulys buvo, bet vėliau kaip ir praėjo. ;)
 
Filmavau su Camtasia Studio, bet jinai mane pavedė, todėl susidarė problemos su failų peržiūra. Per VLC nerodo vaizdo, o su WMP viskas gerai. Tačiau čia Camtasia Studio nereikia kaltint, kaip aš sau ir kitiems sakau: „Nėra blogų įrankių, yra tik kreivos rankos“. :)

Kopijuok. Tai pats lengviausias budas išmokti "piešti". Kad nieko neįskaudintum eik į http://www.templatemonster.com/, pasirink patinkantį templeitą ir pradėk darytis kopiją, po 20 tokių templeitų pradėsi suprast kame reikalas. Sek trendus, žiūrinėk css galerėjas (http://cssmania.com/, http://siteinspire.net/ etc). Be pastangų ir noro nebus ir rezultatų. Sėkmės.

######otl lama kiek dar n.x laukt??????????????????? ##### vrottttt

Rugsėjo 1-ą gausit SMS kad įstojot :o

tai jai tuščia tai nk gero kaip supratau :)

taigi maigykit ir atsidaris, relaxe take it easy xD

Tai kad mano draugas gavo kvietimą į kolegiją. :)

Tai kad mano draugas gavo kvietimą į kolegiją. :)

Įdomu, kokie ten kreivarankiai dirba, kad negali numatyti iš anksto tokios didelės apkrovos...

Įdomu, kokie ten kreivarankiai dirba, kad negali numatyti iš anksto tokios didelės apkrovos...

Įdomu, kokie ten kreivarankiai dirba, kad negali numatyti iš anksto tokios didelės apkrovos...

Įdomu, kokie ten kreivarankiai dirba, kad negali numatyti iš anksto tokios didelės apkrovos...

Įdomu, kokie ten kreivarankiai dirba, kad negali numatyti iš anksto tokios didelės apkrovos...

Įdomu, kokie ten kreivarankiai dirba, kad negali numatyti iš anksto tokios didelės apkrovos...

Įdomu, kokie ten kreivarankiai dirba, kad negali numatyti iš anksto tokios didelės apkrovos...

Tai kai randi paiškink kitiems, kad ir kiti žinotų

Pats logiškai pamąstyk ką klausei.

RTFM

Laba Diena:) Aš paleidau php-fushion v7 viska su instaliavau bet kai bandau prisijungti prie userio man neprisijungia.Ka daryti prašau padekit.Pagrbiai JaHo
 
Prašau padekit prašau

atiduok jį man :) ką su juo veiksiu? SU-NAI-KIN-SIU!

no offence, bet su tokio lygio skelbimai tik tokio pat lygio darbuotojus gali prisitraukt.

Deja, taip neveiks, nes nenurodytas elemento plotis (width). Pavyzdžiui:
 

<div style="width: 468px; margin: 0 auto;"></div>