Sākums / Linux pārskats / Attēlu ievietošana tīmekļa lapās. Attēli Attēli tīmekļa lapās

Attēlu ievietošana tīmekļa lapās. Attēli Attēli tīmekļa lapās

Viena atzīme tiek izmantota, lai Web lapas tekstā ievietotu attēlu. (P 1. tabula). Šī taga atribūti nosaka visus lapā ievietotā attēla parametrus. Ir nepieciešams SRC atribūts, kas nosaka grafiskā faila adresi un nosaukumu. Ja SRC atribūts nav iestatīts, tiks parādīta tikai tukša attēla ikona.

Tagu struktūra ar SRC atribūtu izskatās šādi:

.

Ja grafiskais fails ar nosaukumu Institute atrodas tajā pašā mapē, kur Web lapa, tad, lai to ievietotu, ir jāieraksta:

.

Faila nosaukuma formāts

Lai ievietotu grafisko failu ar nosaukumu MINSK, kas atrodas D:\Collection\Cities\MINSK.GIF, jums vajadzētu rakstīt .

Izmantojot tagu Web lapa satur grafisku failu, kas atrodas citā datorā internetā.

Lai izveidotu Web lapu ar mūsu institūta fotoattēlu, kas parādīts attēlā. 4.1, jums jāievada šāds HTML kods:

Tīmekļa lapa ar fotogrāfiju

Mūsu institūts

Rīsi. 4.1. Tīmekļa lapa ar institūta fotogrāfiju

Iepriekš minētajā piemērā fotoattēla augstums (HEIGHT) ir 200 pikseļi un platums (WIDTH) ir 300 pikseļi. Lai ievietotu fotoattēlu, tiek izveidota rindkopa ar līdzinājumu centrā.

Horizontālās līnijas

Horizontālās līnijas tiek ievietotas tīmekļa lapā, izmantojot vienu tagu


. Atribūti SIZE, WIDTH, COLOR un ALIGN maina attiecīgi līniju biezumu, platumu, krāsu un līdzinājumu.

Apskatīsim dažus piemērus, lai izskaidrotu horizontālo līniju izvietojumu:

1.


- horizontāla līnija visā lapā, 2 pikseļus bieza.

2.


PLATUMS = "200" ALIGN="RIGHT"> — horizontāla līnija zaļā krāsā, 15 pikseļu bieza, 200 pikseļu plata un līdzināta pa labi.

3.


– horizontāla zila līnija, kas aptver visu lapu, 25 pikseļus bieza.

4.


PLATUMS = "300" ALIGN = "LEFT"> — horizontāla sarkana līnija, 20 pikseļu bieza, 300 pikseļu plata un līdzināta pa kreisi.

Līnijas displejs četriem ierakstītajiem piemēriem ir parādīts attēlā. 4.2.

Rīsi. 4.2. Rindas tīmekļa lapā



TABULAS

Tabulu veidošana

Tabula tiek izveidota, izmantojot pārī savienotu tagu

. Šis tags izveido tabulu vietā, kur tā tiek pievienota
HTML kodā.

Jebkura tabula sastāv no rindām, bet rindas - no šūnām. Lai veidotu tabulas rindas un šūnas, tiek izmantoti šādi tagi:

... – jauna līnija;

... – galvenes šūna;

... – parastā tabulas šūna.

Šīs atzīmes ir ierakstītas pārī savienotā tagā

.

Tabulu veido rinda pēc rindas - vispirms tiek norādīta viena rinda un tajā norādīts nepieciešamais šūnu skaits, tad otrā rinda utt.

Lai iegūtu tabulu, kas parādīta attēlā. 5.1, jums jāievada šāds HTML kods:

Tabulas lapa

Rīsi. 5.1. Tabulas lapa

Teksts tabulas galvenes šūnās (5.1. att.) tiek attēlots daļēji treknrakstā un līdzināts šūnas centram, savukārt parastajās šūnās teksts netiek izcelts un ir līdzināts pa kreisi.

Jāņem vērā, ka iepriekš minētās lapas HTML kodā tags

Automašīnas Cena Fords 5000 Golfs 6000
satur atribūtu BORDER ar vērtību "1". Tas nozīmē, ka tabulā, kas parādīta attēlā. 5.1, ārējās apmales biezums ir
1 pikselis. Ja mēs rakstām

,

tad ārējās apmales biezums būs 6 pikseļi. Lai novērstu tabulas apmales rādīšanu, atribūtam BORDER jāiestata 0 vai vienkārši jāizlaiž šis atribūts.

Lielākā daļa tīmekļa lapu satur grafiku. Tas ļauj krāsaini un skaidri pasniegt informāciju. Daudzos gadījumos labāk ir parādīt attēlu, nevis sniegt garu teksta aprakstu.

Ir divi veidi, kā lapā ievietot grafiku:

  • atsevišķu attēlu ievietošana;
  • fona aizpildīšana ar attēlu.

Jebkurā gadījumā grafiskais attēls tiek ņemts no faila.

Grafikas ievietošana

Grafiskā attēla ievietošana no grafiskā formāta faila lapā tiek veikta, izmantojot tagu (no angļu valodas, attēls - attēls), norādot faila adresi kā argumentu SRC atribūtam:

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

Grafiskā faila adrese ir URL vai faila nosaukums, iespējams, ar ceļu. Piemēram, lai parādītu grafisko failu logotip.jpg, jāieraksta tags:

< IMG SRC = "logotip.jpg" >

Lai palielinātu tagā esošā grafiskā attēla pārsūtīšanas ātrumu varat izmantot atribūtu ( papildu parametrs) LOWSRC, kas kā argumentu izmanto grafikas faila adresi. Varat izveidot divus grafiskos failus: vienā (piemēram, logotips.jpg) ir augstas izšķirtspējas attēls, bet otrā (piemēram, logotips.gif) ir zemas izšķirtspējas attēls. Tad atzīme:

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

...uzdod pārlūkprogrammai vispirms lejupielādēt logotipu.gif failu un pēc tam to aizstāt ar failu logotip.jpg, tiklīdz tas tiek saņemts.

Vēl viens veids, kā paātrināt grafikas ielādi, ir iestatīt taisnstūra apgabala lielumu, kurā grafika tiks ievietota, izmantojot atribūtus. PLATUMS(platums) un AUGSTUMS(augstums), mērīts pikseļos. Ja norādāt šos atribūtus, pārlūkprogramma vispirms atvēlēs vietu grafikai, sagatavos dokumenta izkārtojumu, parādīs tekstu un tikai pēc tam ielādēs grafiku. Ņemiet vērā, ka pārlūkprogramma saspiež vai izstiepj attēlu, lai tas atbilstu norādītajam kadra izmēram. Attēla izmēru norādīšanas piemērs:

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

Grafiku parasti izmanto kopā ar tekstu, tāpēc rodas teksta un grafikas izlīdzināšanas problēma. Šī problēma tiek atrisināta, izmantojot atribūtu LĪDZINĀT tagu izmantojot dažādus argumentus. Piemēram, mēs varētu vēlēties, lai teksts plūst ap attēlu pa labi vai pa kreisi. Parasti attēls ir cieši iestrādāts ar tekstu, kas var būt neglīts. Lai no tā izvairītos, varat iestatīt tukšas piemales ap ilustrāciju. Lauki tiek izveidoti, izmantojot atribūtus VSPACE augšējām un apakšējām malām un Н Space tagā sānu malām . Šo atribūtu argumenti ir norādīti kā skaitļi, kas norāda lauku lielumu pikseļos. Lai atceltu teksta ietīšanu ap grafikām, izmantojiet tagu
.

Šis tags iestata logotipa.jpg faila grafiskos attēlus aplauzt pa labi (attēls atradīsies pa kreisi no teksta):

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

Ja vēlaties ievietot attēlu pa labi no teksta, jums ir nepieciešams atribūts LĪDZINĀT piešķirt argumentu PAREIZI:

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

Lai iestatītu piemales ap attēlu, jums ir jāraksta atzīme, piemēram:

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

Šeit skaitļi 20 un 10 nosaka lauku lielumu.

Apskatīsim piemēru koplietošana grafikas un teksti. Atveriet Notepad (teksta redaktors Notepad) Windows. Ierakstiet tajā HTML kodu, izmantojot iepriekš aprakstītos tagus. Zemāk ir programma, kas izvada tekstu un grafiku. Kā grafisko failu varat izmantot jebkuru no jūsu failiem. Šeit izmantotais fails ir logotip.gif.

< HTML >

< HEAD >

< TITLE >1. vingrinājums< / TITLE >

< / HEAD >

< BODY BGCOLOR = "YELLOW" >

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

< H1 >Teksts apvij grafiskos attēlus labajā pusē< / H1 >

Rīsi. 657. Teksts tiek apvilkts ap attēlu labajā pusē

Nodrošina plašas iespējas precīzai attēlu (kā arī citu elementu) pozicionēšanai lapā tabulas Un stilus. Šie HTML elementi tiks apspriesti vēlāk. Piemēram, varat definēt tabulu bez redzamiem rāmjiem un šīs tabulas šūnās ievietot attēlus, tekstus un citus elementus.

1. definīcija

Tīmekļa lapa ir teksta fails, kas izveidots HTML valodā un mitināts globālajā tīmeklī (WWW). Papildus tekstam Web lapā var būt hiperteksta saites, caur kurām var pārvietoties uz citām Web lapām un skatīt tās, kā arī ieliktņus grafikas, animācijas, videoklipu un mūzikas veidā.

Izmantojot HTML, jūs varat:

  1. Izveidojiet un rediģējiet Web lapas.
  2. Rediģēt HTML dokumentus no interneta, ņemot vērā visu dokumentā iegulto objektu darbību (attēli, animācijas utt.).
  3. Izmantojot hiperteksta saites un iespēju iegult zīmējumus, diagrammas, animācijas, videoklipus, mūzikas un runas pavadījumu, teksta specefektus HTML dokumentā, izveidot multivides prezentācijas, slaidrādes, demonstrācijas projekti.

1. piezīme

Grafiskie attēli parasti tiek glabāti atsevišķos failos. HTML valodai ir speciāli tagi, ar kuriem Web lapu kodos tiek ierakstītas saites, kas ir šo failu faktiskās adreses internetā. Sastopoties ar šādiem tagiem, tīmekļa pārlūkprogramma Web serverim pieprasa atbilstošo failu ar attēlu, audio vai video un parāda to tīmekļa lapā šī taga atrašanās vietā. Jebkuri dati (attēli, audio un video utt.), kas tiek glabāti failos atsevišķi no tīmekļa lapas, tiek saukti par Web lapu iegultiem elementiem. Sīkāk apskatīsim attēla pievienošanas procesu Web lapai.

Attēlu pievienošana tīmekļa lapai

Web lapu pievilcība slēpjas tieši tajās izmantotajā grafikā un citos dažādos objektos. Attēla pievienošana lapai nav grūta. Un pievienojiet grafikas, kas var darīt izskats Web lapas ir reprezentablākas un profesionālākas, daudz sarežģītākas, un tām būs nepieciešamas īpašas zināšanas.

Varat pievienot lapai attēlu, izmantojot attēla avota tagu, kas izskatās šādi:

kur ir pats tags, un scr ir tā atribūts. Tā kā ir nepieciešams atribūts scr, mēs varam teikt, ka viss šis ieraksts ir viens kopīgs tags. Attēla avota tagā netiek izmantots atbilstošs beigu tags, jo avota tags ir autonoms, un tādēļ, lietojot to, beigās ir nepieciešama slīpsvītra: .

Alternatīvu parakstu pievienošana

Internetā bieži var atrast dažādus uzrakstus, kas tiek parādīti, novietojot peles kursoru virs jebkura grafiskā objekta Web lapā. Šie paraksti parasti satur papildu informāciju par pašu attēlu vai par lapas apgabalu, kurā tas atrodas.

Zemāk ir HTML kods ar alt atribūtu, kas pievienots taga iekšpusē. Šis atribūts, līdzīgi kā src atribūts, sniedz pārlūkprogrammai papildu informāciju par attēlu, un to vienmēr var izmantot kopā ar tagu.

alt="Šis ir attēls!" />!}

Atribūta alt funkcija ir definēt alternatīvu tekstu tīmekļa lapai pievienotajam grafiskajam elementam. To sauc par alternatīvu, jo tas tiek parādīts ekrānā kā alternatīva pašam attēlam. Alt atribūts veic vēl vienu svarīgu funkciju. Tas ļauj tīmekļa dizainerim būt pārliecinātam, ka, ja lapas apmeklētājs savā ekrānā neredz attēlu, viņš vismaz varēs redzēt šim attēlam pievienoto teksta informāciju.

Katram tagam izmantojot alt atribūtu, ir svarīgi uzmanīties, lai grafiskajiem elementiem nepiešķirtu nepiemērotas īsziņas. Piemēram, lapas dizaina elementiem nav jēgas pievienot alternatīvas teksta etiķetes. Lai izvairītos no šādām kļūdām, šo elementu atribūtam alt varat iestatīt tukšu vērtību (alt=" "). Ja neiestatīsit citus atribūtus, pārlūkprogramma atveidos attēlu tā sākotnējā izmērā, bet līdzinās attēla augšējai malai ar blakus esošās teksta virknes augšējo malu. Tomēr jūs varat mainīt abus šos iestatījumus, izmantojot stila lapas tagus.

Attēla atribūti

Tagam ir atribūti, kas ļauj mainīt attēlu izmērus. Šeit ir daži no tiem:

  • augstums – izmanto, lai noteiktu attēla augstumu pikseļos vai procentos;
  • platums – to izmanto, lai noteiktu attēla platumu pikseļos vai procentos.

Attēla augstuma un platuma pielāgošana

Web lapās ievietoto attēlu izmērus var iestatīt, izmantojot iepriekš minētos atribūtus. Turklāt to vērtības tiek iestatītas vai nu kā fiksēts pikseļu skaits, vai kā procenti attiecībā pret lapas izmēru. Tālāk esošajā HTML kodā pirmais tags satur oriģinālā attēla izmērus pikseļos (60 pikseļi vertikāli un 60 pikseļi horizontāli), otrais tags iestata tā paša attēla platumu uz 6% no lapas platuma un augstumu uz 10% no lapas augstuma.

alt="Šis ir attēls!" augstums = "60" platums = "60" />

alt="Šis ir attēls!" augstums = "10%" platums = "6%" />

2. piezīme

Parādot attēlus savā logā, pārlūkprogramma vienlīdz labi apstrādā abu veidu vērtības. Tomēr jāatceras, ka tīmekļa lapu apmeklētājiem var būt atšķirīga ekrāna izšķirtspēja nekā jūsu datoros. Tāpēc, mainot attēla izmēru, ir jānorāda abas attēla vērtības (augstums un platums). Ja maināt tikai vienu no šīm vērtībām, attēls ekrānā var izskatīties izstiepts vertikāli vai horizontāli.

To var izmantot, lai radītu ilūziju par ātrāku attēlu ielādi. Lai to izdarītu, vienmēr ir jānorāda augstuma un platuma atribūtu vērtības neatkarīgi no tā, vai attēla izmērs ir mainīts vai nē. Jo tie sniedz pārlūkprogrammai svarīgu informāciju par vietas daudzumu, kas nepieciešams attēla ievietošanai lapā. Atbildot uz to, pārlūkprogramma piešķir attēlam nepieciešamo vietu un turpina veidot citus lapas elementus, nepārtraucot paša attēla ielādi. Tādējādi lapa tiek ielādēta ātrāk, jo apmeklētājiem nav jāgaida, līdz attēls tiks pilnībā ielādēts, pirms lapā tiek parādīta cita informācija.

Lai nodrošinātu, ka attēls jebkurā ekrānā neatkarīgi no tā izšķirtspējas aizņem precīzi noteiktu vietu visā lapas platumā, ir jāizmanto procentuālās vērtības. Ja vēlaties, lai paša attēla izšķirtspēja būtu nemainīga (tā lielums pikseļos), jums jāizmanto vērtības pikseļos.

