itthon / Linux áttekintés / Képek elhelyezése weboldalakon. Képek Képek a weboldalakon

Képek elhelyezése weboldalakon. Képek Képek a weboldalakon

Egyetlen címkét használnak egy kép beszúrására a weboldal szövegébe. (P 1. táblázat). Ennek a címkének az attribútumai beállítják az oldalon elhelyezett kép összes paraméterét. Az SRC attribútum kötelező, amely meghatározza a grafikus fájl címét és nevét. Ha az SRC attribútum nincs beállítva, akkor csak az üres kép ikonja jelenik meg.

Címke szerkezete az SRC attribútummal így néz ki:

.

Ha egy Institute nevű grafikus fájl ugyanabban a mappában található, mint a weblap, akkor az elhelyezéséhez írja be:

.

Fájlnév Formátum

A D:\Collection\Cities\MINSK.GIF címen található MINSK nevű grafikus fájl elhelyezéséhez írja be .

Címke használata A weboldal egy grafikus fájlt tartalmaz, amely egy másik számítógépen található az interneten.

Egy weboldal létrehozása intézetünk fényképével, amely az ábrán látható. 4.1, meg kell adnia a következő HTML-kódot:

Weboldal fényképpel

Intézetünk

Rizs. 4.1. Weboldal az intézet fényképével

A fenti példában a fénykép magassága (HEIGHT) 200 képpont, a szélessége (WIDTH) 300 képpont. A fénykép elhelyezéséhez egy bekezdés jön létre középre igazítással.

Vízszintes vonalak

A vízszintes vonalak egyetlen címke használatával kerülnek a weboldalra


. A SIZE, WIDTH, COLOR és ALIGN attribútumok módosítják a vonalak vastagságát, szélességét, színét és igazítását.

Nézzünk néhány példát a vízszintes vonalak elhelyezésének magyarázatára:

1.


- egy vízszintes vonal az egész oldalon, 2 képpont vastag.

2.


WIDTH = "200" ALIGN="RIGHT"> – zöld színű vízszintes vonal, 15 képpont vastag, 200 pixel széles és jobbra igazítva.

3.


– a teljes oldalt lefedő vízszintes kék vonal, 25 pixel vastagságban.

4.


WIDTH = "300" ALIGN = "LEFT"> – vízszintes vörös színű vonal, 20 képpont vastag, 300 képpont széles és balra igazítva.

A négy rögzített példa soros kijelzése az ábrán látható. 4.2.

Rizs. 4.2. Vonalak egy weboldalon



TÁBLÁZATOK

Táblázatok készítése

A táblázat egy párosított címke használatával jön létre

. Ez a címke táblázatot hoz létre azon a helyen, ahol hozzáadták
HTML kódban.

Bármely táblázat sorokból, a sorok pedig cellákból állnak. A következő címkéket használják táblázatsorok és cellák létrehozására:

... - új sor;

... – fejléc cella;

... – egy szabályos táblázatcella.

Ezek a címkék egy páros címkébe vannak írva

.

A táblázat soronként kerül kialakításra - először egy sort adunk meg és a szükséges cellák számát, majd a második sort stb.

ábrán látható táblázat eléréséhez. 5.1, be kell írnia a következő HTML-kódot:

Táblázat oldal

Rizs. 5.1. Táblázat oldal

A táblázat fejléccelláiban (5.1. ábra) a szöveg félkövér betűtípussal és a cella közepéhez igazítva jelenik meg, míg a normál cellákban a szöveg nincs kiemelve, hanem balra igazodik.

Meg kell jegyezni, hogy a fenti oldal HTML kódjában a címke

Autók Ár Ford 5000 Golf 6000
tartalmazza a BORDER attribútumot "1" értékkel. Ez azt jelenti, hogy az ábrán látható táblázatban. 5.1, a külső szegély vastagsága az
1 pixel. Ha írunk

,

akkor a külső szegély vastagsága 6 pixel lesz. A táblázatszegélyek megjelenítésének megakadályozásához a BORDER attribútumot 0-ra kell állítani, vagy egyszerűen ki kell hagynia ezt az attribútumot.

A legtöbb weboldal grafikát tartalmaz. Lehetővé teszi az információk színes és világos bemutatását. Sok esetben jobb képet mutatni, mint hosszú szöveges leírást adni.

Kétféleképpen helyezhet el grafikát egy oldalon:

  • egyedi képek beillesztése;
  • a háttér kitöltése képpel.

A grafikus kép mindenesetre a fájlból származik.

Grafika beillesztése

Grafikus kép beszúrása grafikus formátumú fájlból az oldalra a címke használatával történik (angolból, image - image) a fájl címét az SRC attribútum argumentumaként megadva:

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

A grafikus fájl címe egy URL vagy egy fájlnév, esetleg elérési úttal. Például egy logotip.jpg grafikus fájl megjelenítéséhez írd be a címkét:

< IMG SRC = "logotip.jpg" >

A címkében lévő grafikus kép átviteli sebességének növelése használhatod az attribútumot ( további paraméter) LOWSRC, amely egy grafikus fájl címét veszi argumentumként. Két grafikus fájlt készíthet: az egyik (például, mondjuk logo.jpg) nagy felbontású képet, a másik (például logotip.gif) pedig kis felbontású képet tartalmaz. Aztán a címke:

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

... arra utasítja a böngészőt, hogy először töltse le a logotip.gif fájlt, majd amint megérkezik, cserélje le a logotip.jpg fájlra.

A grafikus betöltés felgyorsításának másik módja annak a téglalap alakú területnek a méretének beállítása, amelybe a grafikát el kell helyezni attribútumok segítségével. SZÉLESSÉG(szélesség) és MAGASSÁG(magasság), pixelben mérve. Ha megadja ezeket az attribútumokat, a böngésző először helyet foglal a grafikák számára, elkészíti a dokumentum elrendezését, megjeleníti a szöveget, és csak ezután tölti be a grafikát. Vegye figyelembe, hogy a böngésző tömöríti vagy nyújtja a képet, hogy beleférjen a megadott keretméretbe. Példa a képméretek megadására:

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

A grafikát általában szöveggel együtt használják, így felmerül a szöveg és a grafika összehangolásának problémája. Ezt a problémát az attribútum segítségével oldjuk meg IGAZÍTSA címke különféle érveket használva. Például azt szeretnénk, hogy a szöveg egy kép körül jobbra vagy balra folyjon. Általában a kép szorosan be van ágyazva a szövegbe, ami csúnya lehet. Ennek elkerülése érdekében beállíthat üres margókat az illusztráció köré. A mezők attribútumok segítségével jönnek létre VSPACE felső és alsó margókhoz és Н SZÓKÖZ a címke oldalsó margójához . Ezen attribútumok argumentumai számokként vannak megadva, amelyek a mezők méretét pixelben határozzák meg. A grafikák körüli szöveg tördelésének megszüntetéséhez használja a címkét
.

A következő címke beállítja a logotip.jpg fájl grafikáját jobbra tördelve (a kép a szöveg bal oldalán lesz):

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

Ha képet szeretne elhelyezni a szöveg jobb oldalán, akkor szüksége van az attribútumra IGAZÍTSA argumentum hozzárendelése JOBB:

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

A kép körüli margók beállításához írjon egy címkét, például:

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

Itt a 20 és 10 számok határozzák meg a mezők méretét.

Nézzünk egy példát megosztás grafikák és szövegek. Nyissa meg a Jegyzettömb (szövegszerkesztő Jegyzettömb) Windowst. Írjon bele HTML kódot a fent tárgyalt címkék segítségével. Az alábbiakban látható egy program, amely szöveget és grafikát ad ki. Bármelyik fájlt felhasználhatja grafikus fájlként. Az itt használt fájl a logotip.gif.

< HTML >

< HEAD >

< TITLE >1. Feladat< / TITLE >

< / HEAD >

< BODY BGCOLOR = "YELLOW" >

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

< H1 >A szöveg a jobb oldalon található grafikák köré fonódik< / H1 >

Rizs. 657. A szöveg a jobb oldali kép köré fonódik

Az oldalon található képek (valamint más elemek) precíz elhelyezésének széles lehetőségei táblázatokÉs stílusok. Ezekről a HTML-elemekről később lesz szó. Például meghatározhat egy táblázatot látható keretek nélkül, és elhelyezhet képeket, szövegeket és egyéb elemeket a táblázat celláiban.

1. definíció

A weboldal az szöveges fájl, HTML-ben készült, és a világhálón (WWW) található. A szövegen kívül egy weboldal tartalmazhat hipertext hivatkozásokat, amelyeken keresztül más weboldalakra navigálhat és megtekinthet, valamint beszúrásokat grafikák, animációk, videoklipek és zene formájában.

A HTML használatával:

  1. Weboldalak létrehozása és szerkesztése.
  2. Szerkesszen HTML dokumentumokat az internetről, figyelembe véve a dokumentumba ágyazott összes objektum (képek, animációk stb.) működését.
  3. A hipertext hivatkozások és a rajzok, diagramok, animációk, videoklipek, zene- és beszédkíséretek, speciális effektusok HTML-dokumentumba ágyazásának képessége, létrehozása multimédiás prezentációk, diavetítések, bemutató projektek.

1. megjegyzés

A grafikus képeket általában külön fájlokban tárolják. A HTML nyelv speciális címkékkel rendelkezik, amelyekkel hivatkozásokat írnak a weboldalak kódjaiba, amelyek ezeknek a fájloknak a tényleges címei az interneten. Amikor ilyen címkékkel találkozik, a webböngésző kérést küld a webszervernek a megfelelő képet, hangot vagy videót tartalmazó fájlra, és megjeleníti azt a címke helyén található weboldalon. A weboldaltól különálló fájlokban tárolt minden adatot (képek, hangok és videók stb.) a weboldalak beágyazott elemeinek nevezünk. Nézzük meg közelebbről a kép weboldalhoz való hozzáadásának folyamatát.

Képek hozzáadása weboldalhoz

A weboldalak vonzereje éppen a rajtuk használt grafikákban és egyéb különféle objektumokban rejlik. Kép hozzáadása az oldalhoz nem nehéz. És adjunk hozzá grafikát, amely képes rá kinézet A weboldalak bemutathatóbbak és professzionálisabbak, sokkal összetettebbek, és speciális ismereteket igényelnek.

Hozzáadhat egy képet az oldalhoz a képforrás címkével, amely így néz ki:

hol van maga a címke, és az scr az attribútuma. Mivel az scr attribútum kötelező, elmondhatjuk, hogy ez az egész bejegyzés egyetlen közös címke. A képforráscímke nem használ megfelelő záró címkét, mert a forráscímke önálló, ezért használatkor egy záró perjelre van szükség a végén: .

Alternatív feliratok hozzáadása

Az interneten gyakran találkozhatunk különféle feliratokkal, amelyek akkor jelennek meg, ha az egeret a weboldalon lévő bármely grafikus objektum fölé viszi. Ezek a feliratok általában további információkat tartalmaznak magáról a képről vagy az oldal azon területéről, amelyen az található.

Alább látható a HTML-kód a címkén belül hozzáadott alt attribútummal. Ez az attribútum, hasonlóan az src attribútumhoz, további információkat közöl a böngészővel a képről, és mindig használható egy címkével együtt.

alt="Ez egy kép!" />!}

Az alt attribútum feladata, hogy alternatív szöveget definiáljon egy weboldalhoz hozzáadott grafikus elemhez. Azért nevezik alternatívának, mert a kép alternatívájaként jelenik meg a képernyőn. Az alt attribútum egy másik fontos funkciót is ellát. Ez lehetővé teszi a webdesigner számára, hogy biztos legyen abban, hogy ha az oldal látogatója nem látja a képet a képernyőjén, akkor legalább láthatja a képhez hozzáadott szöveges információkat.

Amikor az alt attribútumot minden címkéhez használja, ügyeljen arra, hogy ne rendeljen nem megfelelő szöveges üzeneteket a grafikus elemekhez. Például nincs értelme alternatív szövegcímkéket hozzáadni az oldalterv elemeihez. Az ilyen hibák elkerülése érdekében ezeknek az elemeknek az alt attribútuma üres értékre állítható (alt=" "). Ha nem állít be más attribútumot, a böngésző az eredeti méretben jeleníti meg a képet, de a kép felső szélét a szomszédos szöveglánc felső széléhez igazítja. A stíluslapcímkék használatával azonban mindkét beállítást módosíthatja.

Képtulajdonságok

A címke olyan attribútumokkal rendelkezik, amelyek lehetővé teszik a képek átméretezését. Itt van néhány közülük:

  • magasság – a kép magasságának meghatározására szolgál pixelben vagy százalékban;
  • szélesség – a kép szélességének pixelben vagy százalékban történő meghatározására szolgál.

A kép magasságának és szélességének beállítása

A weboldalakon elhelyezett képek mérete a fenti attribútumokkal állítható be. Ezen túlmenően, ezek értékeit vagy rögzített pixelszámként, vagy az oldalmérethez viszonyított százalékban állítják be. Az alábbi HTML kódban az első címke az eredeti kép méreteit tartalmazza pixelben (60 pixel függőlegesen és 60 pixel vízszintesen), a második címke ugyanazon kép szélességét az oldal szélességének 6%-ára, a magasságát pedig az oldal magasságának 10%-a.

alt="Ez egy kép!" height="60" width="60" />

alt="Ez egy kép!" height="10%" width="6%" />

Jegyzet 2

Amikor a képeket saját ablakban jeleníti meg, a böngésző egyformán jó munkát végez mindkét értéktípus feldolgozásakor. Ne feledje azonban, hogy a weboldalakat látogatók számítógépük képernyőfelbontása eltérő lehet, mint az Öné. Ezért a kép átméretezésekor meg kell adnia mindkét képértéket (magasságot és szélességet). Ha ezen értékek közül csak az egyiket módosítja, a képernyőn megjelenő kép függőlegesen vagy vízszintesen megnyúlva jelenhet meg.

Használható a képek gyorsabb betöltésének illúziójának megteremtésére. Ehhez mindig meg kell adnia a magasság és szélesség attribútumok értékeit, függetlenül attól, hogy a képet átméretezték-e vagy sem. Mert fontos információkat közölnek a böngészővel arról, hogy mennyi hely szükséges egy kép elhelyezéséhez az oldalon. Válaszul a böngésző lefoglalja a képhez szükséges helyet, és tovább építi az oldal többi elemét anélkül, hogy leállítaná magának a képnek a betöltését. Ez azt eredményezi, hogy az oldal gyorsabban töltődik be, mivel a látogatóknak nem kell megvárniuk a kép teljes betöltődését, mielőtt más információkat látnának az oldalon.

Annak érdekében, hogy a kép bármely képernyőn, felbontásától függetlenül, pontosan egy bizonyos mennyiségű helyet foglaljon el az oldal szélességében, százalékos értékeket kell használni. Ha azt szeretné, hogy magának a képnek a felbontása állandó legyen (mérete pixelben), akkor pixelben kell megadni az értékeket.

Szöveg és grafika összehangolása

Ha egy képet a szövegsor jobb vagy bal széléhez szeretne igazítani, használja a címke igazítási attribútját. Például:

alt="Ez egy kép!" height="60" width="60" align="right" />

Ha egy képet függőlegesen szeretne igazítani egy szöveges karakterlánchoz, akkor ezt az attribútumot is használhatja, amely a felső, alsó és középső értékeket veheti fel. A top érték azt határozza meg, hogy a kép felső szélét a környező szöveg felső széléhez kell igazítani. Az alsó érték azt határozza meg, hogy a kép alsó szélét a környező szöveg alsó széléhez kell igazítani. Az értékközpont megadja, hogy a kép közepét a szövegsor közepéhez kell igazítani.

Képek használata linkként

A képeket más dokumentumokra mutató hivatkozások létrehozására is használják. A HTML-ben a kép ugyanúgy hiperhivatkozássá válik, mint egy szövegdoboz. Ehhez egy címkét használnak, amely egy oldalelemet (esetünkben egy képet) zár be, aminek hivatkozássá kell válnia. A linket erre a képre kattintva követi.

Miniatűr képek

A fenti módszeren kívül, amelyben egy kép hiperhivatkozásként működik, hiperhivatkozásként is használható, egyik képről a másikra áttérve. Erre olyan esetekben van szükség, amikor a weboldalon közzétenni kívánt kép mérete meglehetősen nagy, és a betöltése nagyon hosszú ideig tart, ami sok látogató számára elfogadhatatlan. Ezért létrehozzák ennek a képnek a kicsinyített másolatát (bélyegképét), és egy hiperhivatkozással ábrázolják. Ha az oldal látogatóját érdekli ez a kép, a miniatűrre kattintva megtekintheti a teljes képet. Íme egy kódpélda:

alt="Kattintson a normál kép megtekintéséhez."

height="60" width="60" />

A képek sikeres használatának titkai

A képek sok vizuális információt nyújtanak a látogatók számára, és ez vonzóvá teszi őket, ráadásul meglehetősen egyszerű hozzáfűzni egy weboldalhoz, de vannak bizonyos szabályok az oldal létrehozásánál, amelyeket be kell tartani, ha azt szeretnénk, hogy népszerűvé váljon az oldalon. az internet.

Oldalak létrehozásakor próbáljon kis képeket elhelyezni rajtuk, mivel a nagy képek betöltése sokáig tart, és egyes felhasználók továbbra is alacsony sebességű kommunikációs csatornákat használnak a hálózat eléréséhez. áteresztőképesség, ezért számukra alapvető fontosságú a letöltött fájlok mérete.

3. megjegyzés

A teljes HTML-dokumentum teljes fájlmérete is fontos, ami viszont nemcsak a benne lévő képek méretétől, hanem azok számától is függ. Az alt attribútum használatakor óvatosnak kell lennie, hogy a szöveges üzenet tartalma mindig megegyezzen magával a képpel. És ellenkező esetben: gondoskodni kell arról, hogy a kép megfeleljen az oldalon megjelenő szöveges információnak.

Ha az internetről kölcsönzött képeket használ a létrehozandó oldalon, ellenőriznie kell, hogy ezek a képek szerzői jogi védelem alatt állnak-e.

Mint már említettük, a HTML ma az alapja a világháló bármely weboldalának írásának. A CSS használatakor a HTML-kód létrehozása drámaian megváltozik. Búcsút inthet a makacs HTML-címkék újrafelhasználásának bizonyos vizuális effektusok elérése érdekében. Néhány HTML-címkéről vagy -attribútumról, például az elavult címkéről...

itthon

Rendeljen weboldalt és kezdjen üzletelni!

Ez a mondat sok oldalon hallható és látható, és ez nem hiábavaló!

Weboldal ez a cég arca. És ez a legmodernebb és leghatékonyabb kommunikációs csatorna a potenciális fogyasztókkal. Csak az internetes oldalak képességei teszik lehetővé, hogy teljes mértékben kihasználja az információs üzenetek felhasználóhoz továbbításának összes módját. Szöveges, hang- és videoinformáció egy oldalon jeleníthető meg, hogy megismertesse velük a fogyasztót.

Használva szoftver Az oldalon fizetést fogadhat, telefonon beszélhet, adatbázisokat karbantarthat, faxokat küldhet és fogadhat, SMS-eket válthat és sok egyéb műveletet hajthat végre. Egy modern internetes oldal információs központ nemcsak bármely cég, hanem bármely internetfelhasználó számára is.

És ez egy mindenki számára előnyös módja annak, hogy hatékonyan, ugyanakkor egyszerűen és egyértelműen közvetítse ötleteit vagy fejlesztéseit a legszélesebb közönséghez. És ma is a HTML hipertext jelölőnyelven írt webdokumentumok továbbra is az adatmegjelenítés fő formái a webes környezetben.

A HTML legfontosabb előnyei a következők:

  • egyszerűség, amely lehetővé teszi a HTML megtanulását a lehető legrövidebb idő alatt.
  • saját weblapok létrehozásának lehetősége
  • és a HTML pontosan ugyanúgy működik minden ma létező platformon, nincs szükség további berendezések vásárlására. És elég, ha bármit felhasználunk szöveg szerkesztő, például a Jegyzettömb.

Ezen az oldalon megpróbáltam részletesen leírni a saját webhely létrehozásának teljes folyamatát, nevezetesen a kész projekt közzétételét az Interneten, hogy minden felhasználó számára hozzáférést biztosítsunk.

Remélem sokak számára hasznosak lesznek a cikkeim, mert én magam nem vagyok programozó, de nagyon inspirál ez a munka.

A weboldalon elhelyezett grafikus képek nemcsak az információk jobb észleléséhez járulnak hozzá, hanem élénkebbé és emlékezetesebbé teszik az oldalakat. Grafikus képeket készíthet saját maga, vagy igénybe veheti a tervezők szolgáltatásait. Használhat olyan szoftvertermékekből származó grafikus fájlkönyvtárakat is, mint pl Microsoft Office, CorelDraw stb.

Helyezzen el egy grafikus képet a Microsoft Office-ban található Clip Art könyvtárból az általunk létrehozott webhely kezdőlapjára. Ehhez kövesse az alábbi lépéseket:

  1. Nyissa meg a létrehozott webhelyet.
  2. Nyisd ki kezdőlap kattintson duplán az index.htm fájl nevére a panelen Mappalista(Mappalista).
  3. A menün Beszúrás(Beszúrás) válassza ki a parancsot Rajz Képek(Clip Art). Megjelenik egy panel a FrontPage program ablakában Kép beszúrása(ClipArt beszúrása).
  4. Válassza ki a parancsot erről a panelről Képek gyűjteménye(Médiagaléria). Megnyílik egy párbeszédpanel, amely lehetővé teszi egy grafikus kép kiválasztását (15.8. ábra).

Rizs. 15.8.

A párbeszédablak tetején az ablakban megjelenő objektumok megjelenítését vezérlő, valamint az objektumok másolását és törlését vezérlő gombokon kívül hozzárendelési gombok találhatók (lásd a táblázatot).

  1. Panel Gyűjtemények listája tartalmazza a számítógépe multimédiás fájlokat tartalmazó mappáit, valamint a Clip Art könyvtár képfájljait. Nyissa meg az Önt érdeklő képkategória mappáját. Az ebbe a kategóriába tartozó képek az ablak munkaterületén jelennek meg. Amikor a kurzort egy képre helyezi, megjelenik egy tipp, amely jelzi a kép és a benne lévő fájl nevét, méretét, valamint a grafikus kép formátumát (15.9. ábra).
  1. Kattintson a kiválasztott kép jobb oldalán található nyíl gombra. Megjelenik egy helyi menü.
  2. Válassza ki a parancsot a helyi menüből Másolat(Sora).
  3. Lépjen egy weboldalra, és illesszen be egy képet a vágólapról bármilyen kényelmes eszközzel. Például nyomja meg a billentyűkombinációt +.
  4. Mentse el a grafikus képet tartalmazó weboldalt a gombra kattintva Megment(Mentés) a szabványos eszköztáron. Megjelenik egy párbeszédpanel Beágyazott fájlok mentése(Beágyazott fájlok mentése) (15.10. ábra), felajánlja az oldalon elhelyezett kép mappába való mentését képeket Webhely azon a néven, amellyel a fájl a könyvtárban volt. Ez az ablak a következő gombokat tartalmazza:
    • Átnevezés(Átnevezés) - lehetővé teszi a fájl átnevezését.
    • Mappa módosítása(Mappa módosítása) – párbeszédpanelt nyit meg Mappa módosítása(Mappa módosítása), amely az aktuális webhely mappáit tartalmazza, lehetővé téve egy másik mappa kiválasztását a fájl mentéséhez.
    • Akció(Művelet beállítása) párbeszédpanelt nyit meg cselekvési feladat, lehetővé teszi az érték megváltoztatását Megment Mentse a Művelet oszlopot ide Ne mentsd meg(Ne mentse el az értéket). Megment A rajz az Ön által megadott webhelymappába kerül mentésre, ellenkező esetben a weboldal a Clip Art könyvtárban található képre mutató hivatkozást tartalmaz.

Vidék Rajz(Kép előnézete) az éppen elhelyezett képet mutatja. A párbeszédpanelen történő beállítással Beágyazott fájlok mentése kívánt paramétereket, nyomja meg a gombot RENDBEN. A grafikus fájl az Ön által megadott webhelymappába kerül mentésre.

Rizs. 15.10.

Grafikus kép elhelyezése fájlból

Megnéztük, hogyan helyeztünk el egy grafikus képet a Clip Ait könyvtárból egy weboldalon. Ha egy fájlból grafikus képet szeretne elhelyezni egy oldalon, tegye a következők egyikét:

  • A menün Beszúrás(Beszúrás) válassza ki a parancsot Rajz(Kép), majd a megnyíló almenüben - az opció Fájlból(Fájlból)
  • Kattintson a gombra Kép hozzáadása fájlból(Kép beszúrása fájlból) a szabványos eszköztáron
  • Kattintson a gombra Kép hozzáadása fájlból(Kép beszúrása fájlból) az eszköztáron Rajzok(Képek)

A műveletek bármelyikének végrehajtásakor megnyílik egy párbeszédpanel Rajz(Kép) (15.11. ábra). Ebben az ablakban keresse meg a kívánt grafikus fájlt, és kattintson a gombra, hogy elhelyezze a weboldalon Beszúrás(Beszúrás). A párbeszédpanel bezárul, és a kép az oldalra kerül.

Rizs. 15.11.

A kép tulajdonságainak beállítása

Miután elhelyezett egy képet egy weboldalon, a párbeszédpanelen be kell állítania annak tulajdonságait Kép tulajdonságai(Kép tulajdonságai) (15.12. ábra). A megnyitáshoz kattintson a képre, majd tegye a következők egyikét:

  • A menün Formátum(Formátum) válassza ki a parancsot Tulajdonságok(Tulajdonságok)
  • Válasszon ki egy csapatot helyi menü Kép tulajdonságai(Kép tulajdonságai)
  • Nyomja meg a billentyűkombinációt +

Párbeszéd ablak Kép tulajdonságai három lapot tartalmaz: Gyakoriak(Tábornok), Videó felvétel(Videó) Kilátás(Kinézet). Nézzük meg közelebbről a testreszabási lehetőségeket ezen a képernyőn.