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


Tinklalapio (web) dizaino kūrimas

Edmundas
Tinklalapio šeimininkas

 
Tema paskelbta: 2009-05-19 22:24:41
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

 
Atsakymas parašytas: 2010-01-18 17:08:12 [#777] Atsakymo ID: 777 Ilgalaikė nuoroda į atsakymą #1
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
Bendruomenės narys

 
Atsakymas parašytas: 2010-01-19 17:41:06 [#778] Atsakymo ID: 778 Ilgalaikė nuoroda į atsakymą #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.
Edmundas
Tinklalapio šeimininkas

 
Atsakymas parašytas: 2010-01-20 18:30:16 [#779] Atsakymo ID: 779 Ilgalaikė nuoroda į atsakymą #3
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? funny 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
Naujokas

 
Atsakymas parašytas: 2010-01-23 14:00:21 [#781] Atsakymo ID: 781 Ilgalaikė nuoroda į atsakymą #4
Gal galit kas permesti tuos failus? Kadangi nesiuncia is esamu nuorodu.
Macaque
Bendruomenės narys

 
Atsakymas parašytas: 2010-01-23 20:02:44 [#782] Atsakymo ID: 782 Ilgalaikė nuoroda į atsakymą #5
Žiūrėk čia.
golen
Naujokas

 
Atsakymas parašytas: 2010-01-27 15:28:35 [#787] Atsakymo ID: 787 Ilgalaikė nuoroda į atsakymą #6
Blogos nuorodos siuntiniu ;/
Macaque
Bendruomenės narys

 
Atsakymas parašytas: 2010-01-27 18:07:22 [#788] Atsakymo ID: 788 Ilgalaikė nuoroda į atsakymą #7
O kam tau siųstis, jeigu yra patalpinta į vimeo.com ir gali žiūrėti neparsisiuntęs failų? smile
andrius22
Bendruomenės narys

 
Atsakymas parašytas: 2010-01-29 11:38:13 [#796] Atsakymo ID: 796 Ilgalaikė nuoroda į atsakymą #8
Tai, kad as ne tau adijux rasiau (o gal tiesiog nepaziurejau kas raso funny ).
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.
Pask. redagavo andrius22 (2010-01-29 11:40:18), redaguota kartų: 2

Macaque
Bendruomenės narys

 
Atsakymas parašytas: 2010-01-29 21:49:24 [#797] Atsakymo ID: 797 Ilgalaikė nuoroda į atsakymą #9
andrius22 rašė:
Tai, kad as ne tau adijux rasiau (o gal tiesiog nepaziurejau kas raso funny ).
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 ;}
Edmundas
Tinklalapio šeimininkas

 
Atsakymas parašytas: 2010-01-30 00:24:23 [#798] Atsakymo ID: 798 Ilgalaikė nuoroda į atsakymą #10
Gerai, užteks čia „off-topic“ kalbų, geriau aš jums pateiksiu šiokių tokių naujienų. hey

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! :h:

Puslapiai: