Rugalmas webtervek

Köszönetnyilvánítás\nTartalomjegyzék\nBevezetés\n	Mit fogunk megtanulni (és mit nem)?\n	Kinek érdemes elolvasnia ezt a könyvet?\n	Példák és gyakorlatok\n	A könyvben használt fogalmak\n1. fejezet - A rugalmas oldalelrendezés fogalma\n	Az oldalelrendezés típusai\n		A rögzített szélesség: adott pixelszám\n		Nem mindenki használ 16 pontos betűtípust\n		Folyékony oldalelrendezés: illesztés a nézőfelülethez\n		Nyújtható elrendezés: a betűmérethez való illeszkedés\n		Hibrid elrendezések\n	A folyékony és nyújtható oldalelrendezések kihívásai\n		Kitörni a rácsszerkezet mögül: mi van a tervezés kényelmi zónáján túl?\n		Mondjunk búcsút a pixel szintű tökéletességnek!\n		Kicsiben és nagyban is jól mutató arculat tervezése\n		Túlcsorduló sarok kezelése\n		Vízszintes görgetősávok kezelése\n		Rögzített szélességű tartalom rugalmas dobozban\n		Megnő a tervezési és tesztelési idő\n		Böngészőhibák\n	A megfelelő oldalelrendezés kiválasztása webhelyünk számára\n		Rögzített szélesség\n		Folyékony oldalak\n		Nyújtható oldalak\n2. fejezet - Hogyan tervezzünk rugalmas oldalelrendezéseket?\n	A rugalmas oldalelrendezések tervezési alapszabályai\n		Kerüljük el a szöveget tartalmazó egységek magasságának rögzítését!\n		Kerüljük a szabálytalan alakzatokat\n		Kerüljük el a nyújthatatlan képhez illeszkedő szövegeket\n		Kerüljük el a rögzített szélességű, tartalommal teljesen kitöltött felületet\n		Kerüljük az oszlopok vízszintes igazítását\n		Törekedjünk olyan képek használatára, amelyek eredeti méretükön túl is nagyíthatóak\n		Törekedjünk megfelelő térköz kialakítására a maximális szélességen túl\n		Törekedjünk arra, hogy az egymás melletti elemek több sorba törhetőek legyenek\n	Ilyen volt, olyan lett: adott egy inkompatibilis, rögzített szélességű látványterv\n3. fejezet - A látványterv előkészítése a megvalósításhoz\n	A tervvázlat kialakítása\n		A rajzvászon méretének megválasztása\n		Rétegek használata\n		Visszafordítható szerkesztési módszerek\n		A képek nagyméretű, eredeti változatainak elmentése\n	Grafikai szeletelés a rugalmas arculattervhez\n		Külön állományok létrehozása a szeleteléshez\n		Rugalmas dobozok darabjainak szeletelése\n	Készítsük elő a Beechwood Animal Shelter tervvázlatát megvalásításra\n		Navigáció a tervvázlatban\n		A fejléc szeleteinek kialakítása\n		A nyitólap szeleteinek kialakítása\n		A \"Programok\" oldalhoz tartozó szeletek kialakítása\n		A képek exportálása\n4. fejezet - Folyékony lapszerkezetek építése\n	A lap előkészítése a CSS használatához\n		A weblapok készítésének univerzális lépései\n		Lapok készítése a fejezetben előforduló példákhoz\n	Folyékony oszlopok létrehozása lebegő elemek segítségével\n		Hasábok és alkalmazkodó margók létrehozása lebegő objektumokkal\n		Oszlopok létrehozása a teljes tartalom lebegtetésével\n		Oszlopok létrehozása lebegtetéssel és negatív margókkal\n	A teljes szélességnél kisebb terjedelem használata a teljes lapszerkezetre\n		A hasábok szélességének változtatása\n		Oldalsó margók meghatározása\n		Százalékos szélesség megadása a befoglaló elemre\n	Építészeti gyakorlat: hozzuk létre az állatmenhely webhelyének belső lapjait\n		A lap előkészítése\n		Az alapstílusok létrehozása\n		A kéthasábos szerkezet kialakítása\n		A két oszlop szélességének csökkentése\n5. fejezet - Nyújtható lapszerkezetek kialakítása\n	A méretek kifejezése em-ben\n		Mi is az az em?\n		Em-ben megadott mértékek egymásba ágyazása\n		Az em-ben megadott méretek kiválasztása\n	Nyújtható oszlopok létrehozása lebegő elemek segítségével\n		Emlékeztető a fejezetben szereplő kódok alapszerkezetéről\n		Hasábok létrehozása lebegő elemek és megfelelő margók segítségével\n		A hasábok létrehozása minden elem lebegtetésével\n	Építészeti gyakorlat: az állatmenhely webhelyének további finomítása újabb szerkezeti elemekkel\n		A lap előkészítése\n		Az alapstílusok létrehozása\n		A hasábok létrehozása\n6. fejezet - A flexibilitás korlátozásának módszerei\n	Hibrid lapszerkezetek készítése\n		Rögzített szélességű oldalsávok folyékony középső hasábbal\n		Rögzített szélességű oldalsávok nyújtható középső hasábbal\n	Legkisebb és legnagyobb szélesség meghatározása\n		A felhasználók, a lapterv és a tartalom védelme\n		A min-width és max-width értékek helyes megválasztása\n		A min-width és max-width tulajdonságok használata\n		Az Internet Explorer 6-os és korábbi verzióival kapcsolatos inkompatibilitás\n	A hajlékonyság korlátozásának alternatív módszerei\n		Az overflow tulajdonság használata\n		A hasábok leesésének engedélyezése\n	Építészeti gyakorlat: a szélesség korlátozása az állatmenhely weblapjain\n		A ,.Programok\" oldal módosítása\n		A kezdőlap módosítása\n7. fejezet - Térközök\n	A megfelelő mértékegységek megválasztása\n		A térközök megadása folyékony lapszerkezeteknél\n		Térközök megadása nyújtható lapszerkezetek esetén\n	A különböző mértékegységek keverése\n		Margó és térkitöltés rendelése szélesség nélküli div-ekhez\n		Margó és térkitöltés rendelése a befoglaló elem helyett a tartalomhoz\n		Puffer div-ek használata\n	Építészeti gyakorlat: térközök kialakítása a kezdőlapon és a belső oldalakon\n		Térközök a fejléc körül\n		Térközök kialakítása a láblécben\n		A margók összeolvasztásának kezelése\n		Térközök kialakítása a Programs lap tartalmában\n		Térközök kialakítása a nyitóoldal tartalmán belül\n8. fejezet - Háttérképek, háttérszín megadása\n	Áttűnő háttérképek kialakítása\n		Színátmenetek létrehozása\n		Lekerekített sarkok létrehozása\n		Ívelt élek létrehozása\n	\"Azonos magasságú oszlopok\" létrehozása\n		Áloszlopos megoldás rögzített/folyékony hibrid oldalakhoz\n		Áloszlopok teljesen folyékony oldalelrendezésekhez\n		Áloszlopos megoldások nyújtható oldalelrendezésekhez\n	Építészeti gyakorlat: háttér megadása a nyitólaphoz és a belső oldalakhoz\n		A háttér és a színek kialakítása oldalaink fejlécében\n		A háttér kialakítása a \"Programok\" oldalon\n		A nyitólap hátterének beállítása\n9. fejezet - Rugalmas képek készítése\n	A képek megjelenítési felületének dinamikus változtatása\n		Az oldalmérethez igazodó méretű képek\n		A képek egy részének eltakarása vagy megjelenítése\n		Egymásra csúszó képkompozíciók (Sliding Composite Images) létrehozása\n	Rugalmas képgyűjtemények létrehozása\n		Áruminta bélyegképlisták\n		Bélyegkép-galériák\n	Építészeti gyakorlat: rugalmas képek felvitele a nyitólapra\n		Változó kivágású bannerkép kialakítása\n		Áruminta bélyegképlista kialakítása\nTárgymutató\nForrások, köszönetnyilvánítás\n	Ábrák\n	Fényképek