.

predstavuje obrázky a ich záložný obsah, ktorý je vybavený dodatočným atribútom alt. Takže jačí prvok

є riadkov, potom sa odporúča predĺžiť ho v strede prvku bloku, napr. alebo inak

tag

Existuje jazykový atribút src, ktorého význam je absolútny alebo relatívny k obrázku:	pre značku
Dostupné atribúty:	Tabuľka 1. Atribúty značiek Atribút" . !}!}
Opis, akceptuj význam	alt Atribút alt poskytuje alternatívny text pre obrázok. Zobrazí sa na mieste, kde sa obrázok zobrazuje pred kliknutím alebo pri zapnutí grafiky, a zobrazí sa aj ako výzva, keď na obrázok umiestnite kurzor myši. Syntax: alt = "(! LANG: popis obrázka
Aby bolo možné poskytnúť nejaké informácie o tom, čo obrázok predstavuje, bude zmrazený.	crossorigin Atribút crossorigin vám umožňuje importovať obrázky zo zdrojov inej domény pomocou dopytov CORS.
Obrázky importované na plátno pomocou požiadaviek CORS je možné znova navštíviť.	Prijateľné hodnoty: є na prvku s atribútom active href. Syntax: ismap.
longdesc	Adresa URL rozšíreného popisu obrázka, ktorý dopĺňa atribút alt. Syntax: longdesc = "http://www.example.com/description.txt".
src	Atribút src určuje cestu k obrázku. Syntax: src = "kvet.jpg".
veľkosti	Nastaví veľkosť obrázka v nastaveniach zobrazenia.
Funguje iba vtedy, keď je zadaný atribút srcset.	Hodnoty atribútov majú jeden alebo viac riadkov priradených čiarkou.
srcset	Vytvorí zoznam možností pre obrázky, ktoré sa zobrazia a ktoré nie sú povolené na obrazovke.
V týchto situáciách bude úspešne napadnutá samotná webová stránka, len namiesto obrázkov sa budú priamo zobrazovať.	Atribút usemap znamená obrázky v priestore obrázkovej mapy. Hodnota obov'yazkovo môže začínať symbolom #.

Hodnoty sú spojené s hodnotami atribútu name alebo id značky

a vytvára spojenia medzi prvkami
.

Atribút nemožno vikorizovať ako prvok Syntax: usemap = "# mymap". prvok Atribút width určuje šírku obrázka v px. Syntax: width = "500".
1.1.
Adresy obrázkov

