Lap
29

Sukarpytas paveiksliukas su automatiškai padarytu HTML


Šį kartą mes karpysime paveiksliuką, po kurio sukarpymo jis automatiškai išsaugomas HTML kodu (t.y. sukarpius nereikės pačiam rašyti kodo dėliojant paveiksliukus). Šito “How-to” gaminime naudosime visiems labai gerai žinomą programą “Photoshop”.

1. Karpymui naudosime Slice Tool, kurį galime pasirinkti paspaudę K. Pasirinkę Slice Tool, “suraižykime” paveiksliuką į kiek norime dalių.

2. “Suraižę” paveiksliuką į norimas dalis spauskime viršuje esantį File > Save For Web > Nustatykite nustatymus > Save > ir punkte Save as type pasirinkite HTML and images.

3. Išsaugojus darbastalyje turėtų atsirasti vienas failas (Tavo_pavadinimas.html) ir vienas aplankas su sukarpytais paveiksliukais (images).

4. Norint kad į kiekvieną paveiksliuką būtų kažkokia nuoroda pasiredaguokime kodą pagal save. Sakykime:

<img src=”images/TAVO_PAVADINIMAS_01.png” height=”127″ width=”137″ />

Keiskime į:

<a href=”http://jūsų_nuoroda.lt“><img src=”images/TAVO_PAVADINIMAS_01.png” height=”127″ width=”137″ /></a>

Tuomet sukelkime images aplanką ir TAVO_PAVADINIMAS.html failą į savo serverį ir vualia! Jūs turite savo puslapį iš paveiksliukų!

Kokia Jūsų nuomonė?

Komentarai

  1.  

    |

  2. Šitą dalyko žino daugma Photoshoperių :) Bet va kas blogai, kad viską daro su table’s, o ne su css. Kai padaro HTML, tenka jį visą perdaryt, bet užskaitau ;)