Dizaino karpymas

Dizaino sukarpymas ir html failo paruošimas

 

1. Atsidarome jau sukurtą dizainą ir pasirenkame Slice Tool

http://img3.freeimagehosting.net/uploads/th.aced9b5cab.jpg

2. Suskirstome dizainą su slice tool į atskiras dalis, jos negali but betkaip išbarstytos, turi but sujungtos viena su kita, jejgu pamatysite kad atsiranda slicu su pilku kvadraciuku kampe (turi būti mėlynas) reiškia kažkas negerai, t.y. kažkur nėra vieno slico. Jejgu kas nors negerai naudojame slice select tool žr. kitą paveiksliuką.

http://img3.freeimagehosting.net/uploads/th.4a4e8ec6bf.jpg

3. Prizoominkit ir peržiūrėkit visus slicu susijungimus kad jie susijungtu lygiai vienas su kitu tam naudoti slice select tool, ir atkreipkite kad pilnai butu pažymėtas tik tas elementas kurio reikia, tai yra kad kiekviename slice butu tiktai tas ko reikia.

http://img3.freeimagehosting.net/uploads/th.52d7749784.jpg

4. Kiekvienam slicui užrašome pavadinimą, taip bus lengviau redaguoti htmla (dukart paspaudžiame ant slico).

http://img3.freeimagehosting.net/uploads/th.47c0a6184d.jpg

5. Spaudžiame File --> Save for web (ctrl-shft-s)

6. Kiekvienam slicui nustatome parametrus, gif arba jpeg plačiau apie tai http://www.uzdarbis.lt/Kaip-issaugoti-pave...tam-t13150.html

http://img3.freeimagehosting.net/uploads/th.4ca019f096.jpg

7. Spaudžiame Save ir užsaugome taip:

http://img3.freeimagehosting.net/uploads/th.8cb2cbb7aa.jpg

8. Atsidarome sukurtą html failą su bet kokiu html redaktoriumi ir tose vietose kur paveiksliukas turi ejt kaip fonas, t.y. jis nebus mygtukas, ar dar kasnors svarbaus, šiuo metu nlb įsivaizduoju kas ištriname

img src="images/xxx.gif alt=""

ir vietoj to parašome

background="images/xxx.gif"

http://img3.freeimagehosting.net/uploads/th.892ca1335c.jpg

 

Jejgu tinkalpyje kai kurie paveiksliukai gaunasi vienos spalvos juos geriau išvis išimt ir parasyt

bgcolor="#xxxxxx"

tai pagreitins krovimasi...

Yra dar daug visokių dalykų kuriuos galite padaryti kad tinkalpis gautusi dar geresnis, pavyzdžiui lenteles pakeisti css ir pan...

Čia vienas paprasciausių būdų iš dizaino padaryti html, jis nėra tobulas, bet manau naujokams pravers.

nereikėtų mokinti taip karpyti. Vis dėl to reikia mokytis css technologijos, kaip ir su kuo valgoma. Bet džiugu, kad kažką darai.

ačiū.šiaip labai norėtųsi sužinot, kaip užmaut tą dizainą ant scripto.. :/ bet dėkui ir už tiek <_<

Redagavo Vasario 26, 2007 Vacuum

Cia pateiktas labai geras pavyzdys kaip NEREIKETU daryti <_<

kas nepamineta tai, kad jaigu i kaikures vieta iterpsi bgcolor vietoje paveiksliuko (paveiksliuka istrinsi) gali dizainas ''issibegioti''

Cia pateiktas labai geras pavyzdys kaip NEREIKETU daryti <_<

 

Kodel?

todel kad kazka is paveiksliuku paverti i txt medziaga, jai kazkas kartojasi per css uztektu 1 karta apsirasyti ir priskirineti klases. nu tas yrankis buvo liuks pries kokius 5 metus o ne dabar.

Nelabaij suprantu kodel cia taij blogaij... jai sukarpai gerai ir per visas narshykles rodo gerai,... tai kodel gi ne... kam ten knistis su tuo css? gal kraunasi ir ilgiau... bet gi jau labaij retas kuris turi maziau neij 1 ar 2mb/s...

Padarykit pamoka su css. Šitą būdą pats išmokau, bet jis nelabai geras...

Nesuprantaat, turit desimt puslapiu kuurie padaryti sitokiu butdu, kad pakeistumte banery jums reikes pakesiti kekviename psl atskirai, o su css uztenka kelias eilutes...

sita buda mokejau <_< reiktu ismokt su css :[

Kaip ir daugeliui cia pasireiskusiu, taip ir mane labiausiai domina, kaip viskas turetu buti su CSS. Gal atsiras, kas placiau papasakos apie CSS? Labai pravestu tokia tema <_<

Su CSS vienu mygtuko paspaudimu taip nepadarysi, bent jau dar nesu matęs tokio įrankio. Tiesiog reikia mokytis pačiam. Esmė tame, kad šiuolaikinio tinklalapio struktūra neturėtų naudoti lentelės kaip pagrindo.

 

Redaguota: šia tema verta paskaityti Tables Vs. CSS - A Fight to the Death

Jei kas padarytu video tutoriala tai paskui paciau jau butu lengviau kazka bandytis.

Toje pačioje temoje norėčiau paklaust kaip sumažint paveiksliuką nesugadinant jo kokybės? Su paint kažkaip blogai gaunasi..

Toje pačioje temoje norėčiau paklaust kaip sumažint paveiksliuką nesugadinant jo kokybės? Su paint kažkaip blogai gaunasi..

IrfanView programa

photoshop

Image-->Image size (alt-ctrl-i)

IrfanView programa

ačiu. Psi irgi dėkui.

Cia pateiktas labai geras pavyzdys kaip NEREIKETU daryti :)

 

Gal kas galėtų pateikti pavyzdį, kaip reikėtų? <_>

Gal kas galėtų pateikti pavyzdį, kaip reikėtų? :)

jo, nepatingekit :)

Nesu bandes sito budi bet reiks pamegint :) tik tiek pastebejau kad daug kas sako taip NEREIKIA daryti , , bet kaip reiktu daryti neparodo ar bent jau nepaaiskina . Saunuolis Psi

siaip tai taip suslicinus ir exportavus gausit koda su tables, photoshop cs2 palaiko exportavima panaudojant css ir divus...

cia trumpas totoialas how to:

http://www.duclaux.net/blog/how-to-convert...ons/2006/02/08/

 

aishku viskas grazu bet iki galutinio rezultato dar toli :)

visi divai bus absoliutaus pozicionavimo kuriuos reiks taisyt rankutem, kad viskas graziai veiktu, nes pavydziui kur topico pradzioj pateiktas pavizdys, kas bus jei suvesim perdaug teksto i langa kur skirtas contentui? visas dizainas ims byret ;]

vnz in conclusion automatiskai sugeneruota koda visada reiks taisyt, mazint paveiksleliu skaiciu ir keist spalvom, o likusius optimizuot...

ir dar vienas pliusas css eina del to kad kai krauna dizaina nerodo tos vietos kur turi buti paveikslelis nesimato borderiu ir kito sh kai uzkrauna tik tada atsiranda image.

paaiskinkite geriau kaip uzmauti dizaina ant kokio wordpresso ir pns ;)

Redagavo Vasario 10, 2008 Adukas

siaip tai taip suslicinus ir exportavus gausit koda su tables, photoshop cs2 palaiko exportavima panaudojant css ir divus...

cia trumpas totoialas how to:

http://www.duclaux.net/blog/how-to-convert...ons/2006/02/08/

 

aishku viskas grazu bet iki galutinio rezultato dar toli ;)

visi divai bus absoliutaus pozicionavimo kuriuos reiks taisyt rankutem, kad viskas graziai veiktu, nes pavydziui kur topico pradzioj pateiktas pavizdys, kas bus jei suvesim perdaug teksto i langa kur skirtas contentui? visas dizainas ims byret ;]

vnz in conclusion automatiskai sugeneruota koda visada reiks taisyt, mazint paveiksleliu skaiciu ir keist spalvom, o likusius optimizuot...

ir dar vienas pliusas css eina del to kad kai krauna dizaina nerodo tos vietos kur turi buti paveikslelis nesimato borderiu ir kito sh kai uzkrauna tik tada atsiranda image.

 

Labai geras totorialas, reiks kada pabandyt. Bet tik idomiause koke privalumai siuo atveju CSS pres paprasta html koda?

Labai geras totorialas, reiks kada pabandyt. Bet tik idomiause koke privalumai siuo atveju CSS pres paprasta html koda?

Nieko gero šitas tutorialas, nes su juo padaręs dizainą jo negalėsi nei stumdyti (jis visada bus šone), nei keisti skilčių poločio/ilgio (tilps tik ribotas turinio kiekis).