Dizaino karpymas iš PSD

Pamoka, skirta žmonėms norintiems išmokti PSD paveiksliuką susikarpyti ir paversti HTML ir CSS.

Manau tikrai pagelbės, nes viskas parašyta labai aiškiai ir suprantamai. Ateityje žadu išversti į LT kalbą, nes labai naudinga pamoka :)

 

Žiūrėti pamoką

kazkodel pradzioje man dvieju paveiksliuku nerodo, ar ten neturi ju buti?

 

Create a new layer above your content layer labelled sidebar select the color #e2e2e2 and create a rectangle like the image below.

 

Kur tas sakinys yra..

Na man visus rodo :) gal pabandyk per kitą naršyklę?

kazkodel pradzioje man dvieju paveiksliuku nerodo, ar ten neturi ju buti?

Create a new layer above your content layer labelled sidebar select the color #e2e2e2 and create a rectangle like the image below.

Kur tas sakinys yra..

Ko gero tau tik atrodo, kad jų nerodo, nes tie paveikslėliai yra šiek tiek "tušti": :)

http://www.hv-designs.co.uk/tutorials/psd2html/step5.gif

ir

http://www.hv-designs.co.uk/tutorials/psd2html/step6.gif

Na jie sukurti tik pavaizduoti pamoką. Suprantantiems angliškai jie visiškai nereikalingi

puiki pamoka <_<

Pravers jinai man manau <_<

man praverte.. išmokau jau karpyti <_<

Jeigu rasiu imesiu hefaisto video pamoka.

 

 

EDIT: Video tutorial kaip sukarpyt bei paleist web.

 

CIA

Redagavo Liepos 8, 2008 Thirdsoul

Tikrai naudinga pamoka. Dekui.

Hefaisto pamokoje man rodos css nera? ar yra?

Taip, nėra CSS. Beje, Karolis M, kada išversi į lietuvių kalbą pamoką, kaip pasidaryti CSS? :)

Manau kas nemoka angliškai, sunku bus išmokti dirbti CSS, bet aišku galima naudoti ir lietuviškus pavadinimus.

 

Tarkim, vietoje header naudoti virsus, vietoje footer, apacia. ir panašiai.

 

Norint išmokti CSS, reikia žinoti, kad padding yra atitraukimas nuo kraštų, width yra plotis, color - spalva, font - šriftas, ir kitus svarbius terminus.

 

Paprastas pavyzdėlis, mes norime padaryti tekstą su 2pixeliu atitraukimu, arial, paboldintu šriftu, pilka spalva.

 

Pirmiausia mums reikalingas # ženkliukas, tačiau jis nevisados yra naudojamas rašant CSS, toliau seka mūsų sugalvotas pavadinimas tai vietai, kuriai rašysime nustatymus (aš parašiau "virsus"), ir kaip jau įprasta rašant betkokį kodą, visada yra pradžios ženklas ir užbaigiamasis, CSS naudojame { - pradžiai, } - pabaigai. Kiekviena CSS lentelės eilutė prasideda naujoje ir gale baigiasi kabletaškiu ;

#virsus {

}

 

Dabar surašome nustatymus:

#virsus {

padding: 2px; - padding yra atitraukimas nuo kraštų

color: #666666; - color spalva, rašome # prieš spalvos kodą

font: bold 1.4em 'Arial'; - font yra šriftas, rašome bold, jeigu norime pastorinto, tada šrifto pavadinimą

}

 

Tikiuosi kažkiek užvedžiau ant vėžiu, bent pagrindą mokėsite :) o šiaip siūlau daug bandyti, ir tikrai gausis.

Redagavo Liepos 29, 2008 Karolis M

gera pamoka..;) respect! ( tikiuosi dėl to žodžio nepradės manęs puldinėti kaikurie šio forumo nariai:D )

Dėkui :D O dėl puldinėjimo nežinau, nes ir pats ne karta įsitikinau jog yra tokių narių ;)

su kokiais kodekais reikia žiūrėti ta video ?

Dėkui labai, tikrai padejai.

nebloga pamokėlė bet jei nesigaudai toje srityje išmokt netaip lengva iš vienso pamokos tikrai :)