Adresy obrázkov je možné zadať celú (absolútnu URL), napríklad:
url (http://anysite.ru/images/anyphoto.png)
Alebo cez vodnú cestu
dokument

koreňový adresár

webstránka:

url (../ images / anyphoto.png) – hlavná cesta dokumentu,

A na ich prenos na webovú stránku vikorystu sa používajú špeciálne značky na umiestnenie správ na tieto ďalšie súbory. url (/images/anyphoto.png) - hlavná cesta ku koreňovému adresáru. To je interpretované nadchádzajúcou objednávkou:

. ../ - znamená ísť hore kopcom o jednu úroveň, do koreňového adresára,.

Hlavnou výhodou tohto formátu je možnosť uložiť viacero obrázkov do jedného súboru. Ideálne na embosovanie obrázkov v oblastiach s výraznými farbami, ako sú logá. Súbory GIF vám umožňujú nastaviť jednu z farieb, takže pozadie webovej stránky sa môže objaviť cez časť obrázka.

Súbory GIF môžu obsahovať aj jednoduchú animáciu. Obrázky GIF obsahujú iba 256 obrázkov, vďaka čomu obrázky vyzerajú plocho a majú nereálne farby, ako plač.(Prenosná sieťová grafika)

. Obsahuje nádherné obrázky vo formátoch GIF a JPEG. K dispozícii je 256 farieb a dáva vám možnosť vytvoriť jednu z farieb tak, aby bola priehľadná, čím sa obrázok skomprimuje na menšiu veľkosť, menší súbor GIF.

formát APNG (Animovaná prenosná sieťová grafika).

Formát obrázka je založený na formáte PNG. Umožňuje uložiť animáciu a tiež zvýšiť prehľadnosť. formát SVG

(Škálovateľná vektorová grafika)

predstavuje obrázky a ich záložný obsah, ktorý je vybavený dodatočným atribútom alt.

Pre značku dostupnosti určuje atribút name názov mapy.

s aktívnymi oblasťami.

Čo znamenajú interaktívne oblasti na zobrazenej mape?

predstavuje obrázky a ich záložný obsah, ktorý je vybavený dodatočným atribútom alt. 3. Označte

popisuje iba jednu aktívnu oblasť v pamäťovej oblasti karty zobrazenej na strane klienta.

Existuje jazykový atribút src, ktorého význam je absolútny alebo relatívny k obrázku:	Prvok nezakrýva značku.
Dostupné atribúty:	Ak sa jedna aktívna oblasť prekrýva s inou, vykoná sa prvé poradie v zozname oblastí.
Tabuľka 2. Atribúty značiek	Krátky popis Nastaví alternatívny text pre aktívnu oblasť mapy. súradnice Označuje polohu oblasti na obrazovke. Nastaví alternatívny text pre aktívnu oblasť mapy. Súradnice sú uvedené v dovzhiny jednotkách a sú oddelené čiarkami: Pre Nastaví alternatívny text pre aktívnu oblasť mapy. cola- súradnice k stredu a polomeru kolíka;
ortokutánne	- súradnice ľavého horného a pravého dolného rohu;
oregano	- súradnice vrcholov bohatého stĺpca v požadovanom poradí, odporúča sa tiež uviesť zostávajúce súradnice, ktoré sa rovnajú prvým, pre logické dokončenie obrázku.
stiahnuť	Pridanie atribútu href informuje prehliadač, že na zdroj sa klikne, keď používateľ klikne na požiadavku, namiesto toho, aby ho napríklad najprv otvoril (ako súbor PDF).
Nastavením názvu atribútu teda nastavíme názov nadobúdaného objektu.	Je povolené nahradiť atribút bez vloženia jeho hodnoty.
href	Zadajte adresu URL, ktorá sa má odoslať. Môže byť uvedená absolútna alebo špecifická adresa. hreflang Znamená jazyk prepojeného webového dokumentu. Vikorist pracuje iba s atribútom href. Akceptované významy sú skratky, ktoré pozostávajú z dvojice písmen, ktoré predstavujú kód jazyka. médiá To znamená, že súbor bude optimalizovaný pre určité typy zariadení. noreferrer – označuje, že prehliadač nemusí posielať hlavičku HTTP požiadavke (Referrer), ktorá zaznamenáva informáciu o tom, z ktorej strany stránky návštevníci odkazujú na stránku. prefetch – označuje, že celý dokument musí byť uložený do vyrovnávacej pamäte, takže prehliadač na pozadí importuje stránky do svojej vyrovnávacej pamäte. vyhľadávanie – označuje, že cieľový dokument by sa mal použiť ako vyhľadávací nástroj. tag – určuje kľúčové slovo pre dokument toku.
tvar	Nastavuje tvar aktívnej oblasti na mape a jej súradnice. Môžete mať nasledujúce významy: obdĺžniková - oblasť obdĺžnikového tvaru je aktívna; kruh - aktívna plocha v tvare kolíka; poly - aktívna oblasť vo forme bohatého kotleta;
predvolená - aktívna oblasť zaberá celú plochu obrázka.	cieľ Označuje, kam sa dokument odošle pri odoslaní. Vygeneruje nasledujúce hodnoty: _self - strana sa zobrazí v presnom okne; _blank - stránka sa otvorí v novom okne prehliadača;
_rodič - stranu bude obdivovať rám-otec;	_top – strana sa zobrazí mimo okna prehliadača.

typu

Určuje typ MIME odosielaného súboru a potom príponu súboru. 4. Tupo skladania obrazu prvok 1) Výstupný obrázok je označený na aktívnej ploche požadovaného formulára..

Súradnice oblastí je možné vypočítať pomocou doplnkových programov na spracovanie fotografií, napr.

Adobe Photoshop

Malý" width="680" height="383" usemap="#flowers"> !} !}
gerbera

hyacint

harmančeky

Aby ste sa mohli orientovať v širokej škále formátov a protokolov akceptovaných na internete a používať internet, musíte si vybrať tie, ktoré sú najvhodnejšie pre vaše špecifické účely.

Niektoré formáty môžu byť špecifické pre jeden prehliadač, zatiaľ čo iné môžu vyžadovať špeciálny externý modul.

Zo širokej škály formátov sme vybrali len tie, ktoré sú najčastejšie preferované autormi obľúbených stránok a akceptované novinármi.

GIF a JPEG sú dva najpopulárnejšie grafické formáty, ktoré sa už dlho stali de facto štandardmi pre obsah na WWW.

Sú univerzálne, dokáže ich čítať väčšina prehliadačov a nevyžadujú špeciálny softvér (ani dodatočné moduly).

GIF a JPEG sú rastrové formáty obrázkov, čo samozrejme znamená pevný formát (povolený), keď sa takéto obrázky zobrazujú na obrazovke.

Pri pokuse o zmenu mierky (vysielanej v niektorých prehliadačoch) sa veľkosť rastrových (pixelových) obrázkov výrazne zmenší.

CompuServe pôvodne prijal svoj formát GIF pre interaktívne aplikácie spôsobom, ktorý kombinuje možnosti štandardnej grafiky na osobnom počítači.

Začína sa to 4 a potom 8-bitovým rastrovým formátom na základe špecifikovanej farebnej palety, ktorý podporuje maximálne 256 farieb.

Hlavnými výhodami formátu GIF sú teda rýchla kompresia bez odpadu a ekonomická úspora významných farebných plôch s jasnými hranicami a prísnymi farebnými prechodmi.

Formát JPEG sa líši od toho, čo je popísané tým, že pri určitej úrovni kompresie sú výrazné oblasti narušené a ostré prechody sú vyhladené alebo rozmazané.

Hlavné kritérium pre výber formátu GIF: ak ste sami namaľovali obrázok v grafickom balíku, ako je Photoshop alebo Painter, ktorý má veľké plochy jednej farby, alebo ste spracovali pôvodný obrázok a chcete uložiť vysoký kontrast (nevyhnutné napr. napríklad pri zobrazovaní textu ), potom sa snažte ušetriť sami Ktorý formát (v prvom rade sú potrebné čiernobiele alebo svetlé bábätká).

Pre fotografie, video snímky alebo iné viacfarebné obrázky s rôznymi plynulými farebnými prechodmi (gradientmi) použite formát JPEG.

Je dôležité nezabudnúť, že ak sa pokúšate uložiť obrázky so súvislým tónom vo formáte GIF, pravdepodobne sa počas procesu prípravy obrázka (pri jeho prevode na ixed paletu) dostanete k mnohým informáciám. kompresná metóda sa v GIF bude javiť tak neefektívna, že aj tak prídete finančne (pokiaľ ide o prácu a náklady, aj o súbor).

Vo formáte GIF sa navyše prenáša tzv. prekladaný, čo pomáha užívateľom s veľkými kanálmi vyhodnotiť posunutie obrazu hneď na začiatku (efekt podobný postupnému rozmazaniu rozostreného obrazu) a hodina potrebná na їїretransmisiu, і v dôsledku prijatia Je to rozhodnutie, že by ste v tom mali pokračovať, inak uvidíte niečo lepšie.

Na záver môžeme povedať: GIF je najlepšou voľbou na dosiahnutie efektívneho kompromisu medzi základným hardvérom a softvérom a schopnosťou indexovať 8-bitový obrázok GIF až do 216 univerzálnych farieb Toto je menej dôležité, ak sú vaše obrázky určené na zobrazené na rôznych prehliadačoch a neznámych platformách.

JPEG - formát pre fotografie a video snímky

Formát JPEG pochádza zo skratky výboru Joint Photographic Experts Group, ktorý vytvoril tento štandard koncom 80. a začiatkom 90. rokov.

Formát JPEG je založený na algoritme kompresie nákladov (diskrétne kosínusovo konvertovaný), v ktorom je váš obrázok rozdelený na oblasti (predstavujúce 8-8 pixelové štvorce), v strede ktorých je delenie častí nahradené matematickou funkciou. Zachováva len koeficienty tejto funkcie, ktoré vám umožňujú obnoviť jej vzhľad.

Prirodzene sa stretnete s plytvaním miesta (vzhľadom na zložitosť funkcie, ktorá sa používa na nahradenie obrázka) a po aktualizácii už nebudete fotiť skutočný, ale matematický „náhradník“.

Avšak v súlade s kvalitou vášho originálu a úrovňou kompresie môže byť strata výkonu pre oči úplne nepostrehnuteľná.

Taktiež pri práci s fotografiou vo formáte JPEG môžete uložiť 24-bitové obrázky zo 16,7 milióna farieb a bez ohľadu na stratu jasu pri komprimácii je stále oveľa viac, čo zodpovedá originálu, pod 256-farebným GIF- prejavom.

V tomto prípade je strata výkonu nevyhnutná v závislosti od veľkosti, výkonu a typu výstupného obrazu.

Okrem toho vám JPEG umožňuje zobraziť takzvané progresívne snímky, takže po kliknutí na obrazovku sa objaví „hrubý“ obrázok, keď svet odstraňoval ďalšie informácie, postupne mizne ( pomocou ktorých môžete odmietnuť potrebné vyhlásenia o podstatu výslovnostného materiálu pred dokončením spracovania a prerušiť proces v ktorejkoľvek fáze, čo výrazne ušetrí hodinu prezerania medziobsahu).

Čo môžete urobiť, je venovať pozornosť dôležitosti kanála a podobný krok môže byť veľkou pomocou v boji proti posadnutosti kanálmi.

Jeden problém s progresívnym JPEG (na rozdiel od prekladaného GIF) je, že staršie verzie prehliadačov ho nemusia podporovať.

PNG - univerzálny rastrový nový produkt

Predstaviteľ novej generácie rastrových formátov PNG, ktorý berie to najlepšie z JPEG aj GIF a pridáva svoj vlastný jedinečný prístup k odosielaniu obrázka, ktorý umožňuje zahrnúť do jedného súboru rôznych verzií rovnaký obrázok za nízku cenu, stredné a vysoké rozlíšenie.

PIDRIMMA PROZOSTISTIS vo formáte PNG na VIDMINA VID GIF je ponocinna, Tobto môže byť videný il zytroznnya abo cordon, to je problém „čistého“ cordonov, takže je viriyshu na vikoristane v súboroch GIF, existuje ľahko peregon.

Bez ohľadu na všetky vylepšenia zavedené v PNG však nový formát „ožije“ až potom, čo dizajnéri webových stránok a vývojári softvéru budú môcť zobraziť obrázky v novom formáte na vizualizáciu, ako aj pripraviť ich na publikovanie.

Medzitým je dôležité nájsť obrázky PNG na internete, a to aj napriek nedávnemu zahrnutiu podpory tohto formátu do Netscape Navigator a Microsoft Internet Explorer.

A ak chcete, aby ich zvyšné verzie podporovali PNG, musíte to urobiť iným spôsobom.

V súčasnosti je jediným riešením pre vývojárov, ktorí si chcú stiahnuť celý súbor PNG, nezávislá inštalácia externého modulu (podobne ako PNG Live).

Snáď sú distribútori ochotní, očakávajú permanentný prechod novinárov na nové formáty.

Zdravý konzervativizmus nie je v žiadnom prípade vštepovaný, ale napriek tomu dôrazne odporúčame, aby ste postupne prešli na PNG a nahradili v každom prípade formát GIF.

Ďalšou dôležitou výhodou vektorového javu je schopnosť vytvárať prakticky neobmedzené škálovanie obrazu (alebo detailovanie jeho častí) bez straty detailov alebo jasnosti obrazu.

Na prispôsobenie vektorovej reprezentácie akejkoľvek inej palete, platforme alebo dizajnovým prvkom nie je potrebné žiadne úsilie;

a použitie schém kompresie a vibrácií môže prebiehať bez problémov.

Nie každý rastrový obrázok je však možné previesť do vektorovej podoby (napríklad fotografie, naskenované obrázky alebo rastrové obrázky nie sú vhodné na vektorizáciu).

Pokiaľ špeciálne upravená vektorová grafika (napríklad čiarová grafika, piktogramy, technické ilustrácie, mapy, informačná grafika atď.) nie je historicky vektorová, je jednoducho nerozumné previesť ju do rastrovej formy na publikovanie na internete, ktorý je dnes všade .

Flare je skvelé riešenie umožňujúce začlenenie vektorových obrázkov, ktoré umožňujú prakticky okamžite zvýšiť úroveň detailov na stránke, pričom ich rozmery sú rovnaké ako v Shockwave Flash.

Nemôžem povedať, že inštalácia doplnkových modulov na prezeranie už nie je jednoduchá, ale ak na svojich stránkach využívate podobné funkcie, nezabudnite používateľa o možnosti využitia doplnkového modulu informovať, najskôr prejdete na túto stránku , pretože zahrniete tieto prvky.

V blízkej budúcnosti je dôležité zefektívniť proces kontroly pre nových používateľov, inak budete postupne pridávať ďalších a nových používateľov, až budú všetci zahrnutí do finálnej verzie prehliadača a prídavný modul Vachkas nebude. už to nepotrebujem.

Animácia, interaktivita a interakcia

Obrázky GIF je v skutočnosti možné vytvárať ako špeciálny zásobník v jednom súbore a flipbooky je možné vytvárať vytvorením jednoduchej rastrovej animácie.

V podstate, ako formát pre Macromedia Director, Shockwave je rodina protokolov zameraných predovšetkým na vytvorenie interaktívneho a grafického priestoru, vytvoreného špeciálne pre použitie na internete.

A Shockwave Flash je jedinečný nástroj a jeden z najlepších spôsobov, ako vytvoriť animáciu a zverejniť ju na webovej stránke.

Shockwave Flash vytvára veľmi malé súbory (vektorový formát je dôležitý) a v porovnaní s inými formátmi je z hľadiska prípravy najpohodlnejší.

Pri publikovaní takejto animácie na svojich stránkach nezabudnite informovať svojho dodávateľa, aby ste sa mohli vopred zásobiť prídavným modulom a pripraviť sa na dlhodobú posadnutosť.

Zvyšné verzie – Netscape Navigator aj Internet Explorer – však majú v základnom balíku zobrazovacie moduly pre Flash animácie.

Netscape potvrdil, že budúce verzie Navigatora budú poskytovať rovnakú podporu pre Flash ako kód.

Ostatné rozhodnutie je na vás

Mení sa aj nastavenie odosielania webového obsahu, zavádzajú sa nové formáty údajov a podporujú sa funkcie ich vývoja.

Väčšina webových stránok má rýchlejšiu grafiku.

Vaughn vám umožňuje rýchlo a formálne prezentovať informácie.

