Naujienos

Pusantros valandos trunkanti video pamoka lietuviškai!

Parašė Edmundas, 2008-11-01 23:55:04


Taip taip, perskaitėte teisingai! Paruošėme apie 1,5 valandos trukmės video pamoką apie tai, kaip sukurti web dizainą blog'ui. 
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. 

Atsiprašome, kad negalime pateikti filmuotos medžiagos naršyklėje, tačiau tai sunaudoja itin daug duomenų srauto, kurio gali ir neužtekti. Todėl video failai buvo suarchyvuoti ir patalpinti į www.sendspace.com serverius. 

00 - Įžanga: http://www.sendspace.com/file/xwa5vg (~11 MB) [rapidshare.com]
01 - Darbas su Photoshop: http://www.sendspace.com/file/n0ohjw (~60 MB) [rapidshare.com]
02 - Dizaino karpymas: http://www.sendspace.com/file/yz618l (~16 MB) [rapidshare.com]
03.1 - Dizaino kodavimas HTML ir CSS (pirma dalis): http://www.sendspace.com/file/nw09m3 (~81 MB) [rapidshare.com]
03.2 - Dizaino kodavimas HTML ir CSS (antra dalis): http://www.sendspace.com/file/xloebj (~38 MB) [rapidshare.com]
03.3 - Dizaino kodavimas HTML ir CSS (trečia dalis): http://www.sendspace.com/file/ysl2x5 (~66 MB) [rapidshare.com]

Taip pat galite parsisiųsti pamokoje sukurtus failus: video pamokos failai.

Video failams pritaikytas XVID kodekas. Beje, pastebėjau, kad kyla bėdų žiūrint failus VLC grotuvu, viskas turėtų būti gerai su WMP. Atsiprašau už šiuos nesklandumus. 

Mano kalboje rasite šiokių tokių stiliaus klaidų, o taip pat ir kitų netikslumų, tačiau šią pamoką kūriau beveik eksprontu. Tikiuosi sulaukti jūsų nuomonių, kritikos (būtinai argumentuotos), klausimų, patarimų — viskas priimtina. 
Jeigu bus pageidautina, ateityje galite sulaukti ir daugiau video pamokų. 

Cascading Style Sheets

E-grafika.lt

Photoshop

Web dizainas

Apie autorių


Edmundas

Edmundas yra E-grafika.lt tinklalapio administratorius. Šiuo metu studijuoja Vilniaus universitete, dirba bei rūpinasi šiuo tinklalapiu: rašo straipsnius, naujienas, kuria naujus epizodus E-grafika.lt TV laidoms. Jis atsakingas už tinklalapio užtikrintą veikimą bei tobulinimą.

Komentarai
offslim
Labai noriu parsisiųsti visus failus, tačiau kai noriu siųstis vis rašo:

Sorry, the free service is at full capacity.

Please try later or upgrade to sendspace Max™ to enable guaranteed slots and instant, fast downloads.


Aišku bandžiau ne vieną kartą siųstis, tačiau vis tas pats. Gal galėtum patalpinti į rapidshare.com ar panašiai? Ačiū :]
offslim @ 2008-11-04 01:31:07
 
Edmundas
Dėkoju, kad informavai mus, offslim. smile
Aš ką tik bandžiau parsisiųsti failus, tai problemų neiškilo. Tačiau prižadu dar šiandien įkelti failus ir kitur, pavyzdžiui, į rapidshare.com. wink
Edmundas @ 2008-11-04 13:31:41
 
NoExitHere
Man nors problemų kilo, bet dažnas refrešas pagelbėjo. smile
Labai patiko pamoka. Gražiai viskas nuo A iki Ž paaiškinta. Dar kaip pamoka, kurta naktį tai išvis pasaka. Nedaug tokių išsamių ir ilgu pamokų lietuvių kalba galima rast.
Tikrai norėtųsi daugiau pamokų tik su sunkesniais dizainais.
Kitą kartą galėtum iconus iškart susirast. wink
NoExitHere @ 2008-11-06 13:46:51
 
Edmundas
Labai patiko pamoka. Gražiai viskas nuo A iki Ž paaiškinta. Dar kaip pamoka, kurta naktį tai išvis pasaka. Nedaug tokių išsamių ir ilgu pamokų lietuvių kalba galima rast.
Tikrai norėtųsi daugiau pamokų tik su sunkesniais dizainais.


Labai džiaugiuosi, kad pamoka patiko. smile Esu jau numatęs naujų pamokų temas, tačiau įtrauksiu į savo sąrašą ir sudėtingesnių dizainų kūrimo pamokų.

Kitą kartą galėtum iconus iškart susirast. wink


Kaltas. shy Paprasčiausiai prieš pradėdamas filmuoti pamiršau, kad nesusiradau reikalingų ikonų. Kitą kartą pasiruošiu kur kas rimčiau bei pasistengsiu ką nors sugalvoti, kad pamokas būtų galima žiūrėti ir svetainėje. nod
Edmundas @ 2008-11-06 20:28:41
 
