Uždaryti
Jei aktyviai domiesi kompiuterinės grafikos naujovėmis, web dizainu, svetainių kūrimu, užsiprenumeruok E-grafika.lt turinį per RSS!
Nori pareikšti savo nuomonę? Peržiūrėti video pamokas? Gauti tik nariams prieinamų resursų? Sužinoti apie naujienas pirmasis? Tada registruokis!
Jeigu jau esi užsiregistavęs, prisijunk ir diskutuok forumuose, komentuok naujienas, straipsnius, video pamokas, bendrauk su kitais bendruomenės nariais!

Diskusijų forumai


Diskusijų forumai   »   Pagrindinės diskusijos   »   Video pamokos   »   Tinklalapio (web) dizaino kūrimas

Tinklalapio (web) dizaino kūrimas

adijux Tema paskelbta: 2009-05-19 22:24:41

Svetainės administratorius

adijux
Užsiregistravo: 2008-08-28
Pranešimų forumuose: 280
Parašė komentarų: 44
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

--- 
Dabar galite video pamoką parsisiųsti, nuorodos pateiktos žemiau.

  Paskutinį kartą temą redagavo adijux (2009-08-13 23:19:24), redaguota kartų: 1
 

Atsakymai į temą

adijux Atsakymas parašytas: 2010-01-18 17:08:12   [ #777 ]   Atsakymo ID: 777 Ilgalaikė nuoroda į atsakymą

Svetainės administratorius

adijux
Užsiregistravo: 2008-08-28
Pranešimų forumuose: 280
Parašė komentarų: 44
andrius22 rašė:
cia kalbu apie funkcijas drupalo. nors man gal reikejo rasyti i kita tema??

Žinoma! Ši tema neturi nieko bendro su Drupal turinio valdymo sistema, todėl čia tikrai ne vieta tokioms diskusijoms. Rašyk savo sukurtoje temoje apie Drupal, o ne čia.
 
andrius22 Atsakymas parašytas: 2010-01-19 17:41:06   [ #778 ]   Atsakymo ID: 778 Ilgalaikė nuoroda į atsakymą

Ištikimas bendruomenės narys

andrius22
Užsiregistravo: 2009-10-23
Pranešimų forumuose: 151
Parašė komentarų: 2
o tu ziurejai ta vieta kur sako kad jai naudoji padding arba margin savybes turi nuimti tiek pat ir nuo height arba width dar beto kur reset failo nuoroda html faile? (ar tu jos nenaudoji? 
Jai nekl;ystu nuo virsaus tau turetu buti ne 15px o 2px nes nurodej height: 13px.
 
adijux Atsakymas parašytas: 2010-01-20 18:30:16   [ #779 ]   Atsakymo ID: 779 Ilgalaikė nuoroda į atsakymą

Svetainės administratorius

adijux
Užsiregistravo: 2008-08-28
Pranešimų forumuose: 280
Parašė komentarų: 44
andrius22 rašė:
o tu ziurejai ta vieta kur sako kad jai naudoji padding arba margin savybes turi nuimti tiek pat ir nuo height arba width

Tu klausi, ar aš žiūrėjau? cheeze Juk aš šitą vaizdo pamoką kūriau. lol 

andrius22 rašė:
Jai nekl;ystu nuo virsaus tau turetu buti ne 15px o 2px nes nurodej height: 13px.

Taigi lyg ir viskas teisingai toje vaizdo pamokoje. Gi pažiūrėk vaizdo pamokoje kurtus failus — dizainą juk gerai rodo naršyklėje. wink
 
goaxer Atsakymas parašytas: 2010-01-23 14:00:21   [ #781 ]   Atsakymo ID: 781 Ilgalaikė nuoroda į atsakymą

Naujokas

goaxer
Užsiregistravo: 2009-08-17
Pranešimų forumuose: 5
Parašė komentarų: 1
Gal galit kas permesti tuos failus? Kadangi nesiuncia is esamu nuorodu.
 
Macaque Atsakymas parašytas: 2010-01-23 20:02:44   [ #782 ]   Atsakymo ID: 782 Ilgalaikė nuoroda į atsakymą

Bendruomenės narys

Macaque
Užsiregistravo: 2009-11-16
Pranešimų forumuose: 39
Parašė komentarų: 0
Žiūrėk čia.
 
golen Atsakymas parašytas: 2010-01-27 15:28:35   [ #787 ]   Atsakymo ID: 787 Ilgalaikė nuoroda į atsakymą

Naujokas

golen
Užsiregistravo: 2010-01-27
Pranešimų forumuose: 7
Parašė komentarų: 0
Blogos nuorodos siuntiniu ;/
 
Macaque Atsakymas parašytas: 2010-01-27 18:07:22   [ #788 ]   Atsakymo ID: 788 Ilgalaikė nuoroda į atsakymą

Bendruomenės narys

Macaque
Užsiregistravo: 2009-11-16
Pranešimų forumuose: 39
Parašė komentarų: 0
O kam tau siųstis, jeigu yra patalpinta į vimeo.com ir gali žiūrėti neparsisiuntęs failų? smile
 
andrius22 Atsakymas parašytas: 2010-01-29 11:38:13   [ #796 ]   Atsakymo ID: 796 Ilgalaikė nuoroda į atsakymą

Ištikimas bendruomenės narys

andrius22
Užsiregistravo: 2009-10-23
Pranešimų forumuose: 151
Parašė komentarų: 2
Tai, kad as ne tau adijux rasiau (o gal tiesiog nepaziurejau kas raso cheeze ).
Na, o as savo dizaina jau pritaikiau drupaluj, viskia veikia, tik css kazka tvarkyt reikia, nes kai atudarau adminstracijos menu vienas nuorodas atvaizduoja melynai kaip ir norejau, kitas violetines, nors turetu visos buti melynos na, bet cia jau niekis.
Aciu uz jusu kantrybe su manim smile ir uz pamokymus. Siaip galvoju mokintis kaip kurti Tvs, bet nzn ar man to reikia. iki.
  Paskutinį kartą atsakymą redagavo andrius22 (2010-01-29 11:40:18), redaguota kartų: 2
 
Macaque Atsakymas parašytas: 2010-01-29 21:49:24   [ #797 ]   Atsakymo ID: 797 Ilgalaikė nuoroda į atsakymą

Bendruomenės narys

Macaque
Užsiregistravo: 2009-11-16
Pranešimų forumuose: 39
Parašė komentarų: 0
andrius22 rašė:
Tai, kad as ne tau adijux rasiau (o gal tiesiog nepaziurejau kas raso cheeze ).
Na, o as savo dizaina jau pritaikiau drupaluj, viskia veikia, tik css kazka tvarkyt reikia, nes kai atudarau adminstracijos menu vienas nuorodas atvaizduoja melynai kaip ir norejau, kitas violetines, nors turetu visos buti melynos na, bet cia jau niekis.
Aciu uz jusu kantrybe su manim smile ir uz pamokymus. Siaip galvoju mokintis kaip kurti Tvs, bet nzn ar man to reikia. iki.


Jeigu atviras projektas, tai parodyk tą puslapį, kuriame yra drupal + tavo template'as ;}
 
adijux Atsakymas parašytas: 2010-01-30 00:24:23   [ #798 ]   Atsakymo ID: 798 Ilgalaikė nuoroda į atsakymą

Svetainės administratorius

adijux
Užsiregistravo: 2008-08-28
Pranešimų forumuose: 280
Parašė komentarų: 44
Gerai, užteks čia „off-topic“ kalbų, geriau aš jums pateiksiu šiokių tokių naujienų. hi 

Taigi vimeo.com nustačiau visus vaizdo įrašus kaip „public“, todėl juos galėsite parsisiųsti tiesiai iš ten!

Atsidarykite bet kurį vaizdo įrašą ir susiraskite dešinėje skiltlį „About this video“. Ten paspauskite „Download this video“ ir siųskitės. Tik perspėju, kad norėdami parsisiųsti vaizdo įrašus, turėsite užsiregistruoti vimeo.com. shy 

Žinau, kad tai nėra labai patogus būdas parsisiųsti vaizdo įrašams, tačiau po kol kas nieko geriau nesugalvoju. Nenoriu talpinti failų į kitus serverius dėl dviejų priežasčių:

  • 1) įkėlimo procesas ilgas ir skausmingas, nes įkėlimo (upload) greitis pas mane tesiekia varganus ~85-90 kB/s. sad

  • 2) įvairūs apribojimai ir taisyklės, dėl kurių neaktyvūs failai po kiek laiko šalinami iš serverių, todėl taip įvykus reiktų kartoti pirmąjį mano paminėtą punktą.


Vimeo.com albumas (Tinklalapio dizaino kūrimas).

Cheers! heart