• V mnohých situáciách je lepšie ukázať obrázok alebo dokonca uviesť textový popis.
• Existujú dva spôsoby, ako umiestniť grafické obrázky na stránku:

vkladanie náhodných obrázkov;

vyplnenie pozadia obrázkom.

Ak potrebujete grafický obrázok, vezmite súbor. Vkladanie grafiky

< IMG SRC = "адрес_графического_файла" >

Vloženie grafického obrázka z grafického súboru na stranu sa vykonáva pomocou dodatočného štítku

< IMG SRC = "logotip.jpg" >

(v angličtine, image - images) Z pridelenej adresy do súboru v argumente atribútu SRC: Adresy grafického súboru - buď na URL, alebo na názov súboru, prípadne podľa určenej cesty.

< IMG SRC = "logotip.jpg" LOWSRC = "logotip.gif" >

Ak chcete napríklad zobraziť grafický súbor logotip.jpg, napíšte nasledujúcu značku:

Zvýšiť rýchlosť prenosu grafických obrázkov v texte Môžete použiť atribút LOWSRC (parameter doplnku), ktorý sa berie ako argument adresy grafického súboru. Môžete vytvoriť dva grafické súbory: jeden (napríklad použite súbor logotip.jpg) s obrázkom nasnímaným vo vysokom rozlíšení a druhý (napríklad logotip.gif) s obrázkom nasnímaným s nízkym rozlíšením. Značka Todi:... dajte prehliadaču pokyn, aby najprv načítal súbor logotip.gif a potom ho svet prijme a nahradí ho súborom logotip.jpg.

< IMG SRC = "logotip.gif" WIDTH = 40 HEIGHT = 20 >

Ďalším spôsobom, ako rýchlo pridať grafiku, je nastaviť rozmery obdĺžnikovej oblasti, v ktorej bude grafický obrázok umiestnený, s ďalšími atribútmi WIDTH(šírka) i VÝŠKA (Výška), zobrazená v pixeloch. Po zadaní týchto atribútov prehliadač okamžite uvidí priestor pod grafom, pripraví rozloženie dokumentu, zobrazí text a potom zobrazí graf. Upozorňujeme, že prehliadač komprimuje alebo rozťahuje obrázky a vkladá ich do rámov určenej veľkosti. Príklad vloženia rozmerov obrázka: Grafika musí byť kombinovaná s textom, z čoho vyplýva úloha vyvážiť text a grafické obrázky.
.

Prístupový tag sa nastavuje zabalením grafiky zo súboru logotip.jpg vpravo (obrázok sa zobrazí vedľa textu):

< IMG SRC = "logotip.jpg" ALIGN = LEFT >

Ak potrebujete presunúť obrázok pravou rukou do textu, potom potrebujete atribút WIDTH argumentovať SPRÁVNE:

< IMG SRC = "logotip.jpg" ALIGN = RIGHT >

Ak chcete nastaviť polia vedľa obrázka, musíte napísať značku ako:

< IMG SRC = "logotip.jpg" ALIGN = LEFT HSPACE = 20 VSPACE = 10 >

Tu čísla 20 a 10 označujú veľkosť polí.

Pozrime sa na príklad komplexného výberu grafiky a textov.

< HTML >

< HEAD >

< TITLE >Otvorte Poznámkový blok (textový editor Poznámkový blok) Windows.< / TITLE >

< / HEAD >

< BODY BGCOLOR = "YELLOW" >

< IMG SRC = "logotip.gif " ALIGN = LEFT >

< H1 >Napíšte HTML kód pomocou vybratých značiek v novom.< / H1 >

Nižšie je uvedený program, ktorý zobrazuje text a grafiku. V kontexte grafického súboru si môžete vybrať ktorýkoľvek zo súborov, ktoré máte.

Súbor logotip.gif je tu vikorizovaný. Správne 1і Text sa obtáča okolo grafiky pravou rukou Malý