Teksta un grafikas līdzināšana

Lai līdzinātu attēlu teksta rindiņas labajā vai kreisajā malā, izmantojiet taga līdzināšanas atribūtu. Piemēram:

alt="Šis ir attēls!" height="60" width="60" align="right" />

Lai līdzinātu attēlu vertikāli attiecībā pret teksta virkni, varat arī izmantot šo atribūtu, kas var ņemt vērtības augšā, apakšā un centrā. Vērtība top norāda, ka attēla augšējai malai jābūt līdzinātai ar apkārtējā teksta augšējo malu. Vērtība bottom norāda, ka attēla apakšējā mala ir jāsaskaņo ar apkārtējā teksta apakšējo malu. Centra vērtība norāda, ka attēla centrs ir jāsaskaņo ar teksta rindiņas centru.

Attēlu izmantošana kā saites

Attēli tiek izmantoti arī, lai izveidotu hipersaites uz citiem dokumentiem. HTML valodā attēls kļūst par hipersaiti tāpat kā tekstlodziņš. Lai to izdarītu, tiek izmantots tags, kas ietver lapas elementu (mūsu gadījumā attēlu), kam jākļūst par saiti. Saitei sekos, noklikšķinot uz šī attēla.

Sīktēlu attēli

Papildus iepriekšminētajai metodei, kurā attēls darbojas kā hipersaite, to var izmantot arī kā hipersaiti, kas pāriet no viena attēla uz citu. Tas ir nepieciešams gadījumos, kad tīmekļa lapā publicētā attēla izmērs ir diezgan liels un tā ielāde prasīs ļoti ilgu laiku, kas daudziem apmeklētājiem ir nepieņemami. Tāpēc viņi izveido samazinātu šī attēla kopiju (sīktēlu) un attēlo to ar hipersaiti. Ja lapas apmeklētājs interesējas par šo attēlu, viņš var noklikšķināt uz sīktēla, lai skatītu pilnu attēlu. Šeit ir koda piemērs:

alt="Noklikšķiniet, lai redzētu parasto attēlu."

augstums = "60" platums = "60" />

Veiksmīgas attēlu izmantošanas noslēpumi

Attēli apmeklētājiem sniedz daudz vizuālas informācijas, un tas padara tos pievilcīgus, kā arī tos ir diezgan vienkārši pievienot tīmekļa lapai, taču ir noteikti noteikumi vietnes izveidei, kas jāievēro, ja vēlamies, lai tā kļūtu populāra internetā.

Veidojot lapas, mēģiniet tajās ievietot mazus attēlus, jo lielu attēlu ielāde prasīs ilgu laiku, un daži lietotāji joprojām izmanto zema ātruma sakaru kanālus, lai piekļūtu tīklam. caurlaidspēja, un tāpēc lejupielādēto failu lielums viņiem ir ļoti svarīgs.

3. piezīme

Svarīgs ir arī visa HTML dokumenta kopējais faila lielums, kas, savukārt, būs atkarīgs ne tikai no tajā ietverto attēlu lieluma, bet arī no to skaita. Lietojot alt atribūtu, jābūt uzmanīgiem, lai īsziņas saturs vienmēr atbilstu pašam attēlam. Un pretējā gadījumā: ir jānodrošina, lai attēls atbilstu lapā sniegtajai teksta informācijai.

Izmantojot no interneta aizgūtus attēlus lapā, kuru veidojat, ir jāpārbauda, ​​vai šie attēli ir aizsargāti ar autortiesībām.

Kā minēts, HTML mūsdienās ir pamats jebkuras tīmekļa lapas rakstīšanai globālajā tīmeklī. Izmantojot CSS, HTML koda izveide krasi mainās. Varat atvadīties no neveiklo HTML tagu pārkārtošanas, lai iegūtu noteiktus vizuālos efektus. Par dažiem HTML tagiem vai atribūtiem, piemēram, novecojušu tagu...

Sākums

Pasūtiet vietni un sāciet uzņēmējdarbību!

Šo frāzi var dzirdēt un redzēt daudzās vietnēs, un tas nav velti!

Tīmekļa vietne šī ir uzņēmuma seja. Un tas ir vismodernākais un efektīvākais saziņas kanāls ar potenciālajiem patērētājiem. Tikai interneta vietnes iespējas ļauj pilnībā izmantot visas informatīvā ziņojuma nodošanas metodes lietotājam. Teksta, audio un video informāciju var parādīt vienā vietnē, lai iepazīstinātu patērētāju ar tiem.

Izmantojot programmatūra Vietnē jūs varat pieņemt maksājumus, runāt pa tālruni, uzturēt datu bāzes, sūtīt un saņemt faksus, apmainīties ar SMS ziņojumiem un veikt daudzas citas darbības. Mūsdienīga interneta vietne ir informācijas centrs ne tikai jebkuram uzņēmumam, bet arī jebkuram interneta lietotājam.

Un tas ir abpusēji izdevīgs veids, kā efektīvi un tajā pašā laikā vienkārši un skaidri nodot savas idejas vai attīstību visplašākajai auditorijai. Un šodien Web dokumenti, kas rakstīti hiperteksta iezīmēšanas valodā HTML, joprojām ir galvenais datu prezentācijas veids tīmekļa vidē.

Svarīgākās HTML priekšrocības ir:

  • vienkāršība, kas ļauj apgūt HTML pēc iespējas īsākā laikā.
  • iespēja izveidot savas Web lapas
  • un HTML darbojas tieši tāpat uz visām šodien esošajām platformām, nav nepieciešams iegādāties papildu aprīkojumu. Un pietiek ar visu pieejamo izmantošanu teksta redaktors, piemēram, Notepad.

Šajā vietnē es centos detalizēti aprakstīt visu jūsu vietnes izveides procesu, proti, gatavā projekta publicēšanu internetā, lai nodrošinātu piekļuvi tam visiem lietotājiem.

Es ceru, ka mani raksti daudziem būs ļoti noderīgi, jo pats neesmu programmētājs, bet mani ļoti iedvesmo šis darbs.

Tīmekļa lapā ievietotie grafiskie attēli ne tikai veicina labāku informācijas uztveri, bet arī padara lapas spilgtākas un neaizmirstamākas. Grafiskus attēlus varat sagatavot pats vai izmantot dizaineru pakalpojumus. Varat arī izmantot grafikas failu bibliotēkas no programmatūras produktiem, piemēram, Microsoft Office, CorelDraw utt.

Izveidojamās vietnes sākumlapā ievietosim grafisku attēlu no programmā Microsoft Office iekļautās klipkopu bibliotēkas. Lai to izdarītu, veiciet tālāk norādītās darbības.

  1. Atveriet izveidoto vietni.
  2. Atvērt mājas lapa panelī veicot dubultklikšķi uz faila index.htm nosaukuma Mapju saraksts(Mapju saraksts).
  3. Izvēlnē Ievietot(Ievietot) atlasiet komandu Zīmējums Bildes(Klipkopa). Programmas FrontPage logā tiek parādīts panelis Attēla ievietošana(Ievietot klipkopu).
  4. Šajā panelī atlasiet komandu Attēlu kolekcija(Mediju galerija). Tiek atvērts dialoglodziņš, kurā var izvēlēties grafisku attēlu (15.8. att.).

Rīsi. 15.8.

Dialoglodziņa augšdaļā papildus pogām, kas kontrolē logā redzamo objektu attēlošanu, kā arī objektu kopēšanu un dzēšanu, ir piešķiršanas pogas (skat. tabulu).

  1. Panelis Kolekciju saraksts satur jūsu datora mapes ar multivides failiem, kā arī klipkopu bibliotēkas attēlu failus. Atveriet jūs interesējošo attēlu kategorijas mapi. Šīs kategorijas attēli parādīsies loga darba zonā. Novietojot kursoru uz attēla, ir redzams mājiens, kas norāda attēla nosaukumu, izmēru un tajā esošā faila nosaukumu, kā arī grafiskā attēla formātu (15.9. att.).
  1. Noklikšķiniet uz bultiņas pogas atlasītā attēla labajā pusē. Parādās konteksta izvēlne.
  2. Konteksta izvēlnē atlasiet komandu Kopēt(Sora).
  3. Dodieties uz Web lapu un ielīmējiet tajā attēlu no starpliktuves, izmantojot jebkuru ērtu rīku. Piemēram, nospiediet taustiņu kombināciju +.
  4. Saglabājiet Web lapu, kurā ir grafiskais attēls, noklikšķinot uz pogas Saglabāt(Saglabāt) standarta rīkjoslā. Parādās dialoglodziņš Iegulto failu saglabāšana(Saglabāt iegultos failus) (15.10. att.), piedāvājot lapā ievietoto attēlu saglabāt mapē attēlus Vietne ar nosaukumu, ar kuru fails atradās bibliotēkā. Šajā logā ir šādas pogas:
    • Pārdēvēt(Pārdēvēt) - ļauj pārdēvēt failu.
    • Mainīt mapi(Mainīt mapi) - atver dialoglodziņu Mainīt mapi(Mainīt mapi), kas satur pašreizējās vietnes mapes, ļaujot faila saglabāšanai atlasīt citu mapi.
    • Darbība(Iestatīt darbību) atver dialoglodziņu Darbības uzdevums,ļauj mainīt vērtību Saglabāt Saglabājiet kolonnu Darbība uz Netaupiet(Nesaglabāt). Saglabāt Zīmējums tiek saglabāts jūsu norādītajā vietnes mapē, pretējā gadījumā Web lapā būs saite uz attēlu, kas atrodas klipkopas bibliotēkā.

Reģions Zīmējums(Attēla priekšskatījums) parāda ievietojamo attēlu. Dialoglodziņā iestatot Iegulto failu saglabāšana vēlamos parametrus, nospiediet pogu Labi. Grafiskais fails tiks saglabāts jūsu norādītajā vietnes mapē.

Rīsi. 15.10.

Grafiskā attēla ievietošana no faila

Mēs apskatījām grafiskā attēla ievietošanu no Clip Ait bibliotēkas tīmekļa lapā. Lai lapā ievietotu grafisku attēlu no faila, veiciet vienu no šīm darbībām:

  • Izvēlnē Ievietot(Ievietot) atlasiet komandu Zīmējums(Attēls), un pēc tam atvērtajā apakšizvēlnē - opcija No faila(No faila)
  • Noklikšķiniet uz pogas Pievienojiet attēlu no faila(Ievietot attēlu no faila) standarta rīkjoslā
  • Noklikšķiniet uz pogas Pievienojiet attēlu no faila(Ievietot attēlu no faila) rīkjoslā Zīmējumi(Attēli)

Veicot kādu no šīm darbībām, tiek atvērts dialoglodziņš Zīmējums(Attēls) (15.11. att.). Izmantojot šo logu, atrodiet vajadzīgo grafisko failu un noklikšķiniet uz pogas, lai to ievietotu Web lapā Ievietot(Ievietot). Dialoglodziņš tiks aizvērts un attēls tiks ievietots lapā.

Rīsi. 15.11.

Attēla rekvizītu iestatīšana

Pēc attēla ievietošanas tīmekļa lapā, izmantojot dialoglodziņu, jākonfigurē tā rekvizīti Attēla īpašības(Attēla īpašības) (15.12. att.). Lai to atvērtu, noklikšķiniet uz attēla un pēc tam veiciet kādu no šīm darbībām:

  • Izvēlnē Formāts(Formatēt) atlasiet komandu Īpašības(Īpašības)
  • Izvēlieties komandu konteksta izvēlne Attēla īpašības(Attēla rekvizīti)
  • Nospiediet taustiņu kombināciju +

Dialoglodziņš Attēla īpašības satur trīs cilnes: Ģenerālis(Vispārīgi), Video ierakstīšana(Video) Skatīt(Izskats). Sīkāk apskatīsim pielāgošanas opcijas, izmantojot šo displeja logu.