A fényképek elhelyezése asztal
És most nézd meg, hogyan és miért képek vannak vágva, és miért tegyük őket az asztalra. És milyen problémák merülnek fel, így lehet.
Miért vágott kép?
Elvégre könnyebb egyszerre elhelyezni egy kép a honlapon! Számos fontos oka van:
- Az oldal betöltésekor minden eleme lengett párhuzamosan a böngészőt. Így a kép mérete 100KB leng több mint 10 képet 10KB;
És akkor tudjuk használni a második, sokkal bonyolultabb, mentes minden ezeket a hátrányokat. Vágjuk a képet oly módon, hogy a területen, amely kattintva átmenet kerül sor, akkor be kell mutatni külön képként (vagy több kép).
Hogyan lehet csökkenteni?
Nos, miért vágott egy képet találtunk, és most lépni a kérdés - hogyan kell vágni?
Miután válasszon egy képet szánt vágás, meg kell alaposan elemezzék és mentálisan kiosztani azokat a területeket, amelyek esetében kívánatos a közölt külön töredékek. Ezek a területek lehetnek a következők:
- színes területeken;
- területek ismétlődő mintázat és egy kis színek száma;
- kis fotográfia területén, amely lehet, hogy a legjobb JPEG tömörítési eljárás;
- grafikai referenciák (tipikus példa - a menü);
- területeket, amelyekre cserét fogják elvégezni a képet szkript használatával. Tipikus alkalmazás - változás a kép, ha az egérmutatót a menü. Egy speciális eset - változása menü gomb.
A második lépés lesz szüksége, hogy dolgozzon egy rács a jövő asztalra úgy, hogy mentálisan kiosztott terület volt az egyes sejtekben. Sőt, nem feltétlenül van így, hogy minden egyes darab a kép egy külön cellában. Elég ahhoz, hogy úgy, hogy egy-egy cella utáni néhány kép - akár az összes lépést, vagy mind egy oszlopra.
Ha már megadott töredékek, lehetséges, hogy elkezd közvetlenül vágás. A legkényelmesebb módja ennek, eltekintve vezeti a PhotoShop (vagy ImageReady) és a szerszám „Crop”. De várjunk csak egy percet, egy fontos kivétellel - ha fognak vágni komplex összetett képet, akkor mielőtt kívánatos lefordítani az összes képet a raklapon, különben lehet, hogy a kép egy része nem lesz egybeesik az éleknél színárnyalat.
Vágás után (és ez jobb csinálni a folyamat) elemezni kell az egyes fragmentum a kívánt tömörítési eljárás érte (GIF vagy JPEG) száma és a szükséges színek. Color-nak lehet hajtani azonnal, helyettük később egyszínű egyetlen pixel GIF-én.
Nos, a kép vágva, és bebizonyosodott, hogy egy csomó darab, hogy meg kell, hogy húzza össze. Most fogjuk használni a táblázatban. Kezdeni, meg kell írni a keretet. A sorok és oszlopok a táblában pontosan meg kell egyeznie a számukat a rács. Tegyük fel, hogy vágja le a képet oly módon, hogy kiderült, 3 sor, és 4 oszlopos. Ebben az esetben a keret így fog kinézni:
Most, hogy minden darab a kép a kívánt sejtben. Ebben az esetben meg kell, hogy kövesse egy szabály. A szabály az, hogy minden tag kell helyezni egy cellán belül egyetlen lánc nélkül feltételezzük egymás között üres és kocsi vissza karakter.
Miért? Minden azonos kompatibilitás Netscape. A tény az, hogy minden különbség a tag NN érzékeli a bizonyos helyet, amelynek szélessége. És amint teszünk egy tábla kép, hogy nem tartják ezt a szabályt, így azonnal fragmentumok között egy rés, amelyen keresztül kezd ragyogni keresztül a háttérben. Ez különösen szembetűnő, ha a széleit töredékek ütnie egy oldal háttere. Az Internet Explorer összes, persze, azt mutatja rendesen.
Ideális esetben kívánatos, hogy írjon az összes kódot egyetlen sort a cella, és ebben az esetben sem sikerül. De a vonal lehet túl hosszú, és ez hatással lesz az olvashatóságot a kódot. Ebben az esetben lehetőség van arra, hogy át öltés, könnyezés őket belülről a címkéket. Ez az, amit tettem a fenti példában.
Amikor egy képet az asztal meg kell előírni a magasság és a szélesség minden fragmentum, hogy a böngésző tudja indítani az oldal megjelenítésére, várakozás nélkül letölteni az összes töredéket. Szintén biztos recept attribútum border = „0” alt. Példa egy megfelelő kód az alábbiakban látható:
.
Ha a fragmentum egyidejűleg referenciaként szolgálnak (például a menüpont), a kép kell csatolni a tag . nem megfeledkezve arról, hogy a címkék nem hagyott réseket:
Itt talán minden, ami elmondható, hol van a vágott kép a táblázatban a helyes kijelző bármely böngészővel. A következő cikkben fogunk nézni néhány hatását nyerhető a láthatatlan asztalok.