6 módszerek létrehozásának háromszögek
Háromszögek előfordulnak web design minden lépésnél a tervezési ötletek, menük, különböző felület elemeit és még a kialakulását terhelésjelzők. Mint valaki, vagy sem ezt a tényt, de a háromszög vált fontos része közti kapcsolatok kiépítésében különböző részei a felhasználói felület egy egységet alkot.
Különböző módszerek vannak az építési háromszögek, és ebben a leckében megnézzük őket.
kódolt kép
Elkészített háromszög kép a legjobb átalakítani a karakterláncot számának csökkentése HTTP kérések.
Hasznos eszközök:
- Tudod, hogy minden tervezési segítségével árnyékok, színátmenetek és határait. És akkor csak kódolni a képet.
- Meg kell tudni használni az eszközt Photoshop / Gimp hasonlóság képszerkesztő.
- Egy nagyobb képméretet a húr is ellenállhatatlan.
- Régi böngészők (például IE6 / IE7) nem támogatja ezt a típusú kódolást.
Ez a módszer nagyon népszerű létrehozni utasításokat, és pop-up menük. Együtt az első módszer nagyon alkalmas a kis háromszög.
- Könnyen változtatni a színét és méretét CSS tulajdonság értékeit.
- Ez a módszer több böngészővel kompatibilis.
- Ez a technika kereteket használ, így nem lehet használni az árnyékok, színátmenetek és egyéb finomságokat SSS3.
- Emlékeznünk kell arra, hogy az IE6 nem támogatja átlátszó keret.
- Ha a Firefox, CSS érték „átlátszó” lehet átlátszatlan, különösen a keretében az átlós.
HTML objektum
Ez a megoldás használ szimbólumok kódjai Unicode.
- Cross-browser megoldás
- Lehetőség van hozzá árnyékok olyan tulajdonságokkal, CSS3 szöveg árnyék.
- Amellett, hogy a text-shadow. nincs más CSS3 tulajdonságait ispolzvoat lehetetlen.
- Lehetetlen, hogy egy pontos pixel helyzetben minden böngészőben.
Egy hasznos eszköz:
Ezen felül, akkor font ikonokat a tervezet, hogy egy háromszög szimbólum.
CSS forgatjuk tér
A munka ez a módszer két blokk. De lehet használni egy elem pseudo-elemekkel.
- Használhatja a CSS3 tulajdonságait létrehozni a kívánt képet.
- Ez a megoldás nem cross-böngésző segítségével CSS3 transzformációk.
Element vászon HTML5
A HTML-kód tegye a canvas elem:
Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!
Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!
Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!