NoExitHere
pasistengsiu ką nors sugalvoti, kad pamokas būtų galima žiūrėti ir svetainėje. nod


Srautą surysi. Nebent kažkur patalpinsi. Bet jeigu vėl bus tokio ilgumo, tai kažin ar rasi kur. meh
NoExitHere @ 2008-11-06 22:15:30
 
Edmundas
Srautą surysi. Nebent kažkur patalpinsi. Bet jeigu vėl bus tokio ilgumo, tai kažin ar rasi kur. meh


Dėl srauto žinau, bet jau maždaug galbūt ir numanau, kur bus galima patalpinti. smile


Edmundas @ 2008-11-06 22:20:49
 
Instinktas
Nuostabi pamoka. Noretųsi tokių ir daugiau. smile
Instinktas @ 2008-11-08 11:27:32
 
smikis
Aciu. Viskas labai aiskiai. O del stiliaus... Jei viska pagal Pupki (buvo toks lituanistas, jei kas nezino smile) bijau, kad didzioji dalis butu nelabai suprantama.
smikis @ 2008-11-12 23:25:01
 
Edmundas
Kitą kartą pasistengsius kuo aiškiau ir tiksliau kalbėti. Nors, mano nuomone, ne kalbos klaidų ieškodami žmonės žiūri video pamokas, o siekia išmokti tai, kas numatyta pamokoje. smile
Edmundas @ 2008-11-14 14:17:42
 
zuviukas
Atsisiuntė normaliai, bet failus tik audio paleidžia. Garsas eina, o vaizdo nėra. Nei vienas playeris nepaleido, gal kokio kodeko trūksta?
zuviukas @ 2009-01-03 11:20:55
 
Edmundas
Video failams paleisti reikia XVID kodeko, šiaip įdiegus K-Lite Codec Pack Full ir paleidus per Windows Media Player Classic turėtų viskas būti gerai.
Edmundas @ 2009-01-04 17:58:18
 
zuviukas
Va dabar jau paleidžia normaliai, ačiū. smile
zuviukas @ 2009-01-05 17:21:12
 
matulanas
Kodel negalima atsisiusti visu failu "video pamokos failai" ? As tuo esu labai nusivyles. meh
matulanas @ 2009-02-19 14:31:36
 
Edmundas
Matulanas, archyve „video pamokos failai“ yra tik html, css failai su paveiksliukais, kurie buvo sukurti video pamokoje. Ką tik bandžiau atsisiųsti šį archyvą, tai jokių problemų neiškilo.
Edmundas @ 2009-02-20 21:12:14
 
pylens
Neina failu kur naudoti parsisiuti.
pylens @ 2009-02-24 14:38:20
 
hello
Sveiki, padekit as daejau iki to kodavimo kur reikia padaryti meniu va parasai sita:

<ul>
  <li><a href="#home">Pagrindinis</a></li>
  <li><a href="#about">Apie mane</a></li>
   <li><a href="#useful">Naudinga</a></li>
  <li><a href="#contacts">Kontaktai</a></li>             	
</ul>


Ir kada refresini puslapi visi yra parasyti isskyrus Pagrindinis jo nematyt tik kada su pele apibrauki viska jis pasirodo bet ant jo neina nei paspaust nei nieko kito padaryti.
hello @ 2009-04-09 19:04:18
 
Edmundas
Pasirodo, kad hello nerodė pirmosios nuorodos, nes prieš tai neuždėjo kabučių vienoje vietoje (po žodžio menu):

<div id="menu>
    <ul>
        <li><a href="#home">Pagrindinis</a></li>

<... tolimesnis kodas ...>


klaida labai nedidelė, bet to užteko, kad nerodytų pirmosios nuorodos. wink
Edmundas @ 2009-04-10 15:38:28
 
repiano
gal galit atnaujinti atsisiuntimo nuorodą? būčiau labai dėkingas smile
repiano @ 2010-01-11 22:39:29
 
Edmundas
Taip, pasistengsiu šią savaitę atnaujinti parsisiuntimo nuorodas. wink
Edmundas @ 2010-01-12 12:11:45
 
Rycka
mldc!!!!!!!!! tikrai man padejai su seis video nesitikejau kad pats galiu kazka padaryt funny, lb dq!!! jau norejau moket uz sukarpima ir kodavima bet pats pameginau ir gavos, dq dar siki wink
Rycka @ 2011-04-27 18:16:05
 
worll
Reikia atnaujinti 03.2 - Dizaino kodavimas HTML ir CSS . Ir pamokos failai nuorodas. smile
worll @ 2011-12-06 14:09:21
 
Manti5
Jai gailima 2 dali progravavimo idek kitur nes is dabartines svetaines neleidzia siustis wink aciu smile ir is kur tas programas parsisiusti Photoshop ir Dw CS4 wink)
Saunuolis
Manti5 @ 2012-01-31 00:28:16
 
Išsakyk savo nuomonę
Komentuoti gali tik registruoti nariai.