Da bi negdje nešto ubacili (ako je riječ o tekstualnom ili grafičkom uređivaču), potrebno je ili "Otvoriti" ovo "nešto" klikom na ikonu s rječito otvorenom mapom, što je standardno za ovu naredbu, ili pogledati za gumb s natpisom koji nagovještava mogućnost rješavanja problema.

Umetnite sliku u Word

Na primjer, ako vas zanima kako umetnuti sliku u "Word", potrebno je otići na karticu "Insert" i klikom na sličicu s nazivom "Slika" (Slika) odabrati sliku na svoj disk u prozoru koji se otvori i pritisnite gumb "Insert" (koje pitanje je odgovor).

Slika će se pojaviti na mjestu označenom kursorom, ali u novom retku iu "Format". Ovdje možete (s lijeva na desno) podesiti svjetlinu i kontrast, promijeniti boju, komprimirati ili potpuno zamijeniti sliku, odabrati stil okvira, promijeniti geometrijski oblik, postaviti granice, dodati efekte i izrezati na određene veličine, ali glavna stvar je grupa funkcija u odjeljku "Rasporedi". gdje označavaju položaj slike u dokumentu i prirodu prelamanja teksta.

Obratite pažnju na male dijagonalne strelice u donjem desnom kutu odjeljaka Stilovi slike i Veličina. Klikom na njih otvorit ćemo prozore "Format slike" i "Veličina" s parametrima odgovarajućih postavki.

Umetnite sliku u sliku Paint

S tako jednostavnim problemom kao što je umetanje slike u crtež, "stara boja" se lako nosi. Nakon otvaranja slike (naredba "Otvori"), jednostavno zalijepite sljedeću sliku odabirom "Zalijepi" u gornjem lijevom kutu ili "Zalijepi iz" (ili Ctrl + V) ako je slika kopirana u međuspremnik.

Prekrivena slika može se transformirati hvatanjem bilo koje od šest ručki mišem i pomicanjem lijevom tipkom miša, ali nakon klika na stranu (izvan slike) transformacija će postati nedostupna. Ovu okolnost treba uzeti u obzir ako treba dodati još slika.

Umetnite sliku u sliku u Wordu

Zadatak preklapanja slika lako se ostvaruje u gotovo svakom grafičkom uređivaču, ali, možda, rijetko tko razmišlja o uređivaču teksta "Word", a to je, ispostavilo se, moguće (ako je potrebno). Da biste to učinili, odaberite pozadinsku sliku i na padajućem popisu Prelom teksta na kartici Format odaberite metodu iza teksta koja se koristi za dodavanje teksta slici.

Zatim kliknemo pored slike lijevo od nje i razmaknicom (ili tipkom Tab) "ubijemo" kursor u sliku. Sada nije teško pogoditi, samo slijedite poznatu rutu: "Insert"> "Picture"> "Insert" - i slika u slici je upravo tamo. Slika preklapanja može se transformirati i rotirati hvatanjem zelenog markera i premjestiti unutra pomoću tipki Tab, Space i Enter, ali to nije baš zgodno. Ali ako otvorite prozor "Pozicija" u odjeljku "Rasporedi" i odaberete bilo koju opciju "C, možete je povući mišem.

Umetnite sliku u Photoshop

Nakon Worda, takva operacija kao što je umetanje slike u Photoshop činit će se kao dječja igra. Ako uređivač radi (u smislu otvoreno), u izborniku "Datoteka" kliknite "Otvori" / Otvori (Ctrl + O), odaberite sliku i ponovite "Otvori".

Prozor za odabir datoteke otvara se dvostrukim klikom na prazno polje u radnom prostoru (kada nijedan dokument nije otvoren).

Na naredbi "Postavi" u izborniku "Datoteka", slika će ići direktno u aktivni prozor na novom sloju, gdje je možete odmah "prihvatiti" klikom na potvrdni okvir na alatnoj traci pri vrhu, ili je transformirati unaprijed.

Ako su dokumenti otvoreni u dva ili više prozora, slike s jedne na drugu mogu se jednostavno povlačiti mišem. Slika će se otvoriti u Photoshopu, ako je (urednik) odaberemo s popisa programa naredbom "Otvori s" u kontekstualnom izborniku datoteke, koja se poziva desnom tipkom miša.

Kopirano na sliku (desni gumb> "Kopiraj" ili Ctrl + V) otvorit će se u "Photoshopu" ako u izborniku "Datoteka" kliknete "Novo" (OK), a zatim idite na "Uredi" i kliknite "Zalijepi".

Ako se u Word uređivaču takav bezopasan zadatak kao što je umetanje slike u sliku pretvori u cijeli postupak, onda se u Photoshopu to rješava jednom naredbom "Mjesto", koja je već spomenuta.

Možete učitati sliku i ponovno narediti "Otvori", a zatim povući sliku od prozora do prozora.

Zgodno je učitati slike iz Adobe Bridge dodatka u program tako što ćete ga nazvati naredbom "Pregledaj u Mini Bridgeu" iz izbornika "Datoteka" ili "Proširenja" iz izbornika "Prozor". Ovdje možete brzo pregledavati mape sa slikama i odabirom jednostavno povući i ispustiti u prozor "Photoshop" ili desnom tipkom miša odabrati poznatu naredbu "Place"> "In Photoshop".

Prve vrste ilustracija u Microsoft Wordu koje ćemo pogledati su slika, isječak i snimka zaslona. Treba ih spojiti u jednu skupinu iz razloga što su njihova svojstva vrlo bliska jedna drugoj, pa stoga program za obradu teksta Microsoft Word korisniku nudi iste alate za rad s ovakvim vrstama ilustracija.

Međutim, iako je uređivanje sve tri vrste ilustracija isto, proces umetanja slike, slike i screenshota zamjetno je drugačiji. Dakle, prije nego što prijeđemo na uređivanje ovih vrsta ilustracija, pogledajmo kako umetnuti slike, slike i snimke zaslona u Microsoft Word.

Umetnite sliku u Word 2010 dokument

Kao što je gore opisano, ove ilustracije treba koristiti u slučajevima kada trebate umetnuti grafičku datoteku u sadržaj dokumenta iz vanjskog izvora. Međutim, osim jednostavnog umetanja grafičke datoteke, program za obradu teksta Microsoft Word nudi bogatu funkcionalnost za kasnije uređivanje umetnute datoteke.

Da biste umetnuli sliku u dokument, morate kliknuti gumb Crtanje(Slika) u kontrolnoj skupini Ilustracije Kartica (Ilustracije). Umetnuti(Insert) kontrola vrpce. Otvorit će se dijaloški okvir Umetnite sliku(Insert Picture), u koju trebate odabrati datoteku za umetanje. Prema zadanim postavkama, dijaloški okvir prikazuje mapu Moji crteži(Moje slike) (za Windows Vista i starije operacijske sustave) ili knjižnicu Slike(Slike) (za operativni sustav Windows 7).

Da biste umetnuli datoteku, trebate samo izvršiti jednu od predloženih radnji.

• Odaberite željenu datoteku klikom na nju lijevom tipkom miša i pritisnite gumb Umetnuti(Umetnuti).
• Zalijepite datoteku dvostrukim klikom na nju lijevom tipkom miša.
• U polje za unos Naziv datoteke: (Naziv datoteke :) unesite naziv traženog dokumenta, a zatim pritisnite gumb Umetnuti(Umetnuti).

Dok unosite naziv datoteke, polje za unos Naziv datoteke: (Naziv datoteke :) će se pretvoriti u padajući popis s mogućim opcijama naziva datoteke. Moguće je ne unositi naziv datoteke do kraja, već pomoću tipki i ↓ odaberite željenu datoteku od predloženih.

Pritisak na gumb Umetnuti(Insert) može se zamijeniti pritiskom na Enter. Ako želite ubrzati pretragu slike u mapi koja sadrži mnogo grafičkih datoteka, možete odabrati s padajućeg popisa Svi crteži(Sve slike) potreban format datoteke.

Nakon što odaberete grafičku datoteku i umetnete je u tekst, dijaloški okvir Umetanje slike zatvara se i vidite umetnutu sliku na mjestu gdje je bio pozicioniran tekstualni kursor. Imajte na umu da je slika zalijepljena u stvarnoj veličini. Veličina slike se mjeri u centimetrima.

Prema zadanim postavkama, stil odlomka u dokumentu u kojem se nalazi kursor teksta primjenjuje se na sliku. Svojstva stila odlomka kao što su poravnanje teksta i razina, uvlačenje itd. primjenjuju se na sliku. Dakle, slika može biti dio naslova.

Osim slike koja se pojavi, otvorit će se dodatna kartica kontrolne vrpce Rad sa slikama(Alati za slike) (Sl. 7.2), a u njemu kartica Format(Format) s alatima isključivo za crtanje. Da biste sakrili ovu karticu, dovoljno je pomaknuti tekstualni kursor na bilo koje drugo mjesto.

Dodatna grupa kartica Rad sa slikama(Alati za slike) pojavljuje se samo kada se slika ili slika uređuje. Da bi se kartica pojavila, morate kliknuti na bilo koju sliku ili sliku u dokumentu.

Postoji još jedan, jednostavniji način umetanja slike u sadržaj dokumenta: Za umetanje slike u dokument dovoljno je postaviti pokazivač miša preko željene datoteke na radnoj površini ili Exploreru operacijskog sustava. Zatim, dok pritisnete i držite lijevu tipku, pomaknite pokazivač miša tako da bude iznad otvorenog prostora dokumenta u Microsoft Wordu. Zatim otpustite lijevu tipku miša. Slika će biti umetnuta na poziciju koju naznačite mišem.

Također, Microsoft Word podržava lijepljenje slika iz međuspremnika operativnog sustava. Dakle, kopiranjem slike u međuspremnik u bilo kojem drugom programu, možete je zalijepiti u otvoreni dokument pomoću uobičajene funkcije lijepljenja.

Umetnite sliku u dokument

Slika je u pravilu vektorska slika koja se može koristiti kao ilustracija (slika 7.3). Slično gumbu Slika, gumb Clip Art nalazi se u grupi kontrola Ilustracije na kartici Umetanje kontrole vrpce. Klikom na ovaj gumb korisnik će vidjeti ploču Clip Art koja se pojavljuje na desnoj strani radnog prozora programa.

Ovo je posebno sučelje koje su razvili kreatori paketa Microsoft Office za rad sa slikama. Poseban alat za rad sa slikama potreban je zbog činjenice da se sve slike ubacuju u dokument iz biblioteke koju su programeri već sastavili. Od korisnika se traži samo da pronađe željenu sliku i ubaci je u sadržaj dokumenta.

Po želji možete promijeniti položaj ploče Slika(Clip Art). Da biste to učinili, kliknite gumb u zaglavlju ploče i odaberite potrebnu radnju. Da biste promijenili mjesto ploče, morate odabrati Potez(Potez). Nakon toga, pokazivač miša će promijeniti svoj izgled i možete pomicati ploču Slika(Clip Art) po radnom prostoru. Dok je ploča na mjestu, kliknite lijevom tipkom miša da biste usidrili poziciju.

Ploča Slika(Clip Art) je izgrađen od tri bloka. Prvi blok se sastoji od polja za unos traži: (Traži :), gumbe Početi(Idi) i kontrolne skupine Pretražite objekte(Rezultati bi trebali biti). Pomoću ovog bloka možete pretraživati ​​biblioteku slika. Drugi blok je polje s trakom za pomicanje dizajnirano za prikaz slika prikladnih za upite pretraživanja. Posljednji blok - dvije hiperveze za pojednostavljenje rada s pločom Slika(Clip Art).

Prema zadanim postavkama, nijedna slika se ne prikazuje u bloku s rezultatima. Biblioteka isječaka sustava Microsoft Office sastoji se od raznih zvukova i slika, od kojih svaki ima ključne riječi. Da biste koristili slike iz biblioteke u svom dokumentu, morate ih pronaći u knjižnici. Za svaku od slika pohranjenih u biblioteci predviđena je jedna ili više ključnih riječi.

Ključne riječi su pojmovi koji definiraju danu sliku. Sukladno tome, da biste tražili ilustraciju koja odgovara značenju, trebate unijeti ključnu riječ u polje za unos traži: (Traži :) na vrhu ploče Slika(Clip Art), zatim pritisnite gumb Početi(Idite) kako bi Microsoft Word počeo birati prave opcije.

Donji blok koji sadrži dvije hiperveze može vam pomoći razumjeti kako koristiti ploču Slika(Clip Art). Veza Izborno na Office.com(Pronađite više na Office.com) vodi do stranice na Office.com s dodatnim slikama i vezom Savjeti za pretraživanje slika(Savjeti za pronalaženje slika) otvorit će dijaloški okvir pomoći za Microsoft Word.

Kao što je gore spomenuto, ne samo slike, već i zvučne i video datoteke mogu se koristiti kao slika. Ako trebate pretraživati ​​samo unutar određene vrste medijskih datoteka, možete ograničiti pretraživanje po vrsti objekta pomoću padajućeg popisa Pretražite objekte: (Rezultati bi trebali biti). Da biste to učinili, kliknite na gumb i poništite okvire pored nepotrebnih vrsta multimedijskih datoteka. Osim toga, možete povećati broj prikazanih slika tako da označite Omogućite Office Online sadržaj web-mjesta(Uključiti sadržaj Office.com). Nakon što označite ovaj okvir, pretraživanje će se izvršiti ne samo u biblioteci računala, već i korištenjem resursa Microsoftovog poslužitelja.

Da biste mogli pretraživati ​​medijske datoteke na poslužitelju Microsoft Office Online, vaše računalo mora biti povezano s internetom.

Pogledajmo ovu točku s primjerom. Uzet ćemo naš novogodišnji tekst kao primjer. Za ukrašavanje teksta potrebna nam je neka vrsta tematske ilustracije. Stoga ćemo unijeti u polje za unos traži: (Traži :) upit za pretraživanje "Nova godina". Slika Djeda Mraza pojavit će se u polju za unos s trakom za pomicanje (slika 7.4). Tako, mijenjajući zahtjeve, možete pronaći različite slike u knjižnici.

Sada kada smo pronašli željenu sliku, ubacimo je u tekst. Postoje dva načina da to učinite:

• potrebno je postaviti kursor teksta na poziciju dokumenta gdje će se umetnuti ilustracija, a zatim samo kliknuti na željenu sliku;
• potrebno je postaviti pokazivač miša na željenu sliku, zatim pritisnuti i držati lijevu tipku miša i pomaknuti sliku na željeno mjesto u dokumentu, nakon čega se lijevu tipku miša može otpustiti.

Nakon toga, slika će biti umetnuta u dokument, a možemo je koristiti kao ilustraciju.

Zvukovi koji se nalaze u biblioteci slika prikazuju se kao ikona aplikacije koja reproducira zvuk. Zvukovi se mogu koristiti samo kada gledate dokument na računalu s instaliranim Microsoft Wordom. Da biste aktivirali zvučnu ilustraciju, dvaput kliknite na njezinu ikonu u tekstu.

Umetni snimku zaslona

Treća vrsta ilustracije, koja je očito obična slika, je snimka zaslona. Ova funkcija omogućuje korisniku da "fotografira" prozor bilo koje aplikacije koja trenutno radi u operativnom sustavu. Funkcija vam također omogućuje izrezivanje dijela radnog prostora prikazanog na monitoru.

Da biste umetnuli snimku bilo kojeg prozora koji radi u operacijskom sustavu kao ilustraciju, kliknite na gumb Snimka zaslona Ilustracije Kartica (Ilustracije). Umetnuti(Insert) kontrola vrpce. Otvorit će se kontekstni izbornik u kojem će se nalaziti polje s trakom za pomicanje Dostupni prozori(Dostupni Windows).

Za praktičnost rada s kontekstnim izbornikom gumba Snimka zaslona(Snimka zaslona) možete ga povećati. Da biste to učinili, postavite pokazivač miša u donji desni kut okvira kontekstnog izbornika tako da promijeni izgled, a zatim pritiskom i držanjem lijeve tipke miša pomaknite miš da biste postavili potrebnu veličinu kontekstnog izbornika. Nakon toga, da biste popravili veličinu izbornika, otpustite lijevu tipku miša.

Ovo polje prikazuje minijature svih prozora aplikacije koji nisu minimizirani na programskoj traci. Da biste umetnuli bilo koju sličicu u dokument, samo kliknite na željeni miš. Nakon toga, snimka zaslona će biti na mjestu dokumenta gdje je bio pozicioniran tekstualni kursor.

Još jedna opcija gumba Snimka zaslona(Snimka zaslona) - izrada izreza zaslona (slika 7.5), bilo kojeg njegovog dijela, a korisnik može sam postaviti veličinu i mjesto na ekranu. Ova je funkcija korisna za ilustriranje malih dijelova programskog sučelja.

Da biste umetnuli zaslon izrezan u Microsoft Word dokument, kliknite na gumb Snimka zaslona(Snimka zaslona) grupa kontrola Ilustracije Kartica (Ilustracije). Umetnuti(Insert) kontrola vrpce.

Ako radite sa naslijeđenim dokumentom (.doc format), izrezivanje zaslona neće biti dostupno. Da biste aktivirali ovu značajku, morate koristiti novi .docx format.

Zatim u kontekstnom izborniku koji se otvori odaberite stavku Izrezivanje ekrana(Screencut). Prozor Microsoft Worda bit će minimiziran na programsku traku. To je učinjeno tako da prozor programa ne ometa stvaranje izrezivanja zaslona. Nakon toga, slika na ekranu će biti posvijetljena, a pokazivač miša će promijeniti svoj izgled. Zaslon je sada spreman za izradu isječka. Samo trebamo postaviti pokazivač na tu poziciju na ekranu, koja će postati jedan od kutova reza, zatim pritiskom i držanjem lijeve tipke miša odrediti veličinu reza. Prostor za izrezivanje neće biti osvijetljen.

Nakon što se veličina izrezivanja zaslona dovede na željenu veličinu, morate otpustiti tipku miša. Prozor dokumenta Microsoft Word iz kojeg ste pozvali funkciju umetanja rezanja ponovno će se otvoriti, a slika navedenog područja zaslona bit će umetnuta na poziciju kursora teksta.

Pozdrav dragi čitatelji bloga! U ovom članku ćete naučiti sve o tome kako umetnuti sliku u html stranicu... Imate li nekoliko slika koje želite staviti na svoju stranicu ili želite staviti logo na svoju web stranicu? Sve je to lako. Nakon što pročitate ovaj članak, moći ćete bez poteškoća umetati slike u svoje html stranice. Da bismo to učinili, detaljno ćemo razgovarati o tome označiti i njegove atribute, brzo pogledajte formate grafičkih datoteka kao što su gif, jpeg i png i pogledajte nove HTML5 značajke koje olakšavaju umetanje videa i zvuka na vaše web-mjesto.

Zbog činjenice da se grafički podaci i html tekst ne mogu kombinirati u jednoj datoteci, pristupa se njihovom prikazivanju na stranici drugačiji pristup nego kod ostalih elemenata html stranica. Prije svega, grafičke slike i drugi multimedijski podaci pohranjuju se u zasebne datoteke. A da bi ih ugradili u web stranicu, koriste se posebne oznake koje sadrže veze na te pojedinačne datoteke. Konkretno, takva oznaka je označiti ... Nakon što je naišao na takvu oznaku s adresom, preglednik najprije od web poslužitelja traži odgovarajuću datoteku sa slikom, audio ili video zapisom, a tek onda je prikazuje na web stranici.

Sve grafičke slike i, općenito, svi podaci koji su pohranjeni u datotekama odvojenim od web stranice nazivaju se implementiran elementi stranice.

Prije umetanja slika i detaljnog razmatranja oznake , vrijedi naučiti malo o grafičkim formatima.

Formati grafičkih slika.

Postoji mnogo različitih grafičkih formata, ali preglednici podržavaju samo nekoliko. Pogledajmo tri od njih.

1. JPEG formatu(Zajednička skupina fotografskih stručnjaka). Prilično popularan format koji se koristi za pohranu slika. Podržava 24-bitnu boju i zadržava sve polutonove na fotografijama nepromijenjenima. Ali jpeg ne podržava transparentnost i iskrivljuje male detalje i tekst na slikama. JPEG se uglavnom koristi za pohranjivanje fotografija. Datoteke ovog formata imaju ekstenzije jpg, jpe, jpeg.

2. GIF format(Format za razmjenu grafike). Glavna prednost ovog formata je mogućnost pohranjivanja nekoliko slika odjednom u jednoj datoteci. To vam omogućuje stvaranje cijelih animiranih videa. Drugo, podržava transparentnost. Glavni nedostatak je podrška za samo 256 boja, što nije dobro za pohranjivanje fotografija. GIF se uglavnom koristi za pohranjivanje logotipa, bannera, slika s prozirnim područjima i koji sadrže tekst. Datoteke ovog formata imaju ekstenziju gif.

3. PNG format(Prijenosna mrežna grafika). Ovaj format je razvijen kao zamjena za zastarjeli GIF i također, u određenoj mjeri, JPEG. Podržava transparentnost, ali ne dopušta animaciju. Ovaj format ima ekstenziju png.

Prilikom izrade web stranica obično koriste slike u JPEG ili GIF formatu, ali ponekad se koristi i PNG. Glavna stvar je shvatiti u kojim slučajevima je koji format bolje koristiti. Ukratko:

JPEG se najbolje koristi za pohranjivanje fotografija ili slika u sivim tonovima koje ne sadrže tekst;

• GIF se prvenstveno koristi za animaciju;
• PNG je format za sve ostalo (ikone, gumbi itd.).

Umetanje slika u html stranice

Kako onda ugraditi sliku na web stranicu? Umetanje slike omogućuje jednu označiti ... Preglednik postavlja sliku na mjesto web stranice gdje nailazi na oznaku .

Ugradi kod slike u html stranica izgleda ovako:

Ovaj html kod postavit će sliku na web stranicu, koja je pohranjena u datoteci image.jpg, koja se nalazi u istoj mapi s web stranicom. Kao što ste možda primijetili, adresa slike je naznačena na src atribut... Ono što sam vam već rekao. Dakle, atribut src je obavezan atribut koji služi za označavanje adrese datoteke sa slikom. Bez atributa src, oznaka img je besmislena.

Navest ću još nekoliko primjera određivanja adrese datoteke sa slikom:

- ovaj html-kod će umetnuti sliku pod nazivom image.jpg na stranicu, koja je pohranjena u mapu slika koja se nalazi u korijenu web stranice.

Atribut src vam omogućuje da navedete više od samo relativnih veza slika. Budući da su slike pohranjene na webu zajedno s html stranicama, svaka slikovna datoteka ima svoj vlastiti url. Stoga se url slike može umetnuti u atribut src. Na primjer:

Ovaj će kod umetnuti sliku s web-mjesta mysite.ru na stranicu. URL adpec se obično koristi kada pokazujete na sliku koja se nalazi na drugom mjestu. Za slike pohranjene na vašoj web stranici najbolje je koristiti relativne poveznice.

Označiti je inline element, pa ga je bolje smjestiti unutar blok elementa, na primjer unutar oznake

- stavak:

Vježbajmo i ubacimo sliku iz prethodnih članaka o html-u na našu stranicu. Napravit ću mapu "images" pored html datoteke moje stranice i tamo staviti datoteku sa slikom "bmw.jpg", koja izgleda ovako:

Tada će html-kod stranice s umetnutom slikom izgledati ovako:

Stranica o automobilima.

Dobrodošli na našu web stranicu automobila. Ovdje ćete pronaći mnogo zanimljivih i korisnih članaka o automobilima, njihovim tehničkim karakteristikama i značajkama.

Znanstveni jezik automobil to:

Mehaničko motorno cestovno vozilo bez gusjenice s najmanje 4 kotača.

Klasifikacija automobila

Automobili su sljedećih vrsta:

• Putnik;


• Teret;


• SUV;


• Lud;


• Pokupiti;


• Sportski;


• Utrke.

Sva prava pridržana. 2010 godina.
Stranica o automobilima.

I gledamo rezultat prikaza u pregledniku:

Kao što vidimo, nema ništa teško u postavljanju slika na web stranice. Zatim, pogledajmo nekoliko drugih važnih atributa oznake. .

Atribut alt je zamjenski

Budući da se slikovne datoteke pohranjuju odvojeno od web stranica, preglednik mora podnijeti zasebne zahtjeve da ih dohvati. A što ako na stranici ima puno slika, a brzina mrežne veze je niska, tada će trebati puno vremena za preuzimanje dodatnih datoteka. Još je gore ako je slika uklonjena s poslužitelja bez vašeg znanja.

U tim će se slučajevima sama web stranica uspješno učitati, umjesto slika bit će prikazani samo bijeli pravokutnici. Stoga, kako bi se informirao korisnika o kakvoj se slici radi, ona se primjenjuje. Ovaj atribut specificira tzv. zamjenski tekst, koji će biti prikazan u praznom pravokutniku dok se slika ne učita:

A ovako nešto izgleda:

Veličina slike

Još uvijek postoji nekoliko atributa oznake img kojih biste trebali biti svjesni. Ovo je par atributa širina i visina... Možete ih koristiti za određivanje dimenzija slike:

širina = "300" visina = "200">

Oba atributa označavaju veličinu u piksela... Atribut širine govori pregledniku koliko bi slika trebala biti široka, a atribut visine koliko visoka. Ova dva atributa mogu se primijeniti zajedno ili zasebno. Na primjer, ako navedete samo atribut širine, tada će preglednik automatski odabrati visinu proporcionalno navedenoj širini i također u slučaju korištenja samo atributa visine. Ako uopće ne navedete ove atribute, preglednik će automatski odrediti veličinu slike prije nego što je prikaže na ekranu. Važno je samo napomenuti da će određivanje veličine slika malo ubrzati preglednik prilikom prikaza stranice.

Za sada se radi o umetanju slika na stranice, a zatim ćemo razmotriti kako umetnuti audio ili video na web mjesto ...

Ugrađivanje videa i zvuka pomoću HTML 5

Nova html5 specifikacija uvodi nekoliko novih oznaka koje olakšavaju ugrađivanje medijskih datoteka. To se prvenstveno odnosi na video i audio.

Umetnuti audio HTML5 pruža uparenu oznaku Adresa datoteke u kojoj je pohranjen audioisječak specificira se pomoću već poznatog src atributa:

Označiti

Prema zadanim postavkama, audioisječak se ni na koji način ne prikazuje na web stranici. Ali ako je u oznaci

Za umetanje videozapisa na web-stranicu upotrijebite uparenu oznaku ... S ovom oznakom je sve isto kao i s oznakom

Nema puno više za reći o umetanju slika i multimedije u html stranice. nadam se pitanju "Kako umetnuti sliku u html stranicu?" odgovorio sam ti. pa samo da rezimiramo:

za umetanje slika u html stranica koristi jednu oznaku i odredite adresu datoteke sa slikom u atributu src: ;

• preko atribut alt označiti možete postaviti zamjenski tekst u slučaju da se slika ne učita;
• korištenjem atributa širina i visina možete postaviti veličinu slike na web stranici;
• postoje uparene oznake za umetanje audio i video zapisa u html5

Ako nešto nije jasno, pitajte u komentarima i ne zaboravite se pretplatiti na ažuriranja na mom blogu. Vidimo se u sljedećim objavama!

Ako želite napraviti novi avatar za svoj račun na društvenoj mreži ili umetnuti sliku u sliku za kolaž od fotografije, onda možete koristiti jedan od popularnih programa za obradu slika ili online uslugu na internetu. Online usluge su posebni resursi koji vam omogućuju umetanje jedne slike u drugu izravno u pregledniku i obavljanje drugih operacija sa slikama i fotografijama.

Usluge koje vam omogućuju umetanje fotografije u sliku

Na takvim stranicama možete napraviti pano sa svojom fotografijom, umetnuti fotografiju u okvir ili u predložene predloške. Da biste to učinili, trebate samo prenijeti željenu fotografiju, naznačavajući put do nje na vašem računalu. Zatim odaberite sliku na koju želite postaviti svoju fotografiju, malo namjestite i to je to - kolaž je spreman. Evo nekoliko takvih usluga:

• avazun.ru - stranica sadrži mnogo okvira i pozadinskih slika na različite teme, zaseban odjeljak za stvaranje avatara za Vkontakte;
• effectfree.ru - razne opcije s oglasnim pločama i okvirima, zasebni odjeljci posvećeni su izradi DVD omota i kalendara s vašom fotografijom.

Online grafički uređivači

Ove usluge imaju gotovo sve osnovne alate za programe za uređivanje slika. Osim toga, prednost online uređivača u odnosu na offline uređivače je u tome što možete raditi sa svojim slikama s bilo kojeg računala. U većini slučajeva također je moguće spremiti svoj rad na poslužitelj. Evo kako možete kombinirati dvije slike koristeći primjer grafičkog uređivača resursa pixlr.com:

Korištenje boje

No, ako nemate pristup internetu, možete koristiti grafičke uređivače instalirane na vašem računalu za umetanje slike u drugu sliku. Pogledajmo kako se to može učiniti koristeći Paint kao primjer. Ovaj uređivač je već instaliran na računalu, standardan je za Windows.

1. Pokrenite Paint, u traci izbornika kliknite Datoteka -> Otvori i odaberite sliku koja će poslužiti kao pozadina.
2. Desnom tipkom miša kliknite i u padajućem izborniku odaberite Zalijepi iz datoteke ... (ili Uredi -> Zalijepi iz datoteke ...). U prozoru koji se otvori tražimo drugu sliku, koja će se nalaziti na vrhu pozadine.
3. Odmah nakon umetanja, podesite položaj i veličinu gornje slike povlačenjem kuta ili strane slike.

Ako i dalje imate pitanja, pogledajte detaljan video:

Korištenje Adobe Photoshopa

Još jedan od najpoznatijih grafičkih uređivača je Adobe Photoshop. Njegova je funkcionalnost mnogo šira od one Painta. Umetanje slike u Photoshop malo je teže nego u Paintu, ali video tutorial će vam pomoći da to shvatite:

Vrlo često rad s dokumentima u MS Wordu nije ograničen samo na tekst. Dakle, ako ispisujete sažetak, priručnik za obuku, brošuru, bilo koje izvješće, seminarski rad, znanstveni ili diplomski rad, možda ćete morati umetnuti sliku na jedno ili drugo mjesto.

Postoje dva načina umetanja slike ili fotografije u Word dokument - jednostavan (ne najispravniji) i malo teži, ali ispravan i praktičniji za rad. Prva metoda je jednostavno kopiranje / lijepljenje ili povlačenje i ispuštanje grafičke datoteke u dokument, druga - korištenje ugrađenih alata programa iz Microsofta. U ovom članku ćemo vam reći kako ispravno umetnuti sliku ili fotografiju u tekst u Wordu.

1. Otvorite tekstualni dokument u koji želite dodati sliku i kliknite na mjesto na stranici gdje bi trebala biti.

2. Idite na karticu "Umetnuti" i kliknite na gumb "Crteži" koji se nalazi u grupi "ilustracije".

3. Otvorit će se prozor Windows Explorera i standardna mapa "Slike"... pomoću ovog prozora otvorite mapu koja sadrži potrebnu grafičku datoteku i kliknite na nju.

4. Nakon odabira datoteke (slike ili fotografije), pritisnite gumb "Umetnuti".

5. Datoteka će biti dodana dokumentu, nakon čega će se kartica odmah otvoriti "Format", koji sadrži alate za rad sa slikama.

Osnovni alati za rad s grafičkim datotekama

Uklanjanje pozadine: ako je potrebno, možete ukloniti pozadinu slike, odnosno ukloniti neželjene elemente.

Korekcija, promjena boje, umjetnički efekti: pomoću ovih alata možete promijeniti shemu boja slike. Opcije koje možete promijeniti uključuju svjetlinu, kontrast, zasićenost, nijansu, druge opcije boja i još mnogo toga.

Stilovi slika: pomoću alata za brze stilove možete promijeniti izgled slike dodane u dokument, uključujući oblik prikaza grafičkog objekta.

Položaj: ovaj alat vam omogućuje promjenu položaja slike na stranici, "uklapajući" je u tekstualni sadržaj.

Prelomi tekst: ovaj alat vam omogućuje ne samo da pravilno postavite sliku na list, već i da je upišete izravno u tekst.

Veličina: ovo je skupina alata u kojima možete izrezati sliku, kao i postaviti točne parametre za polje unutar kojeg se nalazi slika ili fotografija.

Bilješka: Područje unutar kojeg se nalazi slika uvijek je pravokutnog oblika, čak i ako sam objekt ima drugačiji oblik.

Promjena veličine: ako želite postaviti točnu veličinu za sliku ili fotografiju, upotrijebite alat "Veličina”. Ako je vaš zadatak proizvoljno rastegnuti sliku, samo zgrabite jedan od krugova koji uokviruju sliku i povucite je.

Premještanje: da biste premjestili dodanu sliku, kliknite na nju lijevom tipkom miša i povucite je na željeno mjesto u dokumentu. Za kopiranje / izrezivanje / lijepljenje koristite tipkovničke prečace - Ctrl + C / Ctrl + X / Ctrl + V, odnosno.

Skretanje: da biste zakrenuli sliku, kliknite na strelicu koja se nalazi na vrhu područja gdje se nalazi grafička datoteka i zakrenite je u željenom smjeru.

Savjet: Za izlaz iz načina rada sa slikom jednostavno kliknite lijevom tipkom miša izvan područja koje je uokviruje.

Zapravo, to je sve, sada znate umetnuti fotografiju ili sliku u Word, a znate i kako to promijeniti. Pa ipak, treba shvatiti da ovaj program nije grafički, već uređivač teksta. Želimo Vam uspjeh u daljnjem razvoju.