Grafikus képek elhelyezése - a weboldalak alapjai
Ma nehéz látni a webhelyet. semmilyen grafika nélkül. A kijelölt grafikus képek nem csak a webhely hatékonyabbá és vonzóbbá teszik, de néha sok szót helyettesítenek.
Annak érdekében, hogy helyesen hozhassanak létre képeket és helyesen használhassák őket a webes tervezésben, ismernie kell a technika néhány alapvető technikáját.
A közelmúltig csak a grafikus fájlok - GIF és JPG - két formátuma volt a leggyakoribb a világhálón. A viszonylag újfajta formátum - a PNG megszerzett népszerűsége.
A bittérképes (dot) kép olyan kép, amelyet az egész képet alkotó egyedi pontok gyűjteményének tekintünk. A digitális fényképezőgéppel készített fotók, a beolvasott rajzok, valamint a grafikus programokban létrehozott rajzok mindegyike raszteres képek.
Mind a redukált formátumú megvannak a maga előnyei és hátrányai, mint például a minőségi PNG képek magasabb, mint a GIF, de sajnos néhány régebbi böngészők nem támogatják PNG formátumban. Néha szükség van átalakítani a grafika egyik formátumból a másikba, például csökkenti a fájl méretét.
A weboldalak réteges rétegekként tekinthetők meg. Mivel egy grafikus kép egy szintre helyezhető szöveges objektummal. Szükséges bizonyos szabályok létrehozása az együttes létezésre egy szöveges és grafikus weboldalon. Ez azt jelenti, hogy a képek esetében meg kell adni a helyes dimenziókat, a kép körül megjelenő szövegfolyamat paramétereit, a kép körül határokat stb.
A képleíró nem rendelkezik záró leíróval.
Alternatív szöveg létrehozása kiváló segítséget nyújt azoknak a felhasználóknak, akik letiltják a grafikák letöltését. Ebben az esetben a weboldalon lévő kép helyett rövid szöveges megjegyzés jelenik meg.
Alternatív szöveg létrehozásához használjon leírót a kötelező attribútum src plus alt. Az alt attribútum értéke, és megadja azt a szöveget, amelyet eszköztippként jelenít meg vagy a piktogram grafika mellett jelenik meg.
Így néz ki (esetünkben nem töltöttük fel a fájlt, de a fájl letöltése és lebegése közben a "Flowers" kifejezés felébred.)
Igazítsa a képet a weboldalon. Minden web böngésző igazítja a weboldal képeket a szöveg alján. A grafika ezen elrendezésének megváltoztatásához a szöveghez tartozó értéket használja. Az illesztési attribútum értéke a fragmentum függőleges pozíciójával a grafikus képhez viszonyítva. Az illesztési attribútum és a felső értékek használata ezzel jár. hogy a szöveg a felső határon igazodik ...
Ha nem ad hozzá értékeket az img-fogantyúhoz, amely megadja a weboldalon lévő grafikus kép méretét, a webböngésző megjeleníti ezt a képet a teljes képernyőn. A grafikus kép méretét több okból is be kell állítania. Először is, a képek általában a weblapra néznek, másrészt a webböngésző gyorsan megnyit egy ilyen oldalt, mivel nem ...
A kép eredetiségének és tisztaságának elérése érdekében, hogy az oldal hátterével szemben jobban ellenőrizhesse a képet, és ezáltal a grafika vizuálisan kiemelve ajánlott a képet színes keretbe foglalni. A kép körüli határ létrehozásához használja a border attribútumot. Az attribútum értékének, például a keret vastagságának, színének stb. Meghatározása lehetővé teszi annak megjelenését. Ugyanakkor biztosítanunk kell, hogy ...
A képek használata referenciaként. Elhelyezett grafikus képek egy weblapot, nem csak díszíteni, és némi további szöveg a jelenlegi értelme, de szintén használhatók, mint az eredeti linkeket más HTML-dokumentumokat. Például:
Az étkezés a hosszú élettartam felé vezet
A grafikus képet nem csak weblapon lehet elhelyezni, hanem háttérképként is használhatja az egész oldalt. A webes böngésző teljes ablakát elfoglaló sikeres színes rajz eredményezi a webhely hatékony megjelenését. A legfontosabb dolog, hogy fontolja meg ezt a tényt, nem szabad sötét hangokat kiválasztani a háttérképekhez. Ha grafikus háttérrel rendelkező weboldalt szeretne megadni, vegye át az attribútumot ...
Hozzon létre egy vízszintes vonalzót. A weboldal elemeinek vizuális elkülönítéséhez, amelyek nem kapcsolódnak a jelentéshez, vagy hangsúlyozzák néhány szövegdarabot vagy fejlécet, használjon vízszintes vonalzókat. Egy vonalzó létrehozásához használjon leírót
. Alapértelmezés szerint a webböngésző egy 2 pixeles vastagságú fekete színű vonalzót hoz létre. A leíró egyes tulajdonságai
lehetővé teszi, hogy egy vonalzót rendelj hozzá a kívánt színhez, vastagsághoz, hosszúsághoz és ...