Lessons photoshop szelet - vágás grafika web design

1. Az első feltétel - már van egy kész layout vágások, mondjuk így -

2. Most, hogy a szelet szerszám -, akkor azt használja, és fogjuk vágni a layout

3. Most nézzük meg az első „cut” - egyszerűen kattintson a bal egérgombot, és húzza az egeret, amíg nem láttam őket a kívánt területet. Elkezdtem a kupakkal, fontos, hogy ne a stroke a menüt, akkor vágjuk később.

4. Most vágjuk ki a menüből. Az első szelet befejezni egy kicsit rövid a „Home” gomb. Aztán vágják a gombok az alábbiak szerint. Ezután jobb klikk a szelet „Home”, válassza a Szerkesztés Szelet beállításai (Edit Properties), és töltse fel az ablak, mint az enyém.

5. Most vágjuk a tartalma is elrendezését. Először válassza ki a felső része a központi egység -

Ezután válasszuk ki a három több részből áll, ahogy az ábrán látható -

Most válassza ki a központi egység -

Több Lapozzunk az alján a központi egység, miközben egy kis rés alján az elrendezés

És végül, hogy kitűnjön, és ez a különbség -

6. Mentse el a szeletelt elrendezést később html kódolás
File> Save for Web (File> Save for Web), ebben az ablakban, akkor adja meg a végleges grafika és tömörítési nyomva.

Ezután nyomja meg a Save (Mentés) a párbeszédpanelen adja meg a fájl nevét (index.html), fájltípus - HTML és képek, valamint összhangban szeletek (szeletek) tegye összes szelet (minden szelet). Hit OK!

Most jön dolgozni a kódot. HTML tudás ebben az esetben feltétlenül szükséges!

7. Az első sor a kódunk ilyen -

Változás, hogy ezt a kódot. (Ha készített háttér elrendezés egy másik színt, majd ennek megfelelően módosítsa bgcolor attribútum

8. Most keresse alatt ilyen kódsort -

És módosítsa

9. Ezután keresse meg és törölje

Mindent! Kaptunk készen kódolni oldalunkat, most úgy néz ki, mint ez -

Tulajdonképpen minden - egy egyszerű, de nagyon hatékony módja, hogy időt és átalakítani az elrendezés kész html-oldalt. Persze, van egy nagyon fontos kérdés, hogy hogyan kell optimalizálni grafika, de ez a téma lesz szó egy másik lecke

PS. Motor Forum elégtelen Spars html-kódot.
Természetesen a dupla idézőjel nem kell megszökött, azaz előttük nem kell egy perjel - \

helyesen - alt = "", stb
rossz - alt = "", stb