A DIV kódolása a Photoshop használatával

Ha az Adobe Photoshop használatával tervezi meg bizonyos üzleti webhely elemeit, akkor a "Szelet" eszközt használhatja HTML-dokumentum létrehozásához "" címkék használatával. Ezek a címkék egy HTML-dokumentumban külön csoportokat definiálnak, vagy egyes elemeket csoportosítanak, lehetővé téve, hogy külön-külön formázza őket különböző stílusokkal. A Photoshop "Szelet" eszköze segítségével időt takaríthat meg, mivel elkerülni fogja a sok extra kódolást.

1.

Indítsa el a Photoshop programot, és nyissa meg a szerkeszteni kívánt fájlt.

2.

Kattintson a "Szelet eszköz" elemre a bal oldali eszköztárban.

3.

Az egér használatával válassza ki azt a képrészt, amelyet exportálni szeretne az "" objektumként, és húz egy rajta lévő jelölőmezőt. Tegye ezt az exportálni kívánt kép bármely más részén.

4.

Nyissa meg a "Fájl" menüt, majd kattintson a "Mentés webre és eszközökre" lehetőségre.

5.

A "Formátum" melletti legördülő listából válassza a "HTML és képek" lehetőséget, majd a "Beállítások" melletti legördülő listában válassza az "XHTML" lehetőséget. Kattintson a "Tovább" gombra.

6.

Kattintson a "CSS létrehozása" pontra a "Szelet kimenet" alatt. Kattintson az "OK" gombra.

7.

Kattintson a "Mentés" gombra. A kép kiválasztott része egy "" címkével kódolt HTML dokumentumba kerül.

 

Hagyjuk Meg Véleményét