Diskusijų forumai
Diskusijų forumai     Kompiuterinė grafika, dizainas     Video pamokos     Tinklalapio (web) dizaino kūrimas



Tinklalapio (web) dizaino kūrimas

Edmundas
Tinklalapio šeimininkas

 
E-grafika.lt svetainės atsinaujinimo proga paruošėme dviejų valandų trukmės video pamoką (ah, meluojame — tiksli pamokos trukmė 2 val 34 min!) apie tai, kaip sukurti tinklalapio (web) dizainą. Jeigu kas nors iš jūsų žiūrėjote pirmąją video pamoką, atsimenate, kad ji buvo suskaidyta į tris dalis. Kadangi ši video pamoka yra labai panaši (vos ne „remake“) į ankstesnę, nutarėme palikti tas pačias dalis.


Pagrindinės video pamokos dalys:
1) dizaino maketavimas Adobe Photoshop programoje;
2) dizaino karpymas ir reikiamų paveiksliukų eksportavimas
2) kodavimas su HTML ir CSS.
 
Pamokoje taip pat plačiai paaiškinta, kaip tinkamai sukarpyti dizainą su Slice Tool, kuo skiriasi CSS savybės: margin ir padding, kaip taikyti pakopinių stilių savybę float, ir daugelis kitų dalykų.

Pamokoje kurtas dizainas nėra ypatingai sudėtingas, tačiau užtikriname, kad rezultatu liksite nenusivylę. Žinoma, pabaigę kurti dizainą pagal video pamoką galėsite jį toliau tobulinti, gražinti, žodžiu — eksperimentuoti ir ieškoti savų idėjų.

Lauksime jūsų darbo rezultatų, patarimų bei įvairių pašnekesių, susijusių su šia video pamoka, mūsų svetainės diskusijų forumuose. Jeigu jums patiks video pamoka, tikimės, kad siūlysite temas naujoms pamokoms. Ir kas ten žino... gal vieną dieną išvysite norimą pamoką E-grafika.lt svetainėje? wink

Visi video pamokoje sukurti/naudoti failai patalpinti serveryje, todėl, jei norite, galite juos parsisiųsti: http://www.e-grafika.lt/failai/dizainas.rar.


Laukiame jūsų atsiliepimų, komentarų, diskusijų apie šią video pamoką. wink


Atnaujinta 2011-03-06

Visas senąsias vaizdo pamokas rasite vimeo.com. Pagrindiniame mūsų tinklalapio puslapyje rasite nuorodą į tikslų vimeo puslapį.
Paskutinį kartą temą redagavo Edmundas (2011-03-06 19:28:23), redaguota kartų: 2
 
Puslapiai:



Atsakymai į temą

Edmundas
Tinklalapio šeimininkas

 
Paprastai jokio „serial number“ įvesti nereikia, jeigu diegi kaip bandomąją versiją. Tik pasibaigus 30 dienų laikotarpiui būtina įvesti licenzijos kodą, nes kitaip programa nefunkcionuos. „Adobe“ puslapyje yra aiškiai apie tai parašyta.

The trial period lasts for 30 days after you first launch Photoshop.
pauliukas
Bendruomenės narys

 
adijux rašė:
Paprastai jokio „serial number“ įvesti nereikia, jeigu diegi kaip bandomąją versiją. Tik pasibaigus 30 dienų laikotarpiui būtina įvesti licenzijos kodą, nes kitaip programa nefunkcionuos. „Adobe“ puslapyje yra aiškiai apie tai parašyta.

The trial period lasts for 30 days after you first launch Photoshop.


Bet man jo praso

jei ka atrasyk man per skype atsiusiu net sreena ka meta man

EDIT. Vsio gavau serial coda.

// Redagavau tavo atsakymą ir pašalinau pask. tavo žinutę. Nerašyk bereikalingų atsakymų, tam yra redagavimo mygtukas. (adijux)
Pask. redagavo Edmundas (2009-08-27 17:02:38), redaguota kartų: 1

audriens
Naujokas

 
Labai sauni pamoka ! Didele pagarba tokiems zmonems, kaip tu, uz ju nora padeti kitiems, nenorint is to pasipelnyt !  Noriu paklaust, gal zinot kokia  programos "Adobe Dreamweaver" alternatyva, kuri veiktu ant ubuntu? :]
Edmundas
Tinklalapio šeimininkas

 
Linux operacine sistema nesinaudoju, todėl nežinau, kokie teksto redaktoriai egzistuoja Linux platformai. Kiek žinau, Aptana Studio yra pritaikytas Linux OS. Dar gali bandyti BlueFish. Beje, pasirodo UltraEdit redaktorius, kuris anksčiau buvo skirtas tik Windows platformai, greitai atsiras ir Linux/Mac operacinėms sistemoms: http://www.ultraedit.com/products/uex.html. wink
DelluXas
Bendruomenės narys

 
Gal ir bukas klausimas, tačiau iškur gauti reset.css turinį? Pamokose nebuvo jis duotas, o naudoti norėtusi.  meh
Edmundas
Tinklalapio šeimininkas

 
Eh, pražiopsojai... smile Vaizdo pamokos aprašymą paskaityk, ten paminėta, jog visi pamokoje naudoti/sukurti failai yra sudėti į archyvą ir patalpinti serveryje. Ten pat rasi ir parsisiuntimo nuorodą. wink

DelluXas
Bendruomenės narys

 
Ups, nepastebėjau... Dėkui "adijux".  (:

EDIT: Taigi, įdomu būtų pasimokyti temą pritaikyti tokiam paprastam varikliukui kaip "Php-Fusion", kad ir v6 pradžiai, geriausia būtų v7, tačiau nerandu pamokėliu, ar bent pradžiamokslio kokio... Na suprantu, stataisi kodus iš kokios temos kitos, tačiau vistiek, gerai būtų pamokėlė.
Pask. redagavo DelluXas (2009-10-14 22:21:53), redaguota kartų: 1

megax
Naujokas

 
dekui uz labai isamius tutus.
pradedanciajam ir tai lengva kai yra is ko mokytis profesonalaus.
Ispirmo budavo priklai, mano cs2 isipisinedavo vientik kai ziuredauvau tutus is saito su full screen, pasirenka automatiskai hand toolas ir nk padaryt neina...
Dabar tikiuosi bus kitaip smile
Edmundas
Tinklalapio šeimininkas

 
megax rašė:
Ispirmo budavo priklai, mano cs2 isipisinedavo vientik kai ziuredauvau tutus is saito su full screen, pasirenka automatiskai hand toolas ir nk padaryt neina...
Dabar tikiuosi bus kitaip smile

Tai dažna problema, tačiau yra nesunkus sprendimas. Šioje temoje kaip tik tai buvo aptarta. smile
jonas
Naujokas

 
Noriu padėkoti autoriui už puiku video kursa. Iki šiol turėjau bendras žinas, bet nesupratau nuoseklaus dizaino kūrimo proceso. smile

Butu įdomu sužinoti, kaip vyksta praktinis dizainerio ir programuotojo bendradarbiavimas, kaip pasiskirstoma darbais ir kokiuose etapuose programuotojas derina savo programavimą su dizaineriu ir atvirkščiai.

Pask. redagavo jonas (2009-11-23 15:56:45), redaguota kartų: 1


Puslapiai: