Všetko, čo webový surfer vidí na stránkach tohto webu, mu vykreslí prehliadač na základe podrobných informácií odoslaných webovým serverom. Táto informácia sa nazýva html-kód stránky a je zložená zo samostatných pokynov - „značiek“, ktoré popisujú vzhľad a umiestnenie každého jednotlivého prvku. Ak chcete na stránku webu pridať nový prvok (napríklad obrázok), musíte do jeho zdrojového kódu vložiť zodpovedajúcu inštrukciu (značku).
Inštrukcie
Krok 1
Pridajte obrázok na stránku pomocou editora stránky, ak máte možnosť použiť systém na správu obsahu. Najskôr načítajte požadovanú stránku do editora a uistite sa, že je povolený režim vizuálnych úprav. Niekedy sa mu hovorí anglická skratka WYSIWYG (What You See Is What You Get). Vo vizuálnom režime vyzerá stránka rovnako ako na webe. Musíte kliknúť myšou na miesto, kam chcete vložiť obrázok, a stlačiť tlačidlo „vložiť obrázok“na paneli editora.
Krok 2
Vyberte obrázok zo zoznamu, ktorý je už na serveri k dispozícii, a otvorí sa vám vizuálny editor v dialógovom okne na vkladanie obrázkov. Ak ste si ho ešte nestiahli, kliknite na vyhľadávacom tlačidle požadovaného súboru v počítači („Prehliadať“), vyhľadajte a otvorte ho a potom kliknite na tlačidlo „Nahrať“(alebo „Stiahnuť“). Na konci procesu nahrávania súboru na server sa obrázok pridá do zoznamu a môžete ho tiež vybrať.
Krok 3
Zadajte šírku a farbu rámčeka okolo obrázka, farbu výplne a vzdialenosť medzi rámčekom a obrázkom, text rozbaľovacej ponuky popisu pri umiestnení kurzora myši. Nezaškodí určiť veľkosť obrázka, aj keď je to, rovnako ako všetky nastavenia v tomto dialógovom okne (okrem výberu obrázka), voliteľné. Po vyplnení všetkých požadovaných polí dialógového okna kliknite na tlačidlo „OK“. Týmto je dokončený postup vkladania obrázkov, zostáva iba uložiť upravenú stránku.
Krok 4
Ak nemôžete použiť editor stránok riadiaceho systému alebo ak nemá režim vizuálnej úpravy, musíte vytvoriť a pridať požadovanú značku HTML do zdrojového kódu. Najjednoduchšia možnosť by mohla vyzerať takto: Tu je img názov značky a prehliadač pomocou nej usúdi, že by sa tu mal zobraziť obrázok. Atribút src obsahuje adresu a názov obrazového súboru. Ak je súbor umiestnený v rovnakom priečinku ako stránka, úplná adresa URL sa nevyžaduje. Môžete pridať vyskakovací popis okna pri umiestnení kurzora myši pomocou atribútu title a v atribúte border môžete určiť šírku orámovania: Nahraďte požadované atribúty svojimi hodnotami a prilepte výsledný HTML kód značky do zdroja stránky.. To je možné vykonať v jednoduchom textovom editore stiahnutím zdroja zo servera vášho webu a následným nahraním.
Krok 5
Nahrajte obrazový súbor na web. Môžete to urobiť pomocou správcu súborov riadiaceho systému alebo panelu poskytovateľa hostingu alebo môžete použiť rezidentný program - FTP klienta. Prvá možnosť je ľahšia, pretože nevyžaduje inštaláciu a úpravu programu - správca súborov funguje priamo v prehliadači.