Obrázky oživujú web, zaujímajú návštevníkov, robia zdroj jasným a nezabudnuteľným. Bez fotografií a kresieb bude každá stránka, aj s veľmi zaujímavým a hodnotným textom, pôsobiť nudne a neúplne. Jednoduchý postup vkladania obrázkov na web umožní, aby sa váš zdroj stal farebnejším a získal nových pravidelných návštevníkov.
Je to nevyhnutné
- - vlastná stránka
- - výkres, ktorý sa umiestni na web
- vedieť, čo je HTML kód -
Inštrukcie
Krok 1
Ak chcete na stránke vytvoriť obrázok, nahrajte ho do úložiska súborov lokality. Súbory je možné nahrať na web pomocou „správcu súborov“alebo cez ftp. Konkrétne pokyny na nahrávanie súborov získate od svojho poskytovateľa hostiteľských služieb (ten, kto je hostiteľom vášho webu).
Krok 2
Po stiahnutí obrázku zistite odkaz na tento obrázok. Odkaz na váš obrázok bude vyzerať takto: http: ⁄ ⁄ website / img1.jpg. Ak ste našli obrázok na internete a poznáte jeho odkaz, môžete ho samozrejme použiť; ale je lepšie tento obrázok uložiť a nahrať na svoje stránky pomocou „správcu súborov“, pretože keď odstránite obrázok z iného webu, nebude sa zobrazovať ani na vašom zdroji.
Krok 3
Keď získate odkaz na požadovaný obrázok, vložte ho medzi úvodzovky v nasledujúcom kóde HTML:. Mali by ste získať nasledujúcu konštrukciu:. Namiesto „http: ⁄ ⁄ website / img1.jpg“by mal byť odkaz na váš obrázok. Táto položka musí byť umiestnená na správnom mieste v kóde HTML vášho webu.
Krok 4
Ak je potrebné upraviť veľkosť obrázka na webe, potom v kóde HTML zadajte požadovanú šírku a výšku obrázka. Zobrazenie záznamu označuje šírku obrázka v pixeloch a záznam označuje výšku obrázka v pixeloch, kde počet v úvodzovkách predstavuje počet pixelov. Všeobecný kód obrázka so zadanými rozmermi vyzerá takto:. Nahraďte čísla v kóde požadovanou šírkou a výškou obrázka.
Krok 5
Nie je nadbytočné uvádzať názov obrázka, aby návštevník pri prezeraní stránky v režime bez obrázkov pochopil, aké obrázky sa na stránke nachádzajú. Ak chcete pridať názov, vložte do výstupného kódu obrázka túto položku: alt="Názov". Namiesto slova „Názov“napíšte názov vašej fotografie. Výsledkom bude, že obrázok na webe bude mať nasledujúci kód HTML:.
