Pereiti prie turinio

Dizaino karpymas


Rekomenduojami pranešimai

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.

Nuoroda į pranešimą
Dalintis kituose puslapiuose

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

Nuoroda į pranešimą
Dalintis kituose puslapiuose

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.

Nuoroda į pranešimą
Dalintis kituose puslapiuose
  • po 11 mėnesių...

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?

Nuoroda į pranešimą
Dalintis kituose puslapiuose
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).
Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...