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“. :)
Evaldas sureagavo į adijux Web dizaino